@charset "utf-8";

/* general */
* {
  	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%; 
}

body {
	background-image:url(../gfx/design/bg/bg.jpg);
	background-repeat:repeat-x;
	background-color:#e1e3e7;
	position: relative; 
	color:#2A2B2D;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  	margin: 0px;
	padding:0px;
}

img {
	border: 0px solid #fff;
}

fieldset {
  border: 1px solid transparent;
}

ul {
	list-style-type: none;
}

a:link, a:visited {
	text-decoration:none;
	color:#347698;
}

a:focus, a:hover, a:active {
	text-decoration:underline;
	color:#347698;	
}

a img {
	border-width:0px;
}

a {
	outline: none;
}

html, body, fieldset {
	/*font: normal normal normal 62.5%/1.5 'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;*/
	font: 80% Trebuchet MS, Arial, Helvetica, sans-serif; 
	color:#333;
}

h1 {
	margin:5px 0px 10px 0px;
}

h2 {
	font-size:1.4em;
	line-height:11pt;
	margin:0px 0px 15px 0px;
}

small {
	font-size:0.7em;
}

dl dt {
	font-weight:bold;
}

dl dd {
	margin:0 0 10px;
}

/* standard classes */
.right {
	float:right;
}

.left {
	float:left;
}

.clear {
	clear:both;
}

.subtitle {
	font-size: 0.7em;
	text-transform:uppercase;
	font-weight:bold;
}

.box {
	background-color:#fff;
	padding:20px;
	font-size:1.3em;
}

.list {
	padding:0px;
}

.list h2 {
	margin:20px 20px 15px 20px;
}

.list ul {
	padding-bottom:7px;
}

.list div {
	padding:10px 20px;
}

.list li {
	line-height:32px;
}

.list a {
	background-position:255px center;
	background-repeat:no-repeat;
	display:block;
	padding:0px 20px;
	color:#333;
}

.list a:visited, .list a:active {
	color:#333;
	text-decoration:none;
}

.list strong {
	font-size:1.1em;
}

.list span {
	display:block;
	font-size:0.8em;
	text-decoration:none;
	margin-top:-16px;
}

.list a:hover {
	text-decoration:none;
	background-color:#C0D9ED;
	color:#333;
}


/* rounded corners, new way */
.border-wrapper {
	height:5px;
	width:5px;
	position:absolute;
}

.border-wrapper.border-top-left {
	background:transparent url(../gfx/design/corners-gray.png) no-repeat -5px -5px;
	top:0;
	left:0;
}

.border-wrapper.border-top-right {
	background:transparent url(../gfx/design/corners-gray.png) no-repeat 0 -5px;
	top:0;
	right:0;
}

.border-wrapper.border-bottom-left {
	background:transparent url(../gfx/design/corners-gray.png) no-repeat -5px 0;
	bottom:0;
	left:0;
}

.border-wrapper.border-bottom-right {
	background:transparent url(../gfx/design/corners-gray.png) no-repeat 0 0;
	right:0;
	bottom:0;
}

/* page structure */
#header { 
	margin: 0 auto; 
	height:190px; 
	width:960px; 
}

#profilebar {
	height:19px;
	width:350px;
	margin:5px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-transform:lowercase;
	background-image:url(../gfx/design/bg/bg_profile.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#292A2C;
}

	#profilebar a:link, #profilebar a:visited {
		color:#337899;
		text-decoration:none;
	}

	#profilebar a:focus, #profilebar a:hover, #profilebar a:active {
		color:#337899;
		text-decoration:underline;
	}	


#newpmbar {
	height:20px;
	width:120px;
	margin:5px 0px 0px 10px;
	padding:3px 0px;
	text-transform:lowercase;
	background-image:url(../gfx/design/bg/bg_newpm.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
}

	#newpmbar a:link, #newpmbar a:visited {
		color:#fff;
		text-decoration:none;
	}

	#newpmbar a:focus, #newpmbar a:hover, #newpmbar a:active {
		color:#fff;
		text-decoration:underline;
	}

#logo {
	height:150px;
	width:200px;
	float:left;
}

#content { 
	clear:both;
	width: 960px; 
	margin: 0 auto; 
	margin-top:10px;
	text-align: left; 
}

#footer { 
	clear:both;
	height:170px; 
	width:100%;
	background-color:#292A2C;
	margin-top:20px;
}

#footer div { 
	margin: 0 auto; 
	width:940px;
	padding:20px;
	color:#fff;
	font-size:1.1em;
}

