/* RESET */
* {margin:0; padding:0;}
html {overflow-y:scroll;}
html, body {height:100%;}
body, div {position:relative;}

/* COLORS
	Rock Green     #b7d432
	Zekes Red      #ff0000
	Rock Grey      #535456
	lt Grey        #c4c6ca
	Dk Grey  	   #181819
*/

/* GENERAL UTILITY */
::selection {background: #c4c6ca;} 
::-moz-selection {background: #c4c6ca;}
.fix {clear:both;}
.hide {display:none;}
.accent, #magic-line {height:4px; position:relative; z-index:100; background-color:#b7d432;}
.tempsbc {position:relative; top:20px; right:10px;}
select {display:inline; margin:10px;}
h3.sbtitle {display:inline; margin-left:10px;}

/* STRUCTURE */
body {background:#181819 url(http://www.rockames.com/_images/bgs/bigbg2.jpg) no-repeat top center;}
	body#home {background:#000 url(http://www.rockames.com/_images/bgs/bigbg1.jpg) no-repeat top center;}
#page {width:960px; margin:auto;}




	/* HEADER */
	#header {height:165px; margin-top:10px; width:960px;}
		
		
		/* Header Logo */
		#header h1 a {background:url(http://www.rockames.com/_images/logo/headerlogo.png) no-repeat; 
					  display:block; height:165px; position:relative; left:-35px; text-indent:-9999px; width:480px;} 
		
		
		/* Main Navigation */
		#mainnav {margin-left:80px; overflow:hidden; position:relative; top:-58px; width:880px;}
			#mainnav li {display:inline;}
			#mainnav .accent {background-color:#b7d432; margin:5px; width:960px; position:absolute; top:5px;}
				#magic-line {background:#b7d432; margin-left:-0px; position:absolute; bottom:2px; left:0;}
			
			
			
		
		
		/* Secondary Navigation */
		#secondarynav { height:115px; 
					   position:absolute; right:-40px; top:35px; width:159px; z-index:90;}
			#secondarynav ul {padding:45px 40px 0 0;}
				#secondarynav .socbutton {display:block; float:right; height:25px; margin-left:5px; text-indent:-9999px; 
										  width:25px;}	
					#secondarynav #facebook {background:url(http://www.rockames.com/_images/icons/facebook_25_hover.png) no-repeat top left;}
					#secondarynav #twitter {background:url(http://www.rockames.com/_images/icons/twitter_25_hover.png) no-repeat top left;}
						#secondarynav #facebook:hover, #secondarynav #twitter:hover {background-position:bottom right;}
		
		
		
		
		/* Join Us Small */
		#joinussm {float:right; position:absolute; top:130px; right:0; width:200px; z-index:95;}
			#home #joinussm {display:none;}
				#joinussm p, #joinussm img {display:inline;}
				
				
	/* Main Content */
	#container {width:960px;}

		
		/* Info Section */
		.infosection {}
			#rockinfo, #joinus {display:table-cell; padding:30px 10px 80px;}
			#rockinfo {}
			#joinus {width:300px;}
				#joinus .inner {position:relative; top:20px;}
					#joinus .inner img {position:relative; top:-20px;}
		
		
		/* Landing Sections */
		.landingsection {background:#535456 url(http://www.rockames.com/_images/bgs/blocktitlebg.jpg) no-repeat top right;
						 float:left; margin:20px 10px; min-height:265px; padding:0 10px; width:280px;} 
		
		/* all landing sections after the first 3 */
		.landingsection + .landingsection + .landingsection +.landingsection {background:none; padding:0; width:300px;} 
			.landingsection .accent {position:absolute; left:0; top:-8px; width:300px;}
		
			/* all landing section accents after the first 3 */
			.landingsection + .landingsection + .landingsection + .landingsection .accent {display:none;}
			
			.landingsection img.linkimg {box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; 
								 		 -moz-box-shadow:0px 0px 8px #000; margin-top:20px; width:280px;}
				.laningsection img.placeholder {position:absolute; bottom:10px; laft:10px;}
		
		
			/* Mini Calendar */
			.landingsection table {width:300px;}
				.landingsection .calendar-month {padding-left:5px;}
				.landingsection td, .landingsection th {-moz-border-radius:5px; -webkit-border-radius:5px; 
									margin:5px; padding:2px 5px 5px;}
					.landingsection td.current {border:solid 1px #fff;}
					.landingsection td.linked-day {background-color:#535456;} 
				#traildiv {background-color:#535456; width:100px; z-index:100;}
		
		
			/* Flickr Roll */
			#flickrroll {margin:20px 0; width:640px;}
				#flickrroll img {width:60px; margin:10px;}
			
		
		/* Content */
		.pagecontent {float:left; margin:10px; width:700px;}
		.maincontent {border-right:solid 1px #fff; float:left; width:720px;}
			.feature {border-bottom:dotted 1px #c4c6ca; margin:10px 250px 10px 10px; width:700px;}
			.content {float:left; margin:10px; width:540px;}
				
				.entry img {margin:10px;}
				/* Comments */
				.commenttitle {}
					.commenter {}
				.commenttext {}
		
				/* Resource Content */
				.seriesimg {box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; -moz-box-shadow:0px 0px 8px #000;
							float:left; margin:10px; width:220px;}
				.seriesimghack {background:url(../_images/bgs/seriesbg.jpg) no-repeat;
								box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; 
								-moz-box-shadow:0px 0px 8px #000; float:left; height:147px; margin:10px; width:220px;}
					.seriesimghack .inner {display:table-cell; height:147px; padding:0 5px 0 50px; vertical-align:middle;}
				.featuresection {margin:10px; width:220;}
					.featuresection img {box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; 
										 -moz-box-shadow:0px 0px 8px #000; width:220px;}
		
				/* calendar */
				#calendar table {width:700px;}
					#calendar .calendar-month {font-size:2em; line-height:2em; text-align:left;}
					#calendar tr {vertical-align:top;}
						#calendar th {text-align:left;}
						#calendar td {width:90px; height:75px; padding:5px; border:solid 1px #181819;
									  -moz-border-radius:5px; -webkit-border-radius:5px;}
						#calendar td.linked-day {border:solid 1px #535456; background-color:#181819;}
							#calendar td.linked-day ul {text-indent:0;}
								#calendar td.linked-day ul li {text-indent:0;}
						#calendar td.current {border:solid 1px #fff;}
						#calendar td.empty {border:none;}
				
				/* Current Series */
				#currentseries {background:url(../_images/bgs/csbg.png) repeat-y; width:700px;}
					#currentseries h2 {background:url(../_images/bgs/cstitle.png) no-repeat; float:left; height:200px; 
									   margin-right:5px; text-indent:-9999px; width:42px;}
    				#currentseries a img {float:left; margin:10px; width:380px;}
    				#currentseries .seriesinfo {float:left; margin:10px; width:220px;}
    					#currentseries .seriesinfo .morelinks {width:220px;}
				
			/* Content Sidebar */	
			.contentsidebar {float:left; margin:30px 10px; width:140px;}
			.morelinks {float:right; margin:10px 0; text-align:right; width:140px;}
			.addthis_button_compact {display:block; float:right; margin-left:5px; padding:3px 0 0; 
									 position:relative;top:-3px;width:50px;}
				.addthis_button_compact .at300bs{ float:left;position:relative;top:-3px;}
				
				
		
		/* Sidebar */
		#sidebar {float:left; margin-top:30px; width:239px;}
			.sbsection {margin:20px 0; width:239px;}
				.sbsection ul li {margin-top:5px;}
				.sbsection ul li.current {background:url(http://www.rockames.com/_images/bgs/arrowleft.png) no-repeat;}
					.sbsection ul li ul li.current {background:none;}
				.sbsection ul li ul li {background:none; margin-left:29px;}
					.sbsection ul li ul li ul li:hover {background:none; border-left:solid 4px #ff0000; margin-left:25px;}
				.sbsection ul li ul li ul li.current {background:none; border-left:solid 4px #b7d432; margin-left:25px;}
					
			
		
		
			
		
			
			
#footer {height:100px;}