/* Apologies for the mess.
 This will be nicely formatted when I have some time */
 
* {
	margin: 0;
	padding: 0;
}
a
{
    outline: none;
}
img{
	border: none;
}
body{
	font: 80%/1.5em "Trebuchet MS";
	text-align: center;
}
#z1{
	margin: 0 auto;
	text-align: justify;
	width: 780px;
	background: #eee url(../i/wbg.png) repeat-y;
}
#z2{
	padding: 12px 11px;
}
#friends{
    width: 760px;
    margin: 0 auto;
    height: 60px;
    position: relative;
}
#friends img{
    float: left;
}
#friends .friendsleft img{
    margin-right: 2px;
}
#head{
	position: relative;
	height: 104px;
	border-bottom: 2px solid #000;
	padding: 2px 10px 2px 2px;
}
#head h1 a{
	display: block;
	float: left;
	width: 230px;
	height: 104px;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}
#nav{
	width: 480px;
	float: right;
}
#nav ul{
	width: 480px;
	height: 104px;
	position: relative;
}
#nav ul li{
	list-style: none;
	float: left;
}
#nav ul li, #nav a{
	display: block;
	height: 104px;
	width: 80px;
	float: left;
}
#nav a{
	text-indent: -9999px;
	text-decoration: none;
}
#nav a:hover{
	border-bottom: none;
}
#content{
	background: transparent url(../i/cbg.png) no-repeat top right;
	height: 700px;
	position: relative;
	min-height: 700px;
}
body.white #z1{
	background-image: url( ../i/wbg_white.png );
}
body.white #content{
	border-bottom: 1px solid #000;
	background: #fff;
	padding: 20px 290px 20px 20px;
}
#forum.white #content{
	padding: 20px;
}
#home.white #content{
	padding: 0;
	background: #fff;
}
body.white #footer{
	padding: 0 0 20px 0;
	text-align: center;
}
#breadcrumbs{
	margin: 4px 0 15px 0;
}
html>body #content{
	height: auto;
}	
#content p, #content h1, #content h3{
	margin: 0 0 10px 0;
}
#left{
	width: 413px;
	padding: 15px 20px;
	float: left;
}
#right{
	width: 270px;
	padding: 15px;
	float: right;
	text-align: center;
}
.sub{
	background: url(../i/boxfoot.gif) no-repeat left bottom;
	padding-bottom: 48px;
	width: 260px;
	margin: 0 auto 10px auto;
	text-align: left;
}
.subodd{
	background: url(../i/boxfoot_odd.gif) no-repeat left bottom;
}
.subcontrib{
	background: url(../i/boxfoot_contrib.gif) no-repeat left bottom;
	padding-bottom: 18px;
	margin-bottom: 15px;
}
.sub h2{
	font: 1.4em/1em "Trebuchet MS";
	margin: 0;
	height: 18px;
	padding: 9px 12px 9px 12px;
	overflow: hidden;
	background: url(../i/boxhead.gif) no-repeat left top;
	color: #333;
	letter-spacing: 1px;
}
.sub div.box{
	padding: 12px;
	padding-bottom: 2px;
	font-size: 1em;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	background: #fff;
}

.sub ul li{
	list-style: none;
	margin: 0 0 3px 0;
}
.details{
	text-align: right;
	font-style: italic;
	background: url(../i/pixel.gif) repeat-x left center;
	margin: 0 0 15px 0;
	clear: both;
}
.details span{
	padding: 0 0 0 5px;
	position: relative;
	background: #fff;
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	right: -5px;
}

#footer{
	background: transparent url(../i/fbg.png) no-repeat left bottom;
	padding: 0 0 15px 0;
	text-align: center;
}
* html #footer{
	height: 1px;
}
h1{
	font: 1.5em/1.2em "Trebuchet MS";
}
a{
	position: relative;

	text-decoration: none;
}
a:hover{
	color: #000;
}

/* - STYLE SWITCHER - 
	background: url(../i/click.gif) no-repeat 194px 0px;
*/
#style_switcher{
	text-align: center;
	margin-bottom: 10px;
	margin-top: -18px;

}
#style_switcher ul{
	width: 140px;
	position: relative;
	margin: 0 auto;
}
html>body #style_switcher ul{
	padding-bottom: 5px;
}
#style_switcher ul li{
	list-style: none;
	float: left;
}
#style_switcher ul li a{
	display: block;
	border: 1px solid #000;
	width: 10px;
	height: 10px;
	margin: 4px;
	text-indent: -9999px;
	text-decoration:none;
	line-height:0;
	font-size:0;
}
#style_switcher ul li a:hover{
	margin: 2px;
	padding: 2px;
}