#footer a { 
	color:#fff;
	font-weight:bold;
}


/* index page */

/* LATEST REVIEWS */
#latest-reviews-block {
	position:relative;
	background:#fff;
	width:660px;
	height:250px;
	float:left;
	margin:0 0 20px;
}

#latest-reviews-block .border-wrapper  {
	z-index:100;
}

#latest-reviews-block li {
	width:660px;
}

#latest-reviews-block li a.permalink,
#latest-reviews-block li a.permalink:hover {
	display:block;
	width:410px;
	height:250px;
	text-decoration:none;
	background:no-repeat;
	padding:0 0 0 250px;
}

#latest-reviews-block .nav {
	font-size:12px;
	position:absolute;
	background:#5AA6C0;
	text-transform:uppercase;
	z-index:90;
	width:440px;
	bottom:0;
	left:220px;
	margin:0;
	text-align:right;
	height:54px !important;
}

#latest-reviews-block .nav h1 {
	color:#428BB6;
	font-size:46px;
	height:45px;
	left:-5px;
	padding:9px 0 0;
	position:absolute;
	text-align:left;
	text-transform:lowercase;
	top:-5px;
	background:url(../gfx/design/corner-latest-reviews.png) no-repeat;
	cursor:default;
}

#latest-reviews-block .nav ul {
	position:absolute;
	top:0;
	right:0;
	margin:0 3px 0 0;
}

#latest-reviews-block .nav ul a {
	display:inline-block;
	height:40px;
	margin:5px;
}

#latest-reviews-block .nav ul a.activeSlide {
	border:2px #fff solid;
	margin:5px 3px;
}

#latest-reviews-block .nav ul,
#latest-reviews-block .nav ul li {
	display:inline;
}

#latest-reviews-block .nav ul li img {
	margin:0;
	padding:0;
}

#latest-reviews-block img.cover {
	float:left;
	width:250px;
	height:250px;
}

#latest-reviews-block .score-info,
#latest-reviews-block .review-info {
	float:left;
	padding:10px 15px;
	width:380px;
	color:#333;
	font-size:11px;
}

#latest-reviews-block .score-info .title {
	font-size:24px;
	font-weight:bolder;
	text-transform:uppercase;
	color:#347696;
	display:block;
}

#latest-reviews-block .score-info .composers {
	font-size:17px;
	text-transform:uppercase;
	display:block;
	font-weight:bold;
}

#latest-reviews-block .review-info .quote {
	font-size:16px;
	text-transform:uppercase;
	display:block;
}

/* MAINTITLE OF THE WEEK */
#main-title-of-the-week {
	background:#fff;
	float:right;
	font-size:12px;
	height:150px;
	margin:0 0 20px;
	padding:80px 20px 20px;
	position:relative;
	width:235px;
}

#main-title-of-the-week h5 {
	color:#444;
	display:inline-block;
	font-size:31px;
	line-height:23px;
	margin:0 0 10px;
	overflow:hidden;
	position:absolute;
	text-transform:lowercase;
	top:15px;
}

#main-title-of-the-week p {
	font-size:13px;
	margin:0 0 10px;
}

#main-title-of-the-week .info .title {
	color:#34799A;
	font-size:15px;
	display:block;
	text-transform:uppercase;
}

#main-title-of-the-week .info .composers {
	font-weight:bold;
}

/* FEATURES AND ARTICLES */
#features-and-articles {
	width:960px;
	font-size:13px;
	clear:both;
	position:relative;
	background:#fff;
	float:left;
}
#features-and-articles ul li .border-wrapper {
	background-image:url(../gfx/design/corners-white.png);
}
#features-and-articles ul li {
	border-right:1px solid #999;
	display:block;
	float:left;
	margin:0;
	padding:20px;
	text-align:justify;
	width:278px;
}

#features-and-articles ul li.last-item {
	border:medium none;
	margin:0;
}

#features-and-articles ul li h4 .type {
	display:block;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 10px;
}

#features-and-articles ul li h4 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px;
}


#features-and-articles ul li .feature-summary a {
	background:no-repeat;
	height:65px;
	width:100px;
	position:relative;
	float:left;
	margin:0 10px 5px 0;
}

#latest-features,
#latest-reviews {
	background:#fff;
	float:left;
	height:200px;
	padding:20px 25px 20px;
	position:relative;
	width:910px;
}

#latest-reviews {
	width:910px;
	margin-bottom:20px;
}

