/*
 *	World of Indians
 *	v2
 *
 * @author	Fusioned
 * @date	28-Feb-2008
 */



/* =INITIAL
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling:   Elements we want to clean out entirely: */
html, body, form, fieldset {margin: 0;padding: 0;font: 100%/120% Arial, Helvetica, sans-serif;}

/* Neutralize styling:   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin: 1em 0;padding: 0;}

/* Apply left margin:   Only to the few elements that need it: */
li, dd, blockquote {margin-left: 1em;}

/* Miscellaneous conveniences: */
form label {cursor: pointer;}
fieldset {border: none;}

/* Form field text-scaling */
input, select, textarea {font-size: 100%;}

/***** end of initial.css *****/


/** layout **/
div#container{margin:0}
div#contentwrap{width:900px;}
div#mainbody{float:right;width:720px; position:relative;}

div#header{}
div#sidecontent {float:left;width:180px;}
div#extra{float:left;clear:left;width:180px}
div.side {float:left;clear:left;width:180px}

div#footer{clear:both;width:900px;}


/** generic styles **/
body {
	color: #333; 
	font-family: "Trebuchet MS", Verdana, Arial, san-serif;
	font-size: 12px;
	line-height: 1.5;
}
h1 {
	color:#DC2003;
	font-family:"Trebuchet MS",Verdana,Arial;
	font-size:20px;
	font-weight: normal;
}

h3 {
	font-size: 16px;
}

a {
	color: #b30006;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}

.clear { clear: both; }

/* buttons */
a.button {
	display: block;
	width: 208px;
	height: 69px;
	background-repeat: no-repeat;

	text-indent: -1000em;
    overflow: hidden;
}
	
a.button-joinnow { background-image: url(../bt_join.gif); }
a.button-readfullreview { background-image: url(../b_full.gif); }
a.button-visitwebsite { background-image: url(../bt_visitsite.gif); width: 243px; }
a.button-bookmark, a.bookmark-button { background-image: url(../b_bookmark.gif); }

a.button-readreview { background-image: url(../bt_readreview.gif); width: 208px; height: 69px; }
a.button-freetour { background-image: url(../bt_freetour.gif); width: 208px; height: 69px; }

/**
 * page design
 */

/* layer the side backgrounds, with the bottom pattern on top */
body {
	background: url(/i/leftnavbg.gif) repeat-y;
}
#contentwrap {
	background: url(/i/leftnavftr.gif) no-repeat bottom left;
}

/* layer the footer pattern */
#container {
	background: url(/i/ftr_bg.jpg) repeat-x bottom left;
}
#footer {
	background: url(/i/ftr.gif);
	height: 100px;
	padding-top: 18px;
	border-bottom: 1px solid #370002;	/* fix for ftr bg jpg being 1px taller than the gif */
}

/**
 * header
 */
 
/* layer the header patterns */
#header {
	background: url(/i/hdr_bg.jpg) repeat-x;
	height: 220px;
}
#title {
	height: 163px;
	height: 220px;
	width: 900px;
	background: url(/i/hdr_2.jpg) no-repeat;
	margin: 0;
	text-indent: -1000px;
	position: absolute;
	top:0; left: 0;
}

#adbanner {
	position: absolute;
	left: 411px;
	top: 62px;
	width: 468px;
	height: 80px;
	background: #FAD815;
}
#adbanner img { border: 0; }

/**
 * nav 
 **/
 
#navigation {
	position: absolute;
	top: 163px;
	left: 180px;
	min-width: 720px;
}
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation li { margin: 0; padding: 0; float: left;  }
#navigation a {
	height: 42px;
	background: no-repeat;
	text-indent: -1000px;
	display: block;
	margin: 0;
	padding: 0;
}
#nav-home a 	{width: 113px;	background-image: url(/i/nav/nav_home.gif);}
#nav-bookmark a {width: 167px;	background-image: url(/i/nav/nav_bookmark.gif);}
#nav-reviews a 	{width: 116px;	background-image: url(/i/nav/nav_reviews.gif);}
#nav-pics a 	{width: 87px;	background-image: url(/i/nav/nav_pics.gif);}
#nav-movies a 	{width: 109px;	background-image: url(/i/nav/nav_movies.gif);}
#nav-forum a 	{width: 128px;	background-image: url(/i/nav/nav_forum.gif);}

#nav-home a:hover 		{background-image: url(/i/nav/nav_home_hi.gif);}
#nav-bookmark a:hover	{background-image: url(/i/nav/nav_bookmark_hi.gif);}
#nav-reviews a:hover	{background-image: url(/i/nav/nav_reviews_hi.gif);}
#nav-pics a:hover 		{background-image: url(/i/nav/nav_pics_hi.gif);}
#nav-movies a:hover		{background-image: url(/i/nav/nav_movies_hi.gif);}
#nav-forum a:hover 		{background-image: url(/i/nav/nav_forum_hi.gif);}


