/*
Theme Name: Tribune Magazine
Theme URI: http://www.tribunemagazine.co.uk/
Description: New (2010) theme for Tribune Magazine
Version: 1.0
Author: TN2D.com / GameChanger
Author URI: http://tn2d.com
*/


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* Main Style Sheet */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	text-align: center;
	font-size: 12px;
	background: url('img/background.gif') no-repeat top center;
}

	a {
		color: #d60d0c;
	}
	
		a:hover {
			color: #333;
		}

	#contain {
		width:920px;
		margin: 0 auto;
		text-align: left;
	}
	
		#header {
			padding-top: 10px;
			border-bottom: #ccc 1px dotted;
			height: 150px;
			margin-bottom: 20px;
		}
		
			#headerTop {
				font-size: 12px;
				font-weight: bold;
				color: #bdbdbd;
				text-transform: uppercase;
			}
			
				#socialNetworking {
					float: right;
				}
				
					#socialNetworking ul {
					
					}
					
						#socialNetworking ul li {
							display: inline;
							margin-right: 10px;
						}
						
							#socialNetworking ul li a {
								color: #bdbdbd;
								text-decoration: none;
							}
							
								#socialNetworking ul li a:hover {
									color: #000;
								}
				
			#header h1 a {
				background: url('img/logo.gif') no-repeat;
				width: 466px;
				height: 36px;
				display: block;
				text-indent: -999em;
				margin-left: auto;
				margin-right: auto;
				margin-top: 20px;
				margin-bottom: 20px;
				outline: none;
			}
			
				#header h1 a:hover {
					filter:alpha(opacity=60);
					opacity: 0.6;
					-moz-opacity:0.6;
				}
				
			#mainNavigation {
				/* Centre align the navigation
				margin-left: auto;
				margin-right: auto;
				width:730px;*/
				text-align: center;
			}
			
				#mainNavigation li {
						display: inline;

}
			
				#mainNavigation li a {
					/*float: left;*/
					margin-right: 35px;
					text-decoration: none;
					color: #424242;
					font-size: 16px;
									outline: none;

				}
				
				#mainNavigation li:last-child a {
					margin-right: 0px;
				}
				
					#mainNavigation li a:hover {
						color: #d60d0c;
					}
					
			#hotTopics {
				clear: left;
				padding-top: 10px;
				/*margin-left: auto;
				margin-right: auto;*/
				color: #848484;
				/*width:500px;*/
								text-align: center;

			}
			
				#hotTopics li {
					font-size: 12px;
					display: inline;
					margin-right: 20px;
				}
				
					#hotTopics li:first-child {
						font-weight: bold;
					}
					
					#hotTopics li:last-child {
						margin-right: 0px;
					}
					
				#hotTopics li a {
					color: #848484;
					text-decoration: none;
				}
					#hotTopics li a:hover {
						color: #000;
					}
	
	
	/* Homepage Style */
	#homeLeft {
		width:200px;
		float: left;
	}
	
	#homeCentre {
		margin-left: 220px;
		margin-right: 220px;
	}
	
		.homeCentreWidth {
		}
		
		.homeCentreSplit{
			display:block;
		}
		
			.homeCentreSplitLeft {
				float: left;
				/*width:47%;*/
				width:225px;

			}
			
			.homeCentreSplitRight {
				/*margin-left: 50%;*/
				margin-left:255px;
				width:225px;
			}
						
			#homeCentreSplitTop {
				height: 220px;
				overflow: hidden;
			}			
						
			#homeCentreSplitBottom {
				display:block;
			}
	
	.homeWidget {
		font-size: 12px;
		margin-bottom: 30px;
	}
	
		.homeWidget h5 {
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			height: 21px;
			margin-bottom: 5px;
			text-align: center;
			letter-spacing: 2px;
	
					background: #bdbdbd;
		color: #fff;
		padding-top: 5px;

		}
		
		.homeWidget li {
			margin-bottom: 5px;
		}
		
		.homeWidget li a {
			text-decoration: none;
			color: #333;
			background: url('img/liArrow.gif') no-repeat;
			padding-left: 10px;
			margin-left: 2px;
		}
		
			.homeWidget li a:hover {
				color: #d60d0c;
				background: url('img/liArrowOver.gif') no-repeat;
			}
			
			/* Do not have this style on the following widgets*/
			#recent-comments-3 a {
				background: none;
				padding-left: 0px;
				margin-left: 0px;
			}

	
	#homeRight {
		width:200px;
		float: right;
	}
	
	.clear {
		clear: both;
	}
	
	
	
	#footer {
		margin-top: 50px;
		font-size: 12px;
		color: #333;
		border-top: #ccc 1px dotted;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	
	
	/* Adareas */
	#leaderBoard {
		text-align: center;
		margin-bottom: 20px;
	}
	
	
	/* Static Page Design */
	#staticPage {
	
	}
	
		#staticPage p {
			line-height:20px;
			font-size:12px;
			margin-bottom:20px;
}
	
		#staticPage h2 {
			font-weight:bold;
		}
	
		#staticLeft {
			width:200px;
			float: left;
		}
	
		#staticRight {
			width:200px;
			float: right;
		}
		
		#staticMain {
			margin-left: 220px;
		margin-right: 220px;
	}
	
	#staticMainNoLeft {
		margin-right: 220px;
	}
	
	#staticMainNoRight {
		margin-left: 220px;
	}

	.blogPostPage {
			margin-left: 0px !important;
}

	.blogPostPage h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:24px;
		margin-bottom:20px;
		font-weight:normal !important;
		padding-top:10px;
	}
	
	.blogPostPage #excerpt p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		margin-bottom:20px;
	}
	
			#catTitle {
			font-family: Helvetica, Arial, Sans-Serif;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			height: 21px;
			margin-bottom: 5px;
			text-align: center;
			letter-spacing: 2px;
	
					background: #bdbdbd;
		color: #fff;
		padding-top: 5px;
		}

	#blogAuthor {
		font-style:italic;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		margin-bottom:5px;
}

	#blogDate {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:30px;
}