#latest-features .carousel .border-wrapper,
#latest-reviews .carousel .border-wrapper {
	background-image:url(../gfx/design/corners-white.png);
}

#latest-features h1,
#latest-reviews h1 {
	color:#ddd;
	cursor:default;
	font-size:50px;
	left:0;
	line-height:normal;
	position:absolute;
	top:-19px;
}

#latest-features .info,
#latest-reviews .info {
	top:12px;
	font-size:13px;
	left:375px;
	position:absolute;
}

#latest-features div.carousel {
	margin:40px 10px 20px;
	height:150px;
}

#latest-reviews div.carousel {
	margin:40px 10px 20px;
	height:150px;
}

#latest-features a.scroll-button,
#latest-reviews a.scroll-button {
	display:inline-block;
	position:absolute;
	height:30px;
	width:31px;
	text-indent:-999px;
	top:120px;
	z-index:100;
}

#latest-features a.scroll-button.show-next,
#latest-reviews a.scroll-button.show-next {
	right:32px;
	background:url(../gfx/design/carousel-button.png) no-repeat -62px 0;
}

#latest-features a:hover.scroll-button.show-next,
#latest-reviews a:hover.scroll-button.show-next {
	background:url(../gfx/design/carousel-button.png) no-repeat -93px 0;
}

#latest-features a.scroll-button.show-previous,
#latest-reviews a.scroll-button.show-previous {
	background:url(../gfx/design/carousel-button.png) no-repeat 0 0;
}

#latest-features a:hover.scroll-button.show-previous,
#latest-reviews a:hover.scroll-button.show-previous {
	background:url(../gfx/design/carousel-button.png) no-repeat -31px 0;
}
#latest-features ul,
#latest-reviews ul {
	height:150px !important;
	overflow:hidden;
}

#latest-features ul li,
#latest-reviews ul li {
	display:inline-block;
	width:265px;
	height:150px;
	position:relative;
	margin:0 15px;
}

#latest-features ul li a,
#latest-reviews ul li a {
	background:no-repeat;
	display:inline-block;
	height:150px;
	width:265px;
}

#latest-reviews ul li,
#latest-reviews ul li a {
	width:150px;
}

#latest-reviews ul li {
	margin:0 14px;
}

#latest-reviews a.scroll-button.show-next {
    right: 26px;
}


/* REVIEW AND FORUM LISTS */
.go-to-list {
	padding:0px;
}

.go-to-list .title {
	margin:15px 10px 15px 20px;
	font-size:16px;
	text-transform:uppercase;
}

.go-to-list ul {
	padding-bottom:10px;
}

.go-to-list div {
	padding:10px 20px;
}

.go-to-list ul li a {
	background-position:20px center;
	background-repeat:no-repeat;
	display:block;
	padding:10px 20px;
	text-decoration:none;
	color:#333;
}

.go-to-list ul li a:active,
.go-to-list ul li a:hover {
	text-decoration:none;
	background-color:#C0D9ED;
}

.go-to-list ul li strong {
	font-size:14px;
}

.go-to-list ul li span {
	display:block;
	font-size:11px;
	text-decoration:none;
}

.go-to-list ul li span strong {
	font-size:inherit;
}

#new-reviews,
#golden-age-and-classical-reviews,
#latest-forum-discussions,
#interviews,
#arthouse-scores,
#articles {
	width:306px;
	float:left;
	margin:20px 20px 20px 0;
	font-size:12px;
	background:#fff;
	color:#333;
	position:relative;
}

#latest-forum-discussions,
#articles {
	margin-right:0px;
}

#new-reviews {
	background:#428BB6;
	color:#fff;
	clear:both;
}

#golden-age-and-classical-reviews {
	color:#fff;
}

#new-reviews.go-to-list ul li a,
#golden-age-and-classical-reviews.go-to-list ul li a {
	padding-left:75px;
	color:#fff;
}

#golden-age-and-classical-reviews.go-to-list {
	background-color:#C31E24;
}

#golden-age-and-classical-reviews.go-to-list ul li a:active,
#golden-age-and-classical-reviews.go-to-list ul li a:hover {
	background-color:#8E1F25;
	color:#fff;
}

#new-reviews.go-to-list ul li a:active,
#new-reviews.go-to-list ul li a:hover {
	background-color:#4B9FD1;
	color:#fff;
}

#latest-forum-discussions.go-to-list ul li strong {
	font-weight:normal;
	font-size:13px;
}








