/*  BEGIN STRUCTURE  */

body {
		margin:0px;
		padding:20px 0px 20px 20px;
		font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
		font-size: 85%; 
		background: 
url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/bg_carbon2.gif) repeat;
/*url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/3rsV5_topBG.jpg) top repeat-x;*/
		background-color: #000;
		}

div.clearer {
                clear: both;
                line-height: 0;
                height: 0px;
             }
div.clearerff {
                clear: both;
                line-height: 0;
                height: 0px;
                margin-top: -5px;
             }
html>body div.clearerff {
                clear: both;
                margin-top: 0px;
             }

		
#page {        	
                margin-right: 20px;
		background: #313131;
                clear: both;
		}
		
#headerMain, #leftads, #centercontent, #sidebar, #footer {overflow:hidden; display:inline-block}
		
#headerMain {
		position: absolute;
		top:20px; left: 20px;
		width: 100%;
 		height: 250px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:249px;
		}
		
#header1 { 
        border-left:3px solid #FFDD00;
        border-top:3px solid #FFDD00;
        border-right:5px solid #8A7900; 
        border-bottom:4px solid #8A7900;
	/*	border-top:3px solid #949AA7;
                border-left:3px solid #949AA7;
		border-bottom:3px solid #464E59;
                border-right:4px solid #606775; 		*/
		background: #586170;
		margin: 0px;
		height:105px;
		}
html>body #header1 {
		height:104px;
		}
		
#headerlogo {
		float:left;
		width: 190px; 
		height: 103px;
		font-size: 0.8em;
		background: url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/3rsV5_hdrLogo.jpg) top left no-repeat;}

#headerright {
		float:right;
		height: 103px;
		text-align: right;
		padding: 1px 0 0 0px;
		vertical-align: top;
		}
html>body #headerright {
		padding: 4px 0 0 0px;

		}


#header2_nav {
		border-top:2px solid #ADB3BC;
                border-left:2px solid #949AA7;
		border-bottom:3px solid #464E59;
                border-right:3px solid #606775; 	
		background: #798495;
		height:30px;		
                text-align: right;
		}
html>body #header2_nav {
		height:29px;
		}

#header3_ads {  
		border-top:2px solid #949AA7;
                border-left:2px solid #949AA7;
                border-right:3px solid #606775; 
                height:30px;
		padding-top: 10px;
                text-align: center;
		}
html>body #header3_ads {
		height:29px;
		}
		

#topleftad {float: left; width: 158px;  height: 90px; border: 1px solid #FF6900; /*#949AA7;*/ text-align: center; margin-bottom: 15px;}
#topleftad2 {float: left; width: 158px;  background: #FFF; border: 1px solid #949AA7; text-align: center; margin-bottom: 15px;}		
.midalign {vertical-align: middle; padding-top: 15px;}
#toprightad {float: left; position: relative; margin-left: auto; margin-right: auto; width: 770px; height: 90px; text-align: center;
}
.navad {float: left; position: relative; margin-left: 10px; height: 15px;}
.homenav {float: left; position: relative; height: 15px; margin-top: 6px; text-align: right; font-size: 0.8em; padding-left: 10px;}
.homenav b {color: #FFDD00;}
.homenav a {color: #FFF;}
.trsnav {float: right; position: relative; height: 15px; margin-top: 6px; text-align: right; font-size: 0.8em;}
.searchnav {float: right; position: relative; width: 240px; margin-right: 0px; height: 15px; text-align: right; font-size: 0.8em; margin-left: 10px;}


#pagerblock {float: left;}


#pagewrapper {
                border-left:2px solid #949AA7;
                border-right:3px solid #606775; 
}


#leftads { position: absolute;
		left:35px;
		top:208px;
		width:160px;
		padding: 0px;
		background: #313131;
		text-align: center;
}

html>body #leftads { position: absolute;
		left:35px;
		top:205px;  }

#centercontent {
		position: relative; top: 0px;
		background:#313131;
   		margin-left: 189px;
   		margin-right:199px;
		/*









		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs

		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		Read more at http://www.glish.com/css/hacks.asp
		*/
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 191px;
   		margin-right:201px;
		}