code{
	font-size: 0.9em;
}
html>body code{
	font-size: 1.2em;
}

#previews{
	width: 700px;
	margin: 10px auto;
	position: relative;
}
#previews li{
	list-style: none;
	position: absolute;
	width: 247px;
	height: 40px;
	padding: 4px 5px;
	text-align: left;
	overflow: hidden;
}

/* STYLES FOR COMMENTS */
#comments ol{
	margin: 0 30px;
	padding: 10px 0;
}
#comments ol li{
	margin: 0 0 10px 0;
	position: relative;
	padding: 10px;
}
#comments ol li .comments{
	overflow: hidden;
	width: 100%;
}
#comments .commentdetails{
	margin: 10px 0 0px 0;
	padding: 0;
	text-align: right;
	color: #666;
	font-style: italic;
}

#comments ol li.odd{
	background: #eee;
}
#comments input, #comments textarea{
	background: #eee url(../i/inputbg_comments.png) no-repeat right top;
	border: 1px solid #000;
	padding: 3px;
	margin: 2px 0;
	overflow: auto;
}
* html #comments textarea{
	background-attachment: fixed;
	background-position: left top;
}
#comments label, #comments input, #comments textarea{
	float:left;
	clear:left;
}
#comments div.bb{
	margin: 3px 0;
}
#comments div.bb input{
	float: none;
	width: auto;
}
#comments input.nofloat{
	width: auto;
	border:none;
	background: none;
	float: none;
 }
#comments textarea{
	width: 410px;
	height: 150px;
	margin: 0 0 10px 0;
}
#comments input{
	width: 205px;
}
#comments .bbu{
	text-decoration: underline;
}

/* STYLES FOR LOGIN FORM */
#members{
	text-align: center;
}
#members td.tdl{
	width: 56px;
	padding: 2px;
	text-align: right;
}
#members p{
	clear: both;
	margin: 0;
}
* html #members table{
	margin-bottom: 5px;
}
#members input.callout{
	border: 1px solid #000;
	padding: 2px;
	margin-bottom: 2px;
	width: 158px;
}
p.center{
	text-align: center;
}
#bubble{
	position: absolute;
	left: 0;
	top: 0;
}
#bubble a{
    text-indent: -9999px;
    float: left;
    width: 100px;
    height: 60px;
    display: block;
    background: url(/i/bubbleit.gif) no-repeat;
}
#content h1{
	text-align: left;
}
#post-review {
	border-top: 1px solid #333;
}

#post-review li{
	border-bottom: 1px solid #333;
	list-style: none;
	position: relative;
	padding-top: 10px;
}
* html #post-review li{
	width: 100%;
}
img.articleimage{
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #333;
}
p.clear{
	line-height: 0;
	clear: both;
	margin: 0;
	padding: 0;
}
.subsection{
	color: #666;
	font-style: italic;
}

#content h4{
	font-size: 1.2em;
}
#content .post h3{
	font-size: 1.3em;
	margin:0;
	font-weight: normal;
}
#content .post h1{
	font-size: 1.4em;
	margin: 0;
}
#content h5{
	font-size: 1em;
}
h1.news{
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#polldiv table{
	margin-bottom: 10px;
}
#polldiv table td{
	padding-right: 5px;
}
#credits{
	width: 600px;
	float: left;
	margin-right: -200px;
	text-align: left;

}
#credits{
	clear: both;
}
#credits ul li{
	list-style: none;
	float: left;
	margin: 0 5px 5px 0;
	width: 300px;
	padding: 4px 10px 12px 40px;
	background: url(../i/blankhead.gif) no-repeat;
}
#credits ul.contrib li{
	padding-top: 12px;
	width: 140px;
}
#credits p{
	clear: left;
}
#about  h3{
	font-size: 1.2em;	
}
#about #z1{
	text-align: left;
}
#aboutsequence{
    height: 476px;
    background: url(/i/aboutsequence.gif) no-repeat left top;
    margin-left: 10px;
    position: relative;
}
#about #z1{
	background-image: url( ../i/wbg_white.png );
}
#about #content{
	border-bottom: 1px solid #000;
	padding: 20px;
}
#aboutsequence ul li{
    list-style: none;
        position: absolute;
}
#aboutsequence ul li a{
    display: block;
    float: left;
    line-height: 0;
}
#aboutsequence ul li a span{
    display: none;
}
#aboutusli{
    width: 217px;
    height: 358px;
    left: 37px;
    top: 68px;
}
#aboutusli a{
    width: 217px;
    height: 358px;
}
#advertisementli{
    width: 121px;
    height: 355px;
    left: 262px;
    top: 72px;
}
#advertisementli a{
    width: 121px;
    height: 355px;
}
#publicityli{
    width: 290px;
    height: 131px;
    left: 387px;
    top: 298px;
}
#publicityli a{
    width: 290px;
    height: 131px;
}
#webdesignli{
    width: 149px;
    height: 225px;
    left: 387px;
    top: 71px;
}
#webdesignli a{
    width: 149px;
    height: 225px;
}