.corner-top-left {
	background:#333;
	display:inline-block;
	position:absolute;
	height:10px;
	width:10px;
	top:0px;
	left:0px;
}

.corner-top-right {
	background:#333;
	display:inline-block;
	position:absolute;
	height:10px;
	width:10px;
	top:0px;
	left:0px;
}

#latest_review {
	margin:25px 120px 40px 100px;
	width:680px;
	height:150px;
	font-size:1.5em;
	line-height:25px;
}

#latest_review h1 {
	font-size:1.8em;
	line-height:18pt;
	text-align:center;
	color:#347696;
	padding-top:5px;
	font-weight:bold;
}

#latest_review h2 {
	font-size:1.2em;
	line-height:11pt;
	margin:-5px 0px 15px 0px;
	text-align:center;
	font-weight:bold;
}

#latest_review .cover img {
	width:150px;
	height:150px;
}

#latest_review .body {
	height:120px;
	text-align:center;
	width:500px;
	line-height:20px;
}

#latest_review .body .subtitle {
	line-height:15px;
	margin:25px 0px 10px 0px;
}

#latest_review .cover a {
	height:120px;
	width:120px;
	float:left;
}


#maintitleoftheweek {
	background-color:#FD5F15;
	color:#fff;
	width:440px;
	margin-bottom:20px;
}

#maintitleoftheweek h2 {
	font-size:1.5em;
	font-weight:bold;
	line-height:18pt;
	margin-top:4px;
}

#maintitleoftheweek h3 {
	font-size:1.1em;
	line-height:11pt;
	margin:-15px 0px 10px 0px;
}


#welcome {
	background-color:#fff;
	width:440px;
	margin-bottom:20px;
}

#welcome div {
	padding:4px 0px;
}

#welcome h2 {
	font-size:1.5em;
	font-weight:bold;
	line-height:18pt;
	margin-top:0px;
}

#banners a {
	display:block;
	margin-bottom:18px;
}

#latest_reviews {
	width:540px;
	margin-bottom:20px;
	padding:0px;
	background-color:#337899;
}

#latest_reviews a, #latest_reviews a:visited
{
	background-position:485px 4px;
	background-repeat:no-repeat;
	text-decoration:none;
}

#latest_reviews h2 {
	color:#fff;
}

#latest_reviews li a:hover, #latest_reviews a:active {
	background-color:#4B9FD1;
	text-decoration:none;
}

#latest_reviews li a {
	color:#fff;
	text-decoration:none;
}

#latest_forum_discussions {
	padding:0px;
	width:540px;
	margin:20px 0px;
}

#latest_forum_discussions li a {
	font-size:0.9em;
	font-weight:lighter;
	line-height:25px;
}

/* features */
#feature {
	font-size:13px;
}

#feature h1 {
	font-size:20px;
	text-transform:uppercase;
}

#feature p {
	margin:15px 0px 10px 0px;
}


#feature .content {
	float:left;
	width:650px;
	background:#fff;
	position:relative;
	padding:15px 20px 20px;
	margin:0 0 20px;
}

#feature .info {
	float:left;
	width:650px;
	background:#fff;
	padding:5px 20px 20px;
	margin:0 0 20px;
	position:relative;
}

#feature h3 {
	margin:15px 0 3px;
}

#feature .media {
	float:right;
	width:250px;
}

#feature .media img {
	width:250px;
	margin:0 0 18px;
}

#feature .type {
	color:#ddd;
	font-size:50px;
	position:absolute;
	right:-2px;
	top:-14px;
	text-transform:lowercase;
}

#features h1 {
	font-size:1.8em;
}

#features p {
	margin:10px 0px 10px 0px;
}

#features div img {
	margin:0px 0px 20px 20px;
}


/* community */
#community_introduction {
	font-size:1.5em;
	padding:0px 70px 25px;
	width:855px;
}

#community_introduction h1 {
	font-size:1.7em;
	text-align:center;
	width:500px;
	color:#347696;
}

#community_introduction .message {
	width:500px;
	line-height:25px;
	text-align:center;
	margin-top:8px;
	float:left;
}

#community_introduction .cool {
	width:320px;
	font-size:13px;
	float:right;
	text-align:center;
}

#community_introduction .cool .kazoos {
	background:url(../gfx/design/kazoos.jpg) no-repeat;
	-moz-border-radius:5px;
	border-radius:5px;
	height:100px;
	width:190px;
	display:inline-block;
}