html>body #centercontent {
   		margin-left: 191px;
   		margin-right:201px;
		}


.postbgtop {	       
 /*       border-left:2px solid #949AA7;
        border-top:2px solid #949AA7;
        border-right:3px solid #606775; 
        border-bottom:3px solid #606775;
		background: #40454E;  */
		padding: 0px;
		}
		
.googSearch { background: #FFF;
		margin: 15px 0 15px 0px;
		padding: 30px 0 0 0px;
		height: 70px;
		}
.post {	border-left:1px solid #ADB3BC;
        border-top:1px solid #ADB3BC;
        border-right:1px solid #697381; 
        border-bottom:1px solid #697381;
		background: #40454E;
		margin: 0px 0 15px 0px;
		padding: 20px;
		}
p.postmetadata {font-size: 0.75em;}

.backtoTop { border-top:1px solid #949AA7;
		border-bottom:1px solid #949AA7;
		padding: 15px;
                margin-bottom: 15px;
		}
.botmBanner { 
		border-bottom:1px solid #949AA7;

		margin: 15px 0 15px 0px;
		background: #FFF;
		height: 90px;
		text-align: center;
		padding-top: 25px;
		}
.botmBanner img { 
		margin: 0px;
		}

.navigation {height: 30px;}
.alignleft {float: left; font-size: 1.2em; font-weight: bold;}
.alignright {float: right; font-size: 1.2em; font-weight: bold;}
.navigation a {color:#FF6900;}


#credits { font-size: 0.8em;
		text-align: center;
		margin: 15px 0 15px 0px;
		padding: 20px;
		/* height: 350px; */
		background: #40454E;
		}

#sidebar {
	 position: absolute;
		right:35px;
		top:208px; 
		width:170px;
		margin: 0 0 0 200px;
		padding: 0px;
		background: #313131; /*BBB*/
		font-size: 1em;
                overflow: visible;
		}
html>body #sidebar { position: absolute;
		right:35px;
		top:205px;
}

		
#footer { height: 25px;	
        border-left:2px solid #FFDD00;
        border-top:2px solid #FFDD00;
        border-right:3px solid #8A7900; 
        border-bottom:3px solid #8A7900;
/*                border-left:2px solid #949AA7;
                border-top:2px solid #949AA7;
                border-right:2px solid #464E59; 
		border-bottom:2px solid #464E59;  */
		margin-bottom: 20px;
		background: #626B7A;
		clear: both;
                padding: 5px 15px 0px 0px;
                text-align: center;
                font-size: 0.8em;
		}
		
		
/*  END STRUCTURE  */






/*  BEGIN FORMATTING  */

#header1 a:link, #header1 a:visited, {
	color: #FFDD00;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited, h6, h6 a, h6 a:hover, h6 a:visited, .description {
	text-decoration: none;
	}
	

#headerright h6 {
	font-size:2em;
	padding-right: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}	
#header1 p {
	margin-bottom:0px;
	margin-top:0px;
	padding-right: 15px;
	font-size: 0.9em;
	}
	
.postbgtop a:hover, .post a:hover {
	color: #FFDD00;
	background-color:#586170;
	text-decoration: none;
	} 

.postbgtop h1 {
	text-align: left;
	margin:0px;
	font-size:1.7em;
	padding: 3px;
        border-right:2px solid #8A7900;     /*565C69;*/
        border-bottom:2px solid #8A7900;
        border-left:1px solid #FFDD00;      /*949AA7;*/
        border-top:1px solid #FFDD00;
	background-image: 
url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/bg_carbon2.gif);
        background-repeat: repeat;	 
        color:#FFFFFF;
	}


.post h1, .post h2, .postbgtop h2 {
	text-align: left;
	margin:0px;
	font-size:1.5em;
	padding: 0px;
	padding-left: 30px;
	background-image: url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/3rsV5_hdlineIcon_yel.gif);
	background-repeat: no-repeat;
	background-position: middle left;
        vertical-align: middle;
	color:#FFDD00; 
