body {
	margin: 0;
	padding: 0;
	font-family: Cambria, Georgia, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #424242;
	background: #dddcc5 url("/images/layout/body-bg.jpg") repeat-x 50% 210px;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.no-display { display: none; }



#header-wrap {
	width: 100%;
	background: #1d2326;
}

#header {
	margin: 0px auto;
	height: 170px;
	width: 940px;
}

#main-wrap {
	width: 100%;
	background: transparent url("/images/layout/main-nav/main-nav-bg.png") repeat-x 50% 0px;
}

#main {
	margin: 0px auto;
	width: 960px;
}

#content {
	margin: 0px 10px;
}

.col-60 {width: 60px;}
.col-100 {width: 100px;}
.col-160 {width: 160px;}
.col-200 {width: 200px;}
.col-220 {width: 220px;}
.col-250 {width: 250px;}
.col-300 {width: 300px;}
.col-340 {width: 340px;}
.col-400 {width: 400px;}
.col-420 {width: 420px;}
.col-520 {width: 520px;}
.col-560 {width: 560px;}
.col-580 {width: 580px;}
.col-700 {width: 700px;}
.col-940 {width: 940px;}

/* ----- TYPOGRAPHY ----- */

.hr {
	border-top: 1px solid #b0af9d;
	margin: 15px 0px;
	height: 1px;
	overflow: hidden;
}

.dotted{
	border-top: 1px dotted #b0af9d;
	margin: 10px 0px;
}

hr { display: none; }

h3 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
	
}

h4 {
	font-size: 1.5em;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	color: #424242;
}

h4 a {
	color: #046380;
	text-decoration: none;
}

h5 {
	font-size: 1.5em;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000;
}

h5 a {
	color: #046380;
	text-decoration: none;
}

h6 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000;
}

strong { font-weight: bold; }

p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

p a{
	color: #046380;
	text-decoration: none;
}

p.pagination a {
	color: #046380;
	text-decoration: none;
	padding: 0px 3px;
}

p.pagination { font-size: 1.2em !important; }

li {
	font-size: 1.2em;
	line-height: 1.4em;
}

li:hover {
	background: #d2d1bd;	
}

li a {
	color: #424242;
	text-decoration: none;
	padding: 7px 0px;
	margin: 0px;
	display: block;
	border-bottom: 1px dotted #b0af9d;
}

li a span {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #046380;
}


/* ----- Elements ----- */

.border-white { border: 1px solid #b0af9d; margin-bottom: 5px;}
.border-grey { border: 1px solid #4b4b4b; margin-bottom: 5px;}
.border-lead {  
	border: none; 
	margin-bottom: 10px;}

/* ----- Header Elements ----- */

.header-logo {
	margin-top: 20px;
	float: left;
}

/* ----- Main Nav Elements ----- */

.main-nav {
	margin: 13px 0px 70px;
	padding: 0px;
}

.main-nav ul {
	padding: 0px;
	line-height: 1.2em;
}

.main-nav li {
	border-bottom: none;
	display: inline;
}

.main-nav li:hover {
	background: none;
}

.main-nav li a {
	color: #fff;
	margin-right: 10px;
	padding: 14px 8px 10px 8px;
	display: inline;
	border-bottom: none;
	font-weight: bold;
}

.main-nav li a:hover {
	color: #e25e20;

}

.main-nav .current {
	color: #e25e20;
	background: transparent url("/images/layout/main-nav/arrow.png") no-repeat scroll top;
}


/* ----- Genre Nav Elements ----- */

#genre-nav {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	font-family: arial;
	font-size: 1em;
}

#genre-nav ul {
	list-style-type: none;
	display: inline;
	border-bottom: 1px solid #b0af9d;
}

#genre-nav li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url("/images/layout/tabs/left-tab.png") no-repeat;
	border: none;
	
}

#genre-nav a{
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 0px;
	background: url("/images/layout/tabs/right-tab.png") no-repeat right top;
	border: none;
}

#genre-nav li:hover {
    
    }

#genre-nav a:hover {
    
    }

#genre-nav .current {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 10px;
    background: url("/images/layout/tabs/left-tab-on.png") no-repeat;
    }

#genre-nav .current a {
    background: url("/images/layout/tabs/right-tab-on.png") no-repeat right top;
    padding-bottom: 5px;
    }
    
#genre-nav .current:hover {
    }

#genre-nav .current a:hover {

    }

/* ----- Homepage Lead ----- */

.lead-review {
	background: #2e3031;
	padding: 10px;
}

.lead-review h4 a {
	font-size: 2.5em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #4688af;
	text-decoration: none;
}

.lead-review h5 {
	font-size: 2em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #fff;
}

.lead-review p {
	font-size: 1.2em;
	color: #8c8c8c;
}


/* ----- Reviews page ----- */

.reviews h4 {
	font-size: 1.8em;
} 

.reviews p {
	font-size: 1.5em;
}

.reviews .hr {
	border-top: 1px solid #b0af9d;
	margin: 5px 0px;
	height: 1px;
	overflow: hidden;
}


/* ----- Review ----- */

.review h4 {
	font-size: 3em;
} 

.review h5 {
	font-size: 2em;
} 

.review h6 {
	font-size: 1.5em;
	margin-top: 10px;
}

.review p a {
	color: #046380;
	font-weight: bold;
	text-decoration: none;
}

.quote-wrap {
	background: transparent;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}

.review blockquote {
	background: transparent url("/images/layout/icons/open-quote.png") no-repeat left 0px;
	font-size:1.5em;
	line-height: 1.4em;
	font-family: Georgia, Times, serif;
	color: #424242;
	font-style:italic;
	font-weight:normal;
	padding:0px 0px 0px 30px;
	text-align: center;
}