.blogPostPage #mainImage {
	width:98%;
	display:block;
	padding:1px;
	border:#ccc 1px solid;
}
	
	
	#aboutTheAuthor {
		border:#ccc 1px dotted;
		padding:10px;
		font-size:12px;
		margin:10px 0px 10px 0px;
	}
	
		#aboutTheAuthor h4 {
			font-weight:bold;
			font-size: 14px;
			margin-bottom:5px;
}

	#aboutTheAuthor .avatar {
	width:60px; height:60px;
	float:left;
}
	/*
	#aboutTheAuthorText {
		margin-left:80px;
}*/
	
	
	
	
	
	
	
	
	
	
/* Comments */
	
#respond h3 {
	font-weight:bold;
	padding-top: 20px;
}
		
.commentlist li, #commentform input, #commentform textarea {
	}
.commentlist li ul li {
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	}
	
	
	
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}


.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	background:url('img/commentNormal.jpg') no-repeat;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-size:12px;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}


.commentText {
	padding:10px 57px 10px 10px;
}

.commentText fn {
	font-size:12px;
}

.commentText .commentmetadata {
	float:right;
	font-size:11px;
}

.commentText .commentmetadata a {
	color:#333;
}

.commentText .commentmetadata a:hover {
	color:#000;
}

.bypostauthor {
	background:url('img/commentAuthor.jpg') no-repeat !important;
}	


.awaitingModeration {
	display:block;
	background:#333;
	padding:5px;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:-5px;
	font-size:12px;
}
	
	
	
/* Recent Comments Widget */
#recentcomments {
	
}

	#recentcomments li {
		margin-bottom:20px;
}
	
	
	
/* Archive Design */

.hentry {
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: #ccc 1px dotted;
}

	.hentry h3 {
		font-family: Georgia, "Times New Roman", Serif;
	}	
		.hentry h3 a {
			text-decoration: none;
		}	
		
	.hentry small {
		font-size: 11px;
		display: block;
		margin-bottom: 10px;
	}	
	
	.postmetadata {
		float: right;
		margin-left: 10px;
	}
	
	
