﻿*	{text-align: left; margin: 0; padding: 0; border: 0;  color: #FFF; text-decoration: none; list-style-type:none; vertical-align: text-bottom}
body { background: #111 url(/g/p/CCC-diagonal-000-3x3.png); font: 16px/18px helvetica, arial, sans-serif; }
em {font-style: normal; color: #FF0;}


h1 {font-weight: normal; float: left; color: #888; font-style: normal !important; font-size: 90%; }
h2{font-size: 70%; margin: 20px 0}

.no-border {border: 0 none !important}


#container {margin: 0 auto; width: 1024px; text-align: center; overflow: hidden;  }
/*#container {border-top: solid 1px #F0F;} 	decoration	*/


#header {margin: 0 0px; padding: 20px 0px 25px; width: 1024px; overflow: hidden; height: 20px;}

#header h1 em {
	display: none;
	color: #AAA !important;
	font-size: 80%;
	position: relative; top: -3px;
	margin: 0 2px 0 0; 
}


#header #contact-links {float: right;}
#header #contact-links li {float: left; font-size: 70%; margin: 0 5px; }

#header #contact-links #email a {text-indent: -9999px; display: block; background: url(/g/s/email-unsprite.png) 0 0px no-repeat; width: 26px ; height: 19px; margin: .1154em 0 0}

#header #contact-links #facebook-page a { display:block; text-indent: -9999px; background: url(/g/s/facebook-sprite.png) 0 0px no-repeat; width: 19px; height: 20px; }


#header #contact-links #twitter-follow a { display:block; text-indent: -9999px; background: url(/g/s/twitter-sprite.png) 0 0px no-repeat; width: 19px; height: 20px; }

		
#header #twitter-feed { padding: 0px 5px; float: left; font-size: 75%; margin: 0;  }
#header #twitter-feed span { color: #FF0 }

#header #twitter-feed a { font-style: italic; font-family: Georgia, serif; color: #FFA;  }
#header #twitter-feed a:hover { color: #FF0; text-decoration: underline}

#header #twitter-feed a.follow { font-style: normal; font-family: sans-serif; color: #888; }
#header #twitter-feed a.follow:hover { color: #CCC; text-decoration: none}


#drl {margin: 0px auto 0; width: 1024px; height: 680px; overflow: hidden; background: url(/g/p/CCC-diagonal-000-10x10.png); float: left}		

#drl li div{ width: 1024px; margin: 0 auto; line-height: 14px; text-align: center; }
#drl li div img { background: transparent; }		
#drl li div h2 {position: relative; top: -703px; font-size: 100%; float: left; background: url(/g/o/background-black-50-percent.png);  padding: 10px 20px 10px 10px; }
#drl li div h2 em {margin-right: 5px}

#drl-nav {background: transparent; z-index: 100; position: relative; top: -640px; right: 0;  display: block; float: left; margin: 0 5px}				
#drl-nav a { display: block; float: left; width: 20px; height: 20px; background: url(/g/s/drl-nav-sprite.png) 2px 0 no-repeat; text-indent: -9999px;  }
#drl-nav a:hover {  background: url(/g/s/drl-nav-sprite.png) 2px -20px no-repeat }
#drl-nav a.activeSlide { color: yellow; background: url(/g/s/drl-nav-sprite.png) 2px -40px no-repeat  }

#drl {border-top: solid 1px #CCC}
#drl .fb_ilike { position: absolute; left: 20px; top: 80px; border:none; width:450px; height:40px; float: left }

.archives {	height: 160px; background: url(/g/p/CCC-diagonal-000-10x10.png); border-top: solid 1px magenta; float: left; width: 100%}
.archives .shader {background: url(/g/o/background-black-50-percent.png); height: 165px; width: 1024px;  float: left; position: relative; top: -185px; display: none}
.archives div { float: right; margin: 0 0px 0 0; height: 160px}
.archives h2 {background: url(/g/o/background-black-50-percent.png);  padding: 5px 15px 5px 5px; float: left; margin: 0; position: relative; top: -160px; font-size: 80%; z-index: 100}

.bottom {position: relative; top: -20px	}

#footer {float: left; width: 1024px; height: 20px; padding: 50px 0}
#copyright {font-size: 50%; letter-spacing: 1px; width: 100%; text-align: center; }
p#copyright {display: block}