/** for star ratings **/
ul.rating{
	position: relative;
	float:left;
	clear: left;
	margin: 0 0 10px 0;
	width: 270px;
}
ul.reviewer{
	margin: -10px 0 0 0;
}
html>body ul.reviewer{
	margin: -10px 0 -4px 0;
}
ul.rating li{
	float: left;
	list-style: none;
}
ul.rating li.empty{
	background: url(../i/star_empty.gif) no-repeat 0px 3px;
}
#rate{
	position: absolute;
	display: none;
	width: 230px;
	background: url(../i/ratebg.gif) no-repeat;
	left: 15px;
	margin-top: 31px;
	z-index: 99;
	overflow: hidden;
	height: 0px;
}
#rate div{
	padding:10px;
	margin: 30px 8px 0 0;
	text-align: center;
}

#rate select{
	width: 150px;
}
blockquote{
	font-size: 1.25em;
	margin: 5px 40px;
	background: #fff url(../i/quotel.gif) no-repeat left top;
	border: none;
    font-weight: bold;
}
blockquote .incqbox{
	padding: 25px;
	background: url(../i/quoter.gif) no-repeat right bottom;
	border: none;
}
.feature-center{
	text-align: center;
}
img.feature{
	padding: 3px;
	border: 1px solid #333;		
}
img.right{
	float: right;
	margin: 5px 0 15px 15px;
}
html>body img.right{
	margin: 13px 0 15px 15px;
}
img.left{
	float: left;
	margin: 5px 15px 15px 0;	
}
html>body img.left{
	margin: 13px 15px 15px 0;
}
ul.photo-set{
	margin: 0 0 0 40px;
	position: relative;	
}
ul.photo-set li a img{
	padding: 3px;
	border: 1px solid #333;	
}
ul.photo-set li{
	list-style: none;
	margin: 3px 6px 0 0;
	float: left;	
}
.bbu{
	text-decoration: underline;
}
* html ul.photo-set{
	height: 1px;
}
/* searchform */
#searchdiv{
    text-align: center;
    width: 185px;
    margin: 0 auto;
}
#searchform {
	margin: 0;
	padding: 0;
}
#searchform fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#searchform label { 
	color: #999; 
	display: none; 
}
#searchform input { 
	width: 170px; 
	color: #222; 
}
#searchform #submitquery { 
	display: none; 
}
#livesearch_results{
    width: 438px;
    height: 350px;
    position: absolute;
    right: 302px;
    top: -1000px;
}
#livesearch_results_m{
    border: 2px solid #333;
    border-right: 0;
    height: 346px;

    background: #fff;
}
* html #livesearch_results_m{
    padding-right: 20px;
}
#livesearch_results_i{
    padding: 25px;
    display: none;
    position: relative;
    overflow: auto;
    height: 296px;
}
#livesearch_results a{
    display: block;
    position: relative;
}
#livesearch_results img{
    width: 80px;
    height: 80px;
}
#close_livesearch{
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
}
#close_livesearch a{
    float: left;
    display: block;
    height: 16px;
    width: 16px;
    line-height: 0;
    text-indent: -9999px;
    background: url( /i/x.gif ) no-repeat 0 0;
}
#close_livesearch a:hover{
    background: url( /i/x.gif ) no-repeat 0 -16px;
}
#livesearch_result_holder{
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
}

#signup{
	position: absolute;
	left: 0;
	top: 0;
}

#signup a{
	width: 95px;
	height: 95px;
	display: block;
	text-indent: -999px;
}