/**
 * footer
 */

#footer-navigation li {
	display: table-cell;

	padding: 0 0.3em 0 0em;
}
#footer-navigation ul {
	list-style: none;
	display: table;
	margin: 0 auto;
}
#footer-navigation { 
	margin: 1.75em auto 0.3em;
	clear: both;
	text-align: center;
}
/* modern browsers only */
#footer-navigation li:before { content: "|"; margin-right: 0.3em; }
#footer-navigation li:first-child:before { content: "";}


#footer { 
	text-align:center; color: #fff;
}
#footer p { margin: 0; line-height: 1.7; }

#footer a {	color: #FAD815 }
#footer a:hover { color: #fffffe; }

/**
 * common list styles
 */

.urllist { margin: 0; list-style: none; }
.urllist li { margin-left: 0.9em; }
.urllist li a { margin-left: 0.35em; }
/* .urllist li:before { content: "\25CA"; }  need something else for IE7  */


#side-siteindex .urllist li {
	background: url(/i/bullet_33sq.gif) no-repeat 0 7px;
	padding-left: 0.5em;
}

#side-topratedsites ul li {
	list-style:none;
}

/** 
 * sidebar
 */
 
#sidecontent {
	padding-bottom: 68px;
}

#sidecontent h2, .side h2 {
	text-indent: -1000px; 	/* make all section headers here use image replacement */
	width: 180px;
	margin: 0;
	height: 73px;
}

#side-siteindex h2 {
	background: url(/i/lt_siteindex.gif) no-repeat;
	height: 49px;
	text-indent: -1000px;
	position: relative;
	margin-top: -15px;
}


#side-top30referrers h2 {
	background: url(/i/lt_top30ref.gif) no-repeat;
}

#side-topratedsites h2 {
	background: url(/i/lt_toprated.gif) no-repeat;
}

#side-hothothot h2 {
	background: url(/i/lt_hothot.gif) no-repeat;
}


.ad-vert-banner {
	text-align: center; 
	border: 0;
	margin-left: 20px;
	margin-bottom: 20px;
}


/**
 * main body
 */
 
div#mainbody {
	margin-top: 8px;
	width: 710px;

}
#mainbody h1 {
	margin: 0;
}
#mainbody p { margin-top: 0; }


/** main body headers **/
#mainbody h2 {
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 0em;
}

#home #mainbody h2 {
	color: #fff;
	padding-left: 58px;
	background: url(/i/ep1.gif) no-repeat left top;
	height: 59px;
	line-height: 59px;
}

#home #mainbody > div { background: url(/i/epright.gif) no-repeat right top; margin-top: 0.5em; }


#potd-page #mainbody h1 {
	padding-left: 58px;
	height:64px;
	line-height:64px;
	margin-bottom:0.3em;
	color:#fff;
	background: url(/i/ep1.gif) no-repeat left top;
}
#potd-page #mainbody {
	background: url(/i/epright.gif) no-repeat right top;
}

/** some weird opera bug not working with the above statement; following are the rules pulled from ie.css **/
#latestreviews, 	#todaysgalleries,
#latestforumthreads,#potd,				
#topfriends { 
	background: url(/i/epright.gif) no-repeat right top; 
	margin-top: 0.5em; 
}

/** review **/

#latestreviews h3 {
	margin: 0;	
}
#latestreviews .box-content {
	
}
#latestreviews .review-content {
	margin-left: 0.70em;
	clear: left;
	margin-bottom: 1.7em;
}
#latestreviews .review-snapshot-thumb {

}
.review-content img {
	float: left;

	border: 1px solid #DB2003;
	line-height: 1;
}


.review-content .review-meta {
 	float: left;
	width: 170px;
	height: 112px;
	margin-left: 10px;
}
.review-content .review-rating {
	border: none;
	margin-bottom: 0.5em;
	margin-top: 0.2em;
}
.review-content .review-meta span {
	display: block;
}
.review-content .review-snippit {
	font-size: 1em;
	line-height: 1.4;
	margin-top: 0.4em;
	height: 114px;
}
.review-content .review-snippit p {
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 1.4;
}
.review-content .review-snippit a.review-link {
	text-align: left;
	margin: 0;
	display: inline;
}
.review-content .review-snippit a.review-link:before {
	content: ">";
	margin-right: 0.3em;
}


/* text gallery list - dual column */

.textgallerylist li {
	width: 45%;
	float: left;
	margin-left: 1.5em;
	padding-left: 0em;
	list-style: square;
}
.textgallerylist > li {
	list-style: none;
	margin-left: 0.3em;
}
.textgallerylist li:before {
	content: "\25AA";
	margin-right: 0.3em;
}
.textgallerylist { 
	height: 1%;
	overflow: hidden;
	margin-top: 0;
}

