@charset "UTF-8";
/* CSS Document */

body { margin: 0; font-family:Arial, Helvetica, sans-serif;}
h1 { font-size:16px; color:#f38427; margin: 0 0 10px 0;}
h2 { font-size:12px; color:#f38427; margin: 0 0 10px 0;}
p { font-size:12px; color:#333; padding:5px; margin:0 0 5px 0; line-height:150%;}
a:link { color:#f38427; text-decoration:none;}
a:hover { text-decoration:underline;}


#wrapper { width:968px; height:auto; margin:0 auto;}
#header { background:url(../images/CC-header-bg.jpg) no-repeat top left; width:968px; height:271px; margin:0 auto;}
#menu { background:url(../images/CC_02.jpg) no-repeat top left; width:968px; height:40px; margin:0 auto;}
#menubu { width:900px; height:30px; margin:0 auto; text-align:left}
#copy { background:url(../images/CC_03.jpg) no-repeat top left; width:908px; height:auto; margin:0 auto; padding:30px; padding-bottom:50px;}
#copy ul { list-style:none; text-align:center}
#copy li { font-size:12px; color:#f38427; padding:5px; margin:0 0 5px 0; float:left; width:200px;}
#blogframe { background:url(../images/CC_03.jpg) no-repeat top left; width:968px; height:auto; min-height:300px; margin:0 auto; padding:30px 0;}
#footer { position:fixed; bottom:0; background:url(../images/CC_04.png) no-repeat top left; width:968px; height:57px; margin:0 auto;}
#whitefooter { width:968px; height:57px; margin:0 auto; clear:both;}

#index { margin:0 auto; width:590px; height:auto;}
#profiles { background:url(../images/CC_03.jpg) no-repeat top left; width:928px; height:auto; min-height:300px; margin:0 auto; padding:20px; padding-bottom:50px;}
#profiles ul { list-style:none;}
#profiles li { font-size:12px; color:#f38427; padding:5px; margin:0 0 5px 0; float:left; width:45%;}

#menubu ul{ list-style:none; margin:0; padding-top:10px; text-align:left;}
#menubu li{ display:inline; font-size:14px; margin:0 10px;}
#menubu a { color:#f38427; text-decoration:none;}
#menubu a:hover { text-decoration:underline;}
.footer { position:absolute; bottom:0; font-size:20px; font-weight:bold; color:#fff; margin:0; padding:0 0 5px 30px;}
.credits { font-size:10px; color:#fff; margin:0; padding:35px 30px 0 0; }
	.credits a{ color:#fff; text-decoration:none; cursor:text;}
.orangecredits { font-size:10px; color:#f38427; margin:0; padding:35px 30px 0 0; text-align:right; }
	.orangecredits a{ color:#f38427; text-decoration:none; cursor:text;}
	
#blog { width:100%; height:auto; border:0; padding-top:10px;}
.iframe { width:100%; height:2000px; border:0; margin:0;}

.imgL { float:left; margin:10px 15px; padding:2px; border:1px solid #f38427;}
.imgR { float:right; margin:10px 15px; padding:2px; border:1px solid #f38427;}
.img { clear:left; margin:10px 15px; padding:2px; border:1px solid #f38427;}

.highlight { color:#f38427;}

.members ul { list-style:none;}
	.members li { float:left; width: 125px; margin:10px; height:auto; height:220px;}
	.members img { padding:2px; border:1px solid #f38427; }
	.members h2 { font-size:12px; color:#f38427; margin:0; padding:5px; text-align:center;}
.spacer { height:50px; clear:left;}
	
.clear { clear:both;}

	.friends  img { padding:2px; border:1px solid #f38427; }
	.friends  h2 { font-size:12px; color:#f38427; margin:0; padding:5px;}
	.friends p { font-size:12px; color:#666; padding:5px; margin:0 0 5px 0;}