/*
Theme Name: BC Nordic Photo Contest
Theme URI: http://www.photocontest.bcnordic.com/
Description: Theme for the BC Nordic 2009/2010 photo contest.
Version: 1.0
Author: Creative B'stro
Author URI: http://bstro.com/

*/






/*  ----------------- TAGs  -------------------- */
 
body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	background: url(img/bg-body.jpg) top center no-repeat;
	font-size: 13px;
	color: #666666;
}
a
{
	text-decoration: none;
	color: #4cbaea;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: none;
}
  
/*  ----------------- IDs ---------------------- */
 
#wrapper
{
	background: url(img/bg-wrapper.png) top repeat-x;
	width: 100%;
	float: left;
}
body.page-template-page-splashpage-php #wrapper
{
	background: none;
}


#header
{
	width: 930px;
	float: left;
}
body.page-template-page-splashpage-php #header
{
	display: none;
}
	#logo
	{
		width: 189px;
		height: 183px;
		float: left;
	}
	#logo a
	{
		width: 189px;
		height: 183px;
		background: url(img/bg-logo.png) no-repeat;
		display: block;
		overflow: hidden;
		text-indent: -10000px;
	}
	#subtitle-top
	{
		width: 385px;
		height: 29px;
		background: url(img/bg-subtitle-top.png) no-repeat;
		float: left;
		text-indent: -100000px;
		margin-top:  25px;
	}
	#subtitle-top-placeholder
	{
		width: 385px;
		height: 29px;
		
		float: left;
		text-indent: -100000px;
		margin-top:  25px;
	}
	#site-navigation
	{
		float: left;
		width: 700px;
		margin-top: 25px;
		margin-left: 15px;
	}
		#site-navigation ul
		{
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		#site-navigation li:first-child
		{
			border-left: dotted 1px #FFF;
		}
		#site-navigation li
		{
			float: left;
			padding-left: 13px;
			padding-right: 13px;
			padding-top: 2px;
			padding-bottom: 2px;
			border-right: dotted 1px #FFF;
			font-weight: bold;
			text-transform: uppercase;
		}		
		#site-navigation a
		{
			color: #FFF;
		}
		#site-navigation a:hover
		{
			color: #000;
			text-decoration: none;
		}
		#site-navigation a#active-link
		{
			color: #000;
		}
	#subtitle
	{
		/*width: 385px;
		height: 29px;*/
		width: 421px;
		height: 34px;
		background: url(img/bg-subtitle.png) no-repeat;
		float: left;
		text-indent: -100000px;
		margin-left: 0px;
		margin-top:  25px;
	}
 
#content
{
	width: 924px;
	float: left;
	margin-top: -75px;
}
	#content-container-top
	{
		background: url(img/bg-content-container-top.png) no-repeat;
		width: 924px;
		height: 76px;
	}
	body.page-id-3 #content-container-top
	{
		background: url(img/bg-content-container-top-no-tab.png) no-repeat;
	}
		#content-container-top-submit-photo
		{
			margin-right: 54px;
			text-align: right;
			text-transform: uppercase;
			padding-top: 5px;
		}
		body.page-id-3 #content-container-top-submit-photo
		{
			display: none;
		}
		#content-container-top-submit-photo a
		{
			width: 172px;
			height: 18px;
			display: block;
			background: url(img/bg-content-container-top-submit-photo-button.png) no-repeat;
			text-indent: 100000px;
			overflow: hidden;
			float: right;
			margin-right:25px;
			margin-top:27px;
		}
		#content-container-top-submit-photo a:hover
		{
			background-position: 0 -18px;
		}
	#content-container-content
	{
		background: url(img/bg-content-container-content.png) repeat-y;
		width: 774px;
		padding-left: 75px;
		padding-right: 75px;
		min-height: 500px;
		float: left;
	}
		#content-container-content-header
		{
			width: 774px;
			float: left;
			border-bottom: dotted 1px #6e6e6e;
			margin-bottom: 10px;
		}
			body.page-id-766 #content-container-content-header-page-title
			{
				display: none;
			}
			#content-container-content-header-page-title
			{
				float: left;
				text-transform: uppercase;
				color: #4cbaea;
				font-weight: bold;
				padding-top: 2px;			
			}
			#content-container-content-header-page-title h1
			{
				font-size: 20px;
				margin: 0px;			
			}
			#content-container-content-header-facebook
			{
				float: right;
				text-transform: uppercase;
				color: #515151;
				font-weight: bold;
				font-size: 13px;				
			}
			#content-container-content-header-facebook-text
			{
				float: left;
				margin-top: 9px;
			}
			#content-container-content-header-facebook-text a
			{
				text-decoration: underline;
			}
			#content-container-content-header-facebook-text a:hover
			{
				text-decoration: none;
			}
			#content-container-content-header-facebook-icon
			{
				float: left;
				margin-left: 10px;
			}
		
		#content-container-content-posts
		{
			width: 810px;  /* IE6 hack so there are 4 on a row, it should really be 774px */
			float: left;
		}
		#content-container-content-page
		{
			
		}
			#content-container-content-page-picture
			{
				border: solid 1px #e5e2da;
				float: left;
				padding: 7px;
			}
			#content-container-content-page-info
			{
				float: left;
				width: 365px;
				margin-left: 10px;
			}
				#content-container-content-page-info-title
				{
					color: #43bfe6;
					margin-top: 0px;
					margin-bottom: 0px;
					text-transform: capitalize;
					font-size: 16px;
				}
				#content-container-content-page-info-submitter
				{
					font-size: 13px;
					margin-bottom: 8px;
				}
				#content-container-content-page-info-votes , #content-container-content-page-info-vote
				{
					font-size: 13px;
				}
				#content-container-content-page-info-description
				{
					font-size: 13px;
				}
					#content-container-content-page-info-description p
					{
						margin-top: 8px;
						margin-bottom: 8px;
						line-height: 16px;
					}
				#content-container-content-page-info-vote
				{
					
				}
					#content-container-content-page-info-vote .textcontainer
					{
						display: none;
					}
					#content-container-content-page-info-vote .bartext
					{
						color: #666666;
						display: block;
						margin: 0 0;
						padding: 0;
						text-align: left;
						width: auto;
					}
					#content-container-content-page-info-vote a
					{
						background: url(img/bg-post-vote-large.jpg) no-repeat;
						width: 289px;
						height: 71px;
						display: block;
						text-indent: -10000px;					
					}
				#content-container-content-page-info-share
				{
					color: #43bfe6;
					font-size: 14px;
					margin-top: 10px;
				}
					#content-container-content-page-info-share-text
					{
						float: left;
						/*margin-left: 10px;*/
						margin-top: 2px;
					}
					#content-container-content-page-info-share-icon
					{
						float: left;
						margin-left: 10px;
					}
			#content-container-content-page-comments
			{
				float: left;
				width: 774px;
				margin-top: 20px;
			}
				#content-container-content-page-comments .dsq-brlink
				{
					display:none;
				}
				
				#content-container-content-page-comments #dsq-content 
				{
					font-size: 10px;
				}
				#content-container-content-page-comments #dsq-content .dsq-comment-message
				{
					font-size: 13px;
				}
				#content-container-content-page-comments h3#comments
				{
					color: #6c6c6c;
					font-size: 13px;
					text-transform: uppercase;
					border-bottom: dotted 1px #6c6c6c;
					padding-bottom: 3px;
					margin-bottom: 10px;
					float: left;
					width: 774px;
				}
				#content-container-content-page-comments-list
				{
					width: 774px;
					float: left;
					padding: 0px;
					list-style-type: none;
				}
				
				#content-container-content-page-comments-list .comment:first-child .content-container-content-page-comments-list-comment
				{
					border: none; 
					margin-top: 10px;
					padding-top: 0px;
				}
				#content-container-content-page-comments #respond h3
				{
					color: #6c6c6c;
					font-size: 13px;
					text-transform: uppercase;
					border-bottom: dotted 1px #6c6c6c;
					padding-bottom: 3px;
					margin-bottom: 10px;
					margin-top: 20px;
					float: left;
					width: 774px;
				}
				#content-container-content-page-comments-title-submit-form
				{
					float: left;
					width: 774px;
					margin-bottom: 20px;
				}
					#content-container-content-page-comments-title-submit-form-contact
					{
						float: left;
						width: 774px;
						margin-bottom: 20px;
					}
						#content-container-content-page-comments-title-submit-form-contact-name
						{
							float: left;
							width: 300px;
						}
						#content-container-content-page-comments-title-submit-form-contact-email
						{
							float: left;
							width: 300px;
						}
						#content-container-content-page-comments-title-submit-form-contact-disqus
						{
							float: left;
							width: 100px;
						}
					#content-container-content-page-comments-title-submit-form-comment
					{
						float: left;
						width: 774px;
						margin-bottom: 20px;
					}
					#content-container-content-page-comments-title-submit-form-submit
					{
						float: left;
						width: 774px;
						margin-bottom: 20px;
						text-align: right;
						height: 50px;
						overflow: hidden;
					}
						#content-container-content-page-comments-title-submit-form-submit input
						{
							width: 155px;
							height: 50px;
							background: url(img/bg-submit-comment.jpg) no-repeat;
							display:  block;
							padding-top: 50px;
							overflow: hidden;
							cursor: pointer;
							border: none;
							margin-left: 85px;
						}
						#content-container-content-page-comments-title-submit-form-submit input:hover
						{
							background: url(img/bg-submit-comment.jpg) 0px -50px;
						}
		#content-container-content-page-single
		{
			width: 755px;
			margin-left: 10px;
			float: left;
			font-size: 12px;
			margin-bottom: 50px;
			display: inline;
		}
			body.page-id-766 #content-container-content-page-single
			{
				background: url(img/bg-content-container-content-page-single-EnterTheContest.jpg) no-repeat top right;
				padding-right: 284px;
				width: 537px;
			}
			
			#content-container-content-page-single p
			{
				line-height: 18px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			#content-container-content-page-single li
			{
				line-height: 18px;
			}
			#content-container-content-page-single p small
			{
				line-height: normal;
			}
			#content-container-content-page-single hr
			{
				border: none;
				background: #01b6ed;
				height: 1px;
				margin-top: 35px;
				margin-bottom: 35px;
			}
			#content-container-content-page-single .tdomf_form label 
			{
				width: 200px;
				float: left;
				text-align: right;
				padding-top: 3px;
				padding-right: 10px;
				text-transform: uppercase;
				font-weight: normal;
			}
			#content-container-content-page-single .tdomf_form p
			{
				font-size: 11px;
				margin-top: 8px;
				margin-bottom: 8px;				
			}
			#content-container-content-page-single .tdomf_form #tdomf_upload_inline_form
			{
				margin: 0px;
			}
			#tdomf_form1_message font
			{
				margin-left: 212px;
				display: block;
			}
			#tdomf_form1
			{
				margin-top: 20px;
			}
		
		#content-container-content-rollover-help-text
		{
			width: 774px;
			float: left;
			font-size: 11px;
			margin-bottom: 10px;
			margin-top: 10px;
		}
	#content-container-bottom
	{
		background: url(img/bg-content-container-bottom.png) no-repeat;
		width: 924px;
		height: 123px;
		float: left;
	}
		body.page-id-766 #content-container-bottom-submit-photo, body.page-id-3 #content-container-bottom-submit-photo
		{
			display: none;
		}
		#content-container-bottom-submit-photo
		{
			width: 238px;
			height: 71px;
			float: left;
			margin-left: 75px;
			display: inline;
		}
		#content-container-bottom-submit-photo a
		{
			width: 238px;
			height: 71px;
			display: block;
			background: url(img/bg-content-container-bottom-submit-photo.png) no-repeat;
			text-indent: -10000px;
		}
		#content-container-bottom-submit-photo a:hover
		{
			background: url(img/bg-content-container-bottom-submit-photo.png) no-repeat 0px -71px;
		}
		
		#content-container-bottom-logo
		{
			float: right;
			height: 38px;
			margin-right: 65px;
			margin-top: 42px;
			width: 115px;
		}
		#content-container-bottom-logo a
		{
			display: block;
			width: 115px;
			height: 38px;
			overflow: hidden;
			text-indent: -100000px;
		}
	#splashpage
	{
		width: 619px;
		height: 595px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 150px;
		background:  url(img/splashpage.png) no-repeat;
	}
		#splashpage-button
		{
			width: 210px;
			height: 52px;
			float: left;
			display: inline;
			margin-left: 194px;
			margin-top: 394px;
		}
		#splashpage a
		{			
			display: block;
			background: url(img/splashpage-button.png) no-repeat 0px 0px;
			overflow: hidden;
			text-indent: -10000px;	
			width: 210px;
			height: 52px;		
		}
		#splashpage a:hover
		{
			background: url(img/splashpage-button.png) no-repeat 0px -52px;
		}
	#splashpage-bc-nordic
	{
		width: 114px;
		height: 35px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 10px;
	}
		#splashpage-bc-nordic a
		{
			width: 114px;
			height: 35px;
			display: block;
			background:  url(img/bg-logo-bc-nordic.png) no-repeat;
			overflow: hidden;
			text-indent: -10000px;
		}
#footer-bar
{
	width: 100%;
	height: 26px;
	margin-top: 50px;
	margin-bottom: 15px;
	background: url(img/bg-footer-bar.png) repeat;
	font-size: 10px;
	text-align: center;
	padding-top: 4px;
	color: #000;
}
	#footer-bar-content
	{
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	#footer-bar-content a
	{
		color: #000;
	}
	#footer-bar-content a:hover
	{
		color: #FFF;
	}
	#footer-bar-text
	{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		padding-top: 6px;
		float: left;
	}
	#footer-bar-logos
	{
		float: left;
		margin-left: 10px;
	}
#footer
{
	margin-bottom: 10px;
	text-align: center;
}
	#footer ul
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		float: left;
		display: block;
	}
	#footer #logos-top
	{
		margin-left: 175px;
		margin-bottom: 10px;
	}
	#footer #logos-bottom
	{
		margin-left: 220px;
	}
	#footer li
	{
		float: left;
		padding-left: 4px;
		padding-right: 5px;
	}
	#photocredit
	{
		width: 930px;
		font-size: .8em;
		float: left;
	}

/*  -----------------  CLASSes ----------------- */

.wrapper-inner
{
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper-inner-footer
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.clear
{
	clear: both;
}
.post-listing
{
	width: 180px;
	height: 130px;
	float: left;
	margin-left: 10px;
	margin-bottom: 40px;
	display: inline;
	
}
	.post-listing h4
	{
		width: 180px;
		overflow: hidden;
	}
	.post-listing .post-picture
	{

		float: left;
	}
	.post-listing .post-picture-small
	{
		border: solid 1px #e5e2da;
		float: left;
		padding: 7px;
	}
		.post-listing .post-picture-small img
		{
			border: thin none;
		}
	.post-listing .post-picture-large
	{
		display: none;
		padding: 7px;
		border: solid 1px #e5e2da;
		background: #FFF; 
	}
	.post-listing .post-summary
	{
		float: left;
		margin-left: 10px;
		font-size: 10px;
		width: 79px;
		height: 91px;
		overflow: hidden;
	}
	.post-listing .post-summary p
	{
		margin-top: 0px;
		margin-bottom: 5px;
	}
	
	
	.post-listing .post-vote-listing
	{
		float: left;
		width: 190px;
		margin-top: 5px;
		font-size: 10px;
	}
	.post-listing .post-vote-listing .textcontainer
	{
		display: none;
	}
	.post-listing .post-vote-listing .bartext 
	{
		color: #666666;
		display: block;
		margin: 0 0;
		padding: 0;
		text-align: left;
		width: auto;
	}
	.post-listing .post-vote-listing .bartext a
	{
		width: 54px;
		height: 17px;
		background: url(img/bg-post-vote-small.gif) no-repeat;
		display: block;
		text-indent: -10000px;
		overflow: hidden;
	}
.votes-highlight
{
	color: #43bfe6;
	font-size: 20px;
	font-weight: bold;
}
.votes-received .votes-highlight
{
	font-size: 13px;
}

.content-container-content-page-comments-list-comment
{
	float: left;
	width: 774px;
	padding-top: 25px;
	margin-top: 15px;
	border-top: dotted 1px #6c6c6c;
}
	.content-container-content-page-comments-list-comment-left
	{
		float: left;
		width: 200px;
		margin-left: 10px;
		margin-right: 10px;
	}
		.content-container-content-page-comments-list-comment-left-name
		{
			color: #43bfe6;
			font-weight: bold;
			font-size: 12px;
			text-transform: capitalize;			
		}
		.content-container-content-page-comments-list-comment-left-date
		{
			font-size: 10px;
		}
		.content-container-content-page-comments-list-comment-left-date a
		{
			color: #666666;
		}
		.content-container-content-page-comments-list-comment-left-status
		{
			font-size: 10px;
		}
	.content-container-content-page-comments-list-comment-right
	{
		float: left;
		width: 540px;
		margin-left: 10px;
		font-size: 11px;
	}
		.content-container-content-page-comments-list-comment-right p:first-child 
		{
			margin-top: 0px;
		}
		.content-container-content-page-comments-list-comment-right p
		{
			margin-bottom: 8px;
			margin-top: 8px;
		}
.comment-form-spacer
{
	width: 75px;
	text-align: right;
	float: left;
	margin-right: 10px;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 2px;
}
.comment-text
{
	border: solid 1px #e6e6e6;
	background: #fff;
	padding: 2px;
	color: #666666;
	font-size: 11px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
}
.tdomf_form .comment-text
{
	width: 300px;
}
.comment-textarea
{
	border: solid 1px #e6e6e6;
	background: #fff;
	padding: 2px;
	color: #666666;
	font-size: 11px;
	width: 675px;
	font-family: Arial, Helvetica, sans-serif;
}
.tdomf_form  .comment-textarea
{
	width: 350px;
	display: block;
	float: left;
}

.content-container-content-posts-pages
{
	font-size: 11px;
	margin-bottom: 10px;
	width: 774px;
	float: left;
	border: none;
}
#content-container-content .content-container-content-posts-pages .wp-pagenavi span
{
	border: none;
}
#content-container-content .content-container-content-posts-pages .wp-pagenavi a
{
	border: none;
	color: #4CBAEA;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
/*----Start of Winners Page-----*/	
img.winners {
	border-style:solid;
	border-width:1px;
	border-color:#cecece;
	
}

.winners_text h2{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin: 0 0 0 0;
	font-weight:bold;
	text-transform:uppercase;
	
}
.winners_text h2 span.pic_title{
	font-size:20px;
	color:#47c4e7;
	font-weight:bold;
	text-transform:none;
	
}
.winners_text h3{
	font-size:14px;
	margin: 0 0 0 0;
	line-height:22px;
}

.winners_text h3 span.blue_text{
	color:#47c4e7;	
}

.row_padding_top{
padding-top:44px;
}

.row_padding_bottom{
padding-bottom:75px;
}
/*----End of Winners Page-----*/	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}*/

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#content-container-content-page-single .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
.table-padding-right
{
	padding-right: 20px;
}
.table-padding-right_small
{
	padding-right: 6px;
}
.page-id-5 h3
{
	color: #363636;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3.prize-value
{
	color:#4CBAEA;
	margin-top: 0px;
	margin-bottom: 0px;	
}
.no-bottom-margin
{
	margin-bottom: 0px;
}
.no-top-margin
{
	margin-top: 0px;
}
.blue
{
	color: #4CBAEA;
}
.double-font-size
{
	font-size: 2em;
}
.adjust-for-paragraph-top-margin
{
	margin-bottom: -10px;
}
a#submit-a-photo
{
	width: 238px;
	height: 71px;
	display: block;
	background: url(img/bg-content-container-bottom-submit-photo.png) no-repeat;
	text-indent: -10000px;
}
a#submit-a-photo:hover
{
	background: url(img/bg-content-container-bottom-submit-photo.png) no-repeat 0px -71px;
}
a#see-the-competition
{
	width: 363px;
	height: 71px;
	display: block;
	background: url(img/bg-content-container-content-page-single-See-Competition.png) no-repeat;
	text-indent: -10000px;
}
a#see-the-competition:hover
{
	background: url(img/bg-content-container-content-page-single-See-Competition.png) no-repeat 0px -71px;
}