/** archived text gallery list **/

#archivedgalleries .textgallerylist li { width:auto; float:none; }
#archivedgalleries .textgallerylist { height:auto; }

/** POTD **/

#home #mainbody > #potd { margin-top: 0; }

#potd {
	width: 260px;
	margin-right: 10px;
	float: left;
	margin-top: 0;
}

#potd img {
	margin-left: 20px;
}

#potd .caption { display:block; text-align:center;}

/** latest threads **/

#home #mainbody > #latestforumthreads { margin-top: 0; }
#latestforumthreads {
	width: 440px;
	float: left;
	margin-top: 0;
}

#latestforumthreads, #potd {
	height: 400px;
}

.topiclist {
	margin-top: 0;
}

.topiclist li { list-style:none;}

/** top friends **/

#topfriends {
	overflow: auto;
	clear: both;
}

#topfriends dd { margin-left: 0; margin-bottom: 1em;}



/**
 * Review page
 */
 

/* reset some of the stuff declared earlier */
#review #mainbody h2 { background: none;line-height: 1;}

#review {

}
#review h1 {
	font-weight: bold;
	font-size: 24px;
}

#review h2 b { 
	text-indent: 0; display: block; height: auto;
	margin-left: 13px;
	padding-top: 1.5em;
	font-size: 28px;
	position: relative;
}

#review-summary {
	width: 335px;
	float: left;
}

#review-summary h2 {
	display: none;
}

#review .meta {
	margin-top: 0;
}

#review-screenshot {
	border: 1px solid #900;
	float:left;
	margin-right: 8px;
	margin-left: 3px;
}

.rating {
	background-color: #f5f5f5;
	border: 1px solid #e7e7e7;
	text-align: center;
}
.rating-stars {
	border: 1px solid #B40006;
	margin-bottom: 6px;
	height: 53px;
}
.rating-stars h3 {
	background-color: #B40006;
	color: #fff;
	font-size: 12px;
	margin: 0 0 3px;
	padding: 3px 3px 5px 8px;
	text-align: left;
}
.rating-stars img { margin-left: 5px; }

#review-score h2 {
	background: none;
	color: #B70006;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	margin: 2.2em 0 0em;
	padding: 0;
	line-height:1;
	height: auto;
	color: #B70006;
}

body#review #review-score {
	font-size: 36px;
	color: #DC2003;
	font-weight: bold;
	padding: 0 0px;
	line-height: 1.4;
	
	width: 126px;
	height: 100px;
	background: url(/i/ofrate.gif) no-repeat;
	text-align: center;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	
}

#review .reviewed-on, #review .reviewed-by {
	display: block;
}
#review .reviewed-on { margin-bottom: 50px; }

#review h1, #review .reviewed-by, #review .reviewed-on {
	margin-left: 140px;
}

#review-content {
	padding-top: 0.8em;
	clear: both;
	color: #333;
}

#review-content h2 {
	margin-bottom: 0;
}
#review-content p {
	margin-top: 0;
}

#review-content dl {
	background-color:#F5F5F5;
/*	border:1px solid #E7E7E7;	 */
}
#review-content dd {
	margin-left: 0;
}
#review-about {
	float: left;
	width: 340px;
	padding: 0px 0px 5px 8px;
	margin-right: 16px;
	line-height: 1.4;
}

#review-stats {
	width: 340px;
	padding: 0px 0px 5px 0px;
	/* background-color: #f7f7f7; */
	line-height: 1.4;
	float:left;
}

#review-about p, #review-stats p {
	line-height: 1.4;
}

#review-stats dl { background-color: #fff; }

#review .review-link { clear:both; }

#review-taketour.button {
	background-image: url(/i/bt_freetour.gif);
	width: 297px;
	height: 66px;
	margin: 1em auto 0;
}

#review-about h2, #review-stats h2 { display: none; }

#review-content h3 {
	background: #FCEEC0;
	color: #b30006;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0.2em 0.3em;
	margin-bottom: 0.4em;
}

.review-link { display: table; text-align: center; margin: 7px auto 0; }
.review-link a { display: table-cell; }

.review-link { width: 451px; }	
.review-link a { float: left; }

.review-link:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .review-link { overflow: hidden; } /* 157 * 3 */
* html .review-link a { float: left; display: inline; }


/** review index **/

body#reviews .review-content {
	margin-bottom: 2em;
}
body#reviews #review-list { margin-top: 2em; }

#review-list .review-content h3 {
	margin-top: 3px;
} 


/** forum css **/
#forumcontent div#mainbody { position: static; }


/** potd **/

#potd-image { display:block;}
#potd-page .caption { text-align: center; }