/* Pagination */
#pagination {
	margin-top: 20px;
	text-align: center;
}

	#pagination li {
		display: inline;
	}
	
		#pagination li a {
			margin-right: 10px;
			border: #d60d0c 1px solid;
			text-decoration: none;
			text-align: center;
			padding: 4px;
			font-size: 12px;
			font-weight: bold;
		}
		
			#pagination li a:hover {
				background: #d60d0c;
				color: #fff;
			}
			
			#pagination li a.current {
				background: #d60d0c;
				color: #fff;
			}
	
	
	
	/* Homepage specifics */
	#currentCover {
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
	
	#issueTitle {
		font-weight: bold;
		margin-bottom: 5px;
	}
	
		#issueContents {
			color: #333;
			line-height: 18px;
		}
	
	
	/* Latest issue block */
	#latestIssue {
		background: #dadada;
		padding: 10px;
		margin-top: -5px;
	}
	
	#dfrads {
	text-align: center;
}
	
	#latestIssueWidget {}
	
		#latestIssueWidget img {
			text-align: center;
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 5px;
		}
		
		#latestIssueWidget a h2 {
			font-weight: bold;
			margin-bottom: 5px;
			text-decoration: none !important;
			color: #000;
			border-bottom: none !important;
		}
		
		#latestIssueWidget p {
			color: #333;
			line-height: 18px;
		}
	
	.ad {
		margin-bottom: 15px;
	}
	
	#bigPicture {
		/* Webkit browsers get a nice gradient instead of boring solid colour - Tested in Safari and Chrome */
		background: #dddddd;
		padding: 10px;
		margin-bottom: 15px;
	}
	
		#bigPicture h3 {
			color: #6f6f6f;
			text-shadow: #fff 1px 1px 1px;
			font-size: 23px;
			font-family: Georgia, "Times New Roman", Serif;
			margin-bottom: 10px;
		}
		
		#bigPicture img {
			width:100%;
			margin-bottom: 10px;
		}
		
		#bigPicture a:hover img {
								filter:alpha(opacity=80);
					opacity: 0.8;
					-moz-opacity:0.8;
		}
		
		#bigPicture p {
			margin-top: 10px;
			color: #333;
			font-size: 11px;
		}
	
	
	
	
	/* Multicoloured widget titles */
	
	/* PINK BLOCKS */
	#categoryposts-6 h5,
	#text-11 h5, #text-6 h5
	{
		background: #d935ff;
		text-shadow: none;
		color: #fff;
		padding-top: 5px;
	}
	
	
	/* ORANGE BLOCKS */
	#search-3 h5,
	#freepress-recent-comments h5,
	#text-12 h5,
	#categoryposts-17 h5
	{
		background: #ff8f00;
		text-shadow: none;
		color: #fff;
		padding-top: 5px;
	}	
	
	
	#freepress-recent-comments li {
		margin-bottom: 10px;
		color: #ccc;
	}

#freepress-recent-comments li ul {
	margin-top: 10px;
	margin-bottom: 30px;
}

	#freepress-recent-comments li ul li {
		padding-left: 20px;
		color: #333;
		font-style: italic;
	}
	
	#freepress-recent-comments a {
		margin: 0px; padding: 0px;
		background: none;
	}
	
	
	/* BLUE BLOCKS */
	#text-15 h5, #democracy h5
	{
		background: #002ce7;
		text-shadow: none;
		color: #fff;
		padding-top: 5px;
	}	
	
	/* RED BLOCKS */
	#recent-posts-13 h5, #categoryposts-13 h5
	{
		background: #dc0d10;
		text-shadow: none;
		color: #fff;
		padding-top: 5px;
	}	
	
	/* GREEN BLOCKS */
	#categoryposts-14 h5
	{
		background: #27a006;
		text-shadow: none;
		color: #fff;
		padding-top: 5px;
	}
	
	/* PURPLE BLOCKS */
	#categoryposts-15 h5,	#categoryposts-18 h5
	{
		background: #7500ac;
		text-shadow: none;
		color: #fff;
		padding-top: 5px;
	}
	
	/* BROWN BLOCKS */
	#categoryposts-16 h5,
	#text-16 h5, #categoryposts-3 h5
	#text-16 h5, #categoryposts-3 h5
	{
		background: #82403e;
		text-shadow: none;
		color: #fff;
		padding-top: 5px;
	}
	/* August 2010 Homepage Fixes */