.review blockquote span {
	background: url("/images/layout/icons/close-quote.png") no-repeat right bottom;
	display: block;
	padding-right: 30px;
}

.review-buy {
	margin: 20px 0px;
}

p.purchase {
	padding-left: 20px;
}

.apple { background: transparent url("/images/layout/icons/apple.png") no-repeat;}
.amazon { background: transparent url("/images/layout/icons/amazon.png") no-repeat;}


/* ----- Star Ratings ----- */

.star-5 { background: transparent url("/images/layout/stars/star-5.png") no-repeat; width: 75px; height:14px;}
.star-4-5 { background: transparent url("/images/layout/stars/star-4-5.png") no-repeat; width: 75px; height:14px;}
.star-4 { background: transparent url("/images/layout/stars/star-4.png") no-repeat; width: 75px; height:14px;}
.star-3-5 { background: transparent url("/images/layout/stars/star-3-5.png") no-repeat; width: 75px; height:14px;}
.star-3 { background: transparent url("/images/layout/stars/star-3.png") no-repeat; width: 75px; height:14px;}
.star-2-5 { background: transparent url("/images/layout/stars/star-2-5.png") no-repeat; width: 75px; height:14px;}
.star-2 { background: transparent url("/images/layout/stars/star-2.png") no-repeat; width: 75px; height:14px;}
.star-1-5 { background: transparent url("/images/layout/stars/star-1-5.png") no-repeat; width: 75px; height:14px;}
.star-1 { background: transparent url("/images/layout/stars/star-1.png") no-repeat; width: 75px; height:14px;}
.star-0-5 { background: transparent url("/images/layout/stars/star-0-5.png") no-repeat; width: 75px; height:14px;}
.star-0 { background: transparent url("/images/layout/stars/star-0.png") no-repeat; width: 75px; height:14px;}


/* ----- Form Elements ----- */

fieldset {
	
}

legend {
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
}

label {
	display: block;
	float: left;
	margin-right: 15px;
	text-align: left;
	width: 50px;
}

input[type="text"] {
	border:1px solid #b0af9d;
	color:#424242;
	padding:5px;
	width: 250px;
}

textarea {
	border:1px solid #b0af9d;
	font-family: arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#424242;
	padding:5px;
	width: 450px;
}


/* ----- Main Search Elements ----- */

.main-search {
	width: 280px;
	height: 49px;
	margin-top: 1px;
	background: transparent url("/images/layout/main-nav/search-tab-bg.png") no-repeat;
}

.mag-glass {
	background: transparent url("/images/layout/main-nav/mag-glass.png") no-repeat;
	width: 60px;
	height: 62px;
	position: absolute;
	margin-top: -12px;
	margin-left: 910px;
	z-index: 999;
}

.main-search p {
	color: #b0af9d;
	font-weight: normal;
	padding: 9px 15px;
	font-size: 1.2em;
	line-height: 2.2em;
}

.main-search label {
	display: block;
	float: left;
	margin-right: 15px;
	text-align: left;
	width: 35px;
}

.main-search input[type="text"] {
	border:1px solid #fff;
	color:#424242;
	padding:5px;
	width: 175px;
}


/* ----- Comment Elements ----- */

p.comment-by {
	font-weight: bold;
	margin:0px;
}

.comment-top {
	background: transparent url("/images/layout/comments/comment-top.png") no-repeat;
	height: 15px;
	overflow: hidden;
}
.comment-body-wrap {
	background: #edecdd url("/images/layout/comments/comment-body.png") no-repeat;
	width: 522px;
	
}
.comment-body {
	padding:10px 20px 5px 20px;
	
}
.comment-bot {
	background: transparent url("/images/layout/comments/comment-bot.png") no-repeat;
	height: 8px;
	overflow: hidden;
	margin-bottom: 10px;
}


/* ----- Profile Elements ----- */

.profile h4 {
	font-size: 2.5em;
	color: #000;
	padding-bottom: 10px;
} 

.profile h5 {
	font-size: 1.8em;
	margin-bottom: 10px;
} 

.profile h6 a {
	font-size: 1.5em;
	color: #046380;
	text-decoration: none;
} 

.profile .hr {
	border-top: 1px solid #b0af9d;
	margin: 5px 0px;
	height: 1px;
	overflow: hidden;
}


/* ----- Event Elements ----- */

.event h4 {
	font-size: 2.5em;
	color: #000;
	padding-bottom: 10px;
} 

.event h5 {
	font-size: 1.8em;
	margin-bottom: 10px;
	color: #000;
} 

.event h6 {
	font-size: 1.5em;
	color: #046380;
	text-decoration: none;
	margin-bottom: 10px;
} 

.event .hr {
	border-top: 1px solid #b0af9d;
	margin: 5px 0px;
	height: 1px;
	overflow: hidden;
}

p.event-date {
	font-weight: bold;
	font-size: 1.5em;
	color: #000;
}

/* ----- Advert Elements ----- */


.advert {
	padding: 10px;
	margin-bottom: 10px;
}

.mr {
	text-align: center;
	margin-bottom: 20px;
}

.leaderboard {
	margin-top: 35px;
 	float: right;
}

.banner {
	margin: 5px auto;
	text-align: center;
}


/* ----- Table Elements ----- */

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

tr {
	border: 1px solid #b0af9d;
}

th {
	padding: 10px;
	border: 1px solid #b0af9d;
	text-align: center;
	vertical-align: middle;
}

td {
	padding: 20px 10px;
	border: 1px solid #b0af9d;
	text-align: center;
	vertical-align: middle;
}