/*	background-color: #586170; 1px solid #FFF; */
	}

.post h2 a:link, .post h2 a:visited, .postbgtop h2 a:link, .postbgtop h2 a:visited, .post h5 a:link, .post h5 a:visited {
	color:#FFDD00;
	text-decoration: none;
	}
.post h2 a:hover, .postbgtop h2 a:hover, .post h5 a:hover {
	/* color:#000;*/
	background: #586170; 
	text-decoration: underline;
	}

.post h4, .postbgtop h4 {
	text-align: left;
	text-transform: uppercase;
	font-size:1.3em;
	padding: 0px 30px 0px 30px;
	background-image: url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/3rsV5_hdlineIcon_wyt.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #FFF;
/*	background-color: #586170;        border: 1px solid #ADB3BC; */
        margin-bottom: 5px;
	}

.post h5, .postbgtop h5 {
	text-align: left;
	text-transform: uppercase;
	display: inline; 
	font-size:1.1em;
	padding: 0px 0 0 30px;

	background-image: url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/3rsV5_hdlineIcon_wyt.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #FFF;
        border-bottom: 1px solid #888; 
/*         background-color: #586170;
         ADB3BC;    */
	}


.entry{
	margin-top: 20px;
	}
	
	
#sidebar {color: #FFDD00;}

#sidebar a {font-size: 0.8em;}
	
#sidebar h2 {
	font-size: 0.9em;
	text-align: left;
	margin:0px 0 0 0px;
	padding: 2px; 
	padding-left: 27px;
	background-color: #586170;
	background-image: url(http://www.3ringstudios.com/V5/wp-content/themes/3ringstudios-inc/images/3rsV5_hdlineIcon.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	font-family: Trebuchet MS, Arial;
	color: #FFFFFF;
	text-transform: uppercase;
        border-left:1px solid #FFDD00;
        border-top:1px solid #FFDD00;
        border-right:2px solid #8A7900; 
        border-bottom:2px solid #8A7900;
	}
	

.valign{ height:100%;width:0px;vertical-align:middle;} 

small {
	font-size: 0.8em;
	line-height: 2em;
	color: #949AA7;

	}
	
.alt {
	color: #FFFFFF;
	border-top: 1px dotted #949AA7;
	border-bottom: 1px dotted #949AA7;
	background-color:#626B7A;
	}
	
a img {
	border: none;
	}
	
/*   END FORMATTING  */	
	
	
	
	
	
/*  FORMATTING IMAGES */

/* floating pictures in itembody */
.leftbox {
        float: left;
	position: relative;
        display: inline;
	margin: 0px 15px 15px 0px; 
	padding: 0px; 
	text-align: center;


}

.leftbox img  {
	display: block;
	position: relative; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	line-height:0px;
}

.rightbox {
        float: right;
	position: relative;
        display: inline;
	margin: 0px 0 15px 15px; 
	padding: 0px; 
	text-align: center;

}

.rightbox img {
	display: block;
	position: relative; 
	border: 1px solid #a9a9a9;
	padding: 5px;
	line-height:0px;
}