#categoryposts-20 h5 {
	background:#27a006;
}

#categoryposts-19 h5 {
	background:#7500AC;
}

#mailchimp-widget h5 {
	background:#002ce7;
}
	
	/* Proper titles */
	#categoryposts-13 a.post-title,
	#categoryposts-14 a.post-title,
	#categoryposts-15 a.post-title,
	#categoryposts-16 a.post-title,
	#categoryposts-17 a.post-title,
	#categoryposts-18 a.post-title {
		font-family: Georgia, "Times New Roman", Serif;
		font-size: 16px;
		background: none;
		padding: 0px;
		margin: 0px;
		margin-bottom: 5px;
		display: block;
	}	
	
	/*Proper Paragraphs */
	#categoryposts-13 p,
	#categoryposts-14 p,
	#categoryposts-15 p,
	#categoryposts-16 p,
	#categoryposts-17 p,
	#categoryposts-18 p {
		margin-bottom: 5px;
		line-height: 18px;
	}		
	
	
	/* breaks between stories */
	#categoryposts-18 .cat-post-item {
		margin-bottom: 20px;
	}
	
	
	/* Search form */
	#searchform {
	}
	
		#searchform input#s {
			border: #ccc 1px solid;
			padding:5px;
			width:160px;
			margin-bottom: 5px;
		}
		
		#searchform input#searchsubmit {
			background: #ccc url('img/search.gif') no-repeat;
			font-size: 3px;
			width:24px;
			height: 25px;
			text-indent: -999em;
			border: none;
			position: relative;
			top:-4px;
		}
			
		#searchform label.screen-reader-text {
			display: none;
		}
		


/* Styling for the main blog posts at the bottom of the homepage */
	
#mainBlogBottom .post {
}	

	#mainBlogBottom .post h2 a {
		font-family: Georgia, "Times New Roman", Serif;
		font-size: 16px;
		text-decoration: none;
	}
	
	#mainBlogBottom .post p {
		margin-bottom: 20px;
		color: #333;
	}
	
	
	#singleAd {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	
	/* encourage users to subscribe to tribune */
	#subscribeEndArticle {
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		margin-bottom: 20px;
		margin-top: 50px;
	}
	
	/* easy to use 'digg' like buttons to harness social networking */
	#socialEndArticle {
		float: right;
		margin-top:30px;

	}
	
		#socialEndArticle a:hover {
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity:0.6;
position: relative;
top:-2px;
		}
	
	
	.post h3 {
		font-size: 16px;
	}
	



/* Nice image floating */
.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	background: #fff;
	padding: 1px;
	border: #ccc 1px solid;
}

.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff;
	padding: 1px;
	border: #ccc 1px solid;
}


/* Make Top Story have bigger title - other widgets have 16px */
#categoryposts-13 a.post-title {
	font-size: 22px;
}





/* Subscribe pop over */
#subscribePopOver {
	width:350px;
	background: #010000;
	color: #fff;
	position: fixed;
	bottom: 0px;
	display: none;
	height: 270px;
}

	#closePopOver {
		color: #fff;
		text-decoration: none;
		padding: 4px;
		font-size: 11px;
		text-transform: uppercase;
		display: block;
		text-align: right;
	}
	
	#subscrivePopOver a img {
		border: none;
	}
	
	
	.dem-results {
	}	
	.dem-results ul {
	}	
	 .dem-results ul li {
		}
		
			.dem-results ul li a {
				padding: 0px;
				margin: 0px;
			}