#birthdays, #donations {
	width:300px;
	padding:0px;
}

#donations {
	margin:0 0 20px;
}

#birthdays {
	margin:0 0 20px 20px;
	width:310px;
}

#birthdays div, #donations div {
	padding:0px 20px 10px 20px;
}

#newest_members, #competition {
	width:310px;
	margin:0px 0px 20px 20px;
	padding:0px;
}

#competition {
	background-color:#337899;
	color:#fff;
	margin-bottom:20px;
}

#most_active_members {
	width:310px;
	margin:0px 0px 20px 20px;
	padding:0px;
}

#most_active_members h2, #newest_members h2, #birthdays h2, #donations h2, #competition h2 {
	margin:20px 20px 15px 20px;
}

#most_active_members ul, #newest_members ul, #birthdays ul, #donations ul, #competition ul {
	padding-bottom:7px;
}
#most_active_members li, #newest_members li, #birthdays li, #donations li, #competition li {
	line-height:32px;
}

#most_active_members a, #newest_members a, #birthdays a, #donations a, #competition a
{
	background-position:240px 8px;
	background-repeat:no-repeat;
	display:block;
	padding:0px 20px;
}

#competition a
{
	color:#fff;
}

#most_active_members a strong, #newest_members a strong, #birthdays a strong, #donations a strong, #competition strong
{
	font-size:1.1em;
}

#most_active_members a span, #newest_members a span, #birthdays a span, #donations a span, #competition span
{
	display:block;
	font-size:0.8em;
	text-decoration:none;
	margin-top:-16px;
}

#most_active_members li a:hover, #newest_members li a:hover, #birthdays li a:hover, #donations li a:hover {
	text-decoration:none;
	background-color:#C0D9ED;
}

#competition li a:hover {
	text-decoration:none;
	background-color:#428BB6;
}

#competition div {
	padding:0px 20px;
	background-color:#4b9fd1;
}

#threadKillers {
	width:310px;
}

#threadKillers a {
	background-position:260px center;
}

#mods {
	width:300px;	
	margin:20px 0px 20px 0px;
}

#mods a {
	background-position:250px center;
}

#postsPerVisit {
	width:310px;
	margin:0px 0px 20px 20px;
}

#postsPerVisit div {
	font-size:0.8em;
	margin-top:-20px;
}

#memberOfTheWeek {
	background-color:#357799;
	color:#fff;
	width:590px;
}

#memberOfTheWeek blockquote {
	text-align:center;
	font-size:1.9em;
	font-style:italic;
	font-variant:small-caps;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:30px 0px;
}

#memberOfTheWeek div {
	text-align:center;
}

#memberOfTheWeek h2 {
	text-align:center;
}

#memberOfTheWeek span {
	text-align:center;
	font-size:0.6em;
	display:block;
}

#memberOfTheWeek a {
	color:#fff;
	text-decoration:underline;
}

#siteStatistics {
	width:270px;
	margin:20px 0px 20px 20px;
}

#smileyCount {
	width:250px;
	margin:20px 0px 20px 0px;
	color:#fff;
	background-color:#fd5f15;
}

#smileyCount h2 {
	text-align:center;
	font-size:1.3em;
	font-variant:small-caps;
}

#smileyCount div {
	text-align:center;
	font-size:2.6em;
}

#myStatistics {
	margin-bottom:20px;
	width:270px;
}

#randomThread {
	width:300px;
	margin:0px 0px 20px 20px;
	background-color:#357799;
	color:#fff;
}

#randomThread a {
	color:#fff;
}

#randomThread li a:hover {
	text-decoration:none;
	background-color:#428BB6;
}

#moreStats,
#yearOverview  {
	background-color:#fd5f15;
	color:#fff;
	margin:0px 0px 20px 0px;
	width:310px;
}

#yearOverview {
	background-color:#4B9FD1;
}

#yearOverview a {
	color:#fff;
}

#moreStats a {
	color:#fff;
}

#moreStats a:hover {
	text-decoration:none;
	background-color:#fff;
	color:#fd5f15;
}


/* about */
#about_introduction {
	padding:10px 50px 20px 50px;
	font-size:1.5em;
	width:800px;
}

#about_introduction h1 {
	font-size:1.7em;
	text-align:center;
	color:#347696;
	width:800px;
}

#about_introduction div {
	line-height:25px;
	text-align:center;
}

#about div {
	margin-bottom:20px;
}