.floatbox {float: right; position: relative; display: inline; margin: 20px 0 20px 15px; padding: 5px; background: #FFFFFF;  border: 2px solid #FF6900; text-align: center; clear: both;}

.floatbox_2 {float: right; position: relative; display: inline; margin: 0px 0 5px 15px; padding: 5px; border: 1px solid #626B7A; text-align: center;}

.clientSS {float: right; position: relative; display: inline; margin: 0px 0 5px 10px; padding: 3px; background: #;  border: 1px solid #999; text-align: center; clear: both;}



/*  END FORMATTING IMAGES html>body .floatbox {float: right; margin: 20px 0 20px 15px; padding: 5px; background: #FFFFFF; border: 4px solid #FF6900; text-align: center;}*/
	
	
	
	
	
	
	
	
	
	
	

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/* html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none; 
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	} */



.entry ul li:before, {
	content: "\00BB \0020";
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	

/*   HIDE OLD SIDEBAR CSS   */


#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}           

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}

/*

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0px;
	font-size: 1em;
	}

#sidebar ul ul ul {
	margin: 0 0 0 10px;
	font-size: 0.9em;
	}
*/


/* controls links in 'MAIN MENU' list */

.mainclass {margin: 0 0 20px 0;}

.mainclass ul {
	font-weight: bold;
          line-height: 1.5em;
	}
.mainclass ul a {
        color: #FFF;
        text-decoration: none;
	font-weight: normal;
	}
.mainclass ul a:hover {
        padding-left: 2px;
        padding-right: 2px;
        border-left:1px solid #FFDD00;
        border-top:1px solid #FFDD00;
        border-right:2px solid #8A7900; 
        border-bottom:2px solid #8A7900;
	}




/* following controls links in 'categories' */


.fiveUp {margin-top: -3px;}

.catclass { 	
           line-height: 1.5em; 
           display: block;
           margin: 0 0 20px 0;
         }

.catclass ul {	text-transform: uppercase;
		font-weight: normal;
                width: 100%; 
	}

.catclass ul li, .catclass li ul li {
	position: relative;
	}


.catclass li ul li a {
        display: block;
	text-decoration: none;
        margin: 0;
        padding-left: 10px;
        padding-right: 2px;
	color: #FFF;
	background: #3D434E;
        font-weight: normal;
        border-left:2px solid #AAA;
        border-top:1px solid #AAA;
        border-right:1px solid #CCC; 
        border-bottom:1px solid #CCC;
	}
.catclass li ul li ul li a {
        display: block;
	text-decoration: none;
        width: 205px;
        margin: 0;
        padding-left: 10px;
        padding-right: 2px;
	color: #FFF;
	background: #586170;
        font-weight: normal;
        font-size: 0.9em;
        border-left:3px solid #FFDD00;
        border-top:1px solid #CCC;
        border-right:1px solid #CCC; 
        border-bottom:1px solid #CCC;
	}

.catclass li ul li a:link, .catclass li ul li a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
        padding-left: 10px;
        padding-right: 2px;
	}

.catclass li ul li a:hover {
	text-decoration: underline;
        padding-left: 12px;
        padding-right: 2px;
	color: #3D434E;
	background: #EEE;
        font-weight: bold;
	}



/* following controls links in 'sub-categories' */

.catclass li ul li ul {
	position: absolute;
	left: -221px; /* Set 1px less than menu width */
	top: -10px;
        display: none;
	}





ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
/*	margin: 5px 0 0;  */
	padding: 0;
	}



/* Fix IE. Hide from IE Mac \*/
* html .catclass ul li { float: left; height: 1%; }
* html .catclass ul li a { height: 1%; }
/* End */

.catclass ul li ul a:hover {color: #3D434E; background: #FFF; } /* Hover Styles */
		
/*.catclass ul li ul a { padding: 2px 5px;}  Sub Menu Styles */
		
*html .catclass li:hover ul, *html .catclass li.over ul {display: block;} /* The magic */

html>body .catclass ul li:hover ul {display: block;}
html>body .catclass ul li.over ul {display: block;}


.sidesearch {
         background: #3D434E;
        width: 98%;
        border-left:2px solid #AAA;
        border-top:1px solid #AAA;
        border-right:1px solid #CCC; 
        border-bottom:1px solid #CCC;}



/* End Entry Lists */






/* Begin Form Elements */
#searchform {
	margin: 0 auto;
	padding: 4px 0px; 
	text-align:center;

	}

#s {
	width: 130px;
	padding: 0px;
        height: 15px;
        margin: 0px 0 1px 0px;
color: #000;
background: #FFF9CA;
border: 2px #FFF inset;
font-size: 1em;
	}

#searchsubmit {
padding: 0px;
color: #000;
background: #FFDD00;
border: 2px #FFF outset;
width: 70px;
height: 20px;
font-size: 0.9em;
cursor: hand;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


select {
	width: 130px;
	}



#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	padding: 0px;
position: relative;
	}

#commentform #submit {
	margin: 0px 5px 0 0px;
	float: right;
position: relative;
	}
/* End Form Elements */
