/*
Theme Name: Young National Theme
Theme URI: 
Description: Custom WP Theme for the Young Nationals
Version: 0
Author: Justin Svendsen
Author URI: http://www.markerstudio.com
Tags: 
*/

/* ----------
				Base reset
---------- */
html, body, form, fieldset, div, .nav, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

html {
	font-size: 125%;
	}
	
body {
	font-size: 50%;
	font-family: "Helvetica Neue", Arial, Sans-serif;
	background: #172e82 url(i/assets/pg-bg-gradient.gif) top left repeat-x;
	}
	
	
/* ----------
				Main structure
---------- */
.container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}

#mainDiv {
	background: url(i/content/pg-header.jpg) center top no-repeat;
	}

#headerDiv {
	/* See Header */
	}

#footerDiv {
	/* See Footer */
	}
	
#navigation {
	/* See Navigation */
	}

#contentDiv {
	/* See Content */
	}
	
	
/* ----------
				Header
---------- */
#headerDiv {
	width: 958px;
	height: 169px;
	background: url(i/content/pg-header.jpg) center top no-repeat;
	}
	
.logo {
	display: block;
	width: 275px;
	height: 169px;
	text-indent: -999em;
	overflow: hidden;
	}
	
.description {
	display: none;
	}
	
	
/* ----------
				Footer
---------- */
#footerDiv {
	width: 968px;
	padding: 27px 0 0;
	background: url(i/assets/pg-shadow-bottom.png) top left no-repeat;
	color: #fff;
	font-size: 1.2em;
	line-height: 1em;
	}
	
#footer {
	border-top: 1px solid #fff;
	margin: 0 5px;
	padding: 22px 10px;
	overflow: hidden;
	}
	
#footer ul, #footer li {
	float: right;
	padding: 0 0 0 22px;
	}

#footer a {
	color: #fff;
	}
	
	
/* ----------
				Navigation
---------- */
#navigationDiv {
	width: 968px;
	background: url(i/assets/pg-shadow.png) center repeat-y;
	}
	
#navigation {
	width: 958px;
	height: 35px;
	background: url(i/assets/main-nav.gif) center top no-repeat;
	}

#navigation li {
	float: left;
	}
	
#navigation a {
	display: block;
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(i/assets/main-nav.gif);
	}
	
/* Home */
li.page-item-home a {
	width: 120px;
	background-position: 0 0;
	}
	
	li.page-item-home a:hover, body.home li.page-item-home a {
		background-position: 0 -35px;
		}
	
/* About Us */
li.page-item-2 a {
	width: 129px;
	background-position: -120px 0px;
	}
	
	li.page-item-2 a:hover, body.page-id-2 li.page-item-2 a, body.parent-pageid-2 li.page-item-2 a {
		background-position: -120px -35px;
		}
	
/* Your Area */
li.page-item-3 a {
	width: 153px;
	background-position: -249px 0px;
	}
	
	li.page-item-3 a:hover, body.page-id-3 li.page-item-3 a, body.parent-pageid-3 li.page-item-3 a {
		background-position: -249px -35px;
		}

/* Policy */
li.page-item-223 a {
	width: 129px;
	background-position: -402px 0px;
	}
	
	li.page-item-223 a:hover, body.page-id-223 li.page-item-223 a, body.parent-pageid-223 li.page-item-223 a {
		background-position: -402px -35px;
		}


/* Join */
li.page-item-4 a {
	width: 111px;
	background-position: -531px 0px;
	}
	
	li.page-item-4 a:hover, body.page-id-4 li.page-item-4 a, body.parent-pageid-4 li.page-item-4 a {
		background-position: -531px -35px;
		}
	
/* Contact */
li.page-item-6 a {
	width: 149px;
	background-position: -642px 0px;
	}
	
	li.page-item-6 a:hover, body.page-id-6 li.page-item-6 a, body.parent-pageid-6 li.page-item-6 a {
		background-position: -642px -35px;
		}
	
/* International */
li.page-item-8 a {
	width: 167px;
	background-position: -791px 0px;
	}
	
	li.page-item-8 a:hover, body.page-id-8 li.page-item-8 a, body.parent-pageid-8 li.page-item-8 a {
		background-position: -791px -35px;
		}
		
		
/* ----------
				Subnavigation
---------- */
#subnavigation {
	margin: 0 0 13px;
	padding: 0;
	border: 0;
	}
	
#subnavigation li {
	padding: 0 0 2px;
	background: #f5f5f5;
	}
		
#subnavigation a {
	display: block;
	color: #00539f;
	background: url(i/assets/bg-subNav.gif) top no-repeat;
	width: 220px;
	height: 26px;
	text-transform: uppercase;
	text-indent: 12px;
	font-size: 11px;
	line-height: 26px;
	}
	
	#subnavigation a:hover, #subnavigation li.current_page_item a {
		background-position: bottom;
		color: #fff;
		text-decoration: none;
		}

	
/* ----------
				Content
---------- */
#contentDiv {
	width: 968px;
	padding: 0 0 20px;
	background: url(i/assets/pg-shadow.png) center repeat-y;
	}
	
#content {
	margin: 0 5px;
	/*background: red;*/
	overflow: hidden;
	}
	
#contentCenter, .sidebar {
	float: left;
	display: inline;
	}
	

/* ----------
					Generic Elements
---------- */
fieldset {
	border: 0;
	}
	
input, select, textarea, table {
	font-size: 1em;
	font-family: "Helvetica Neue", Arial, Sans-serif;
	}
	
a {
	text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
		}
		
a img, img {
	border: 0;
	}
	
area {
	background: red;
	}
	
a.more-link {
	color: #009ed1;
	font-size: 10px;
	line-height: 1em;
	text-transform: uppercase;
	background: url(i/assets/icon-arrow.png) center left no-repeat;
	padding: 0 0 0 16px;
	}

.image-titles, #subscriptionOptions {
	display: block;
	position: relative;
	width: 220px;
	height: 30px;
	background-image: url(i/assets/comb-titles.gif);
	text-indent: -999em;
	overflow: hidden;
	}
	
.link-facebook {
	background-position: 0 0;
	margin: 0 0 15px;
	}
	
.link-youtube {
	background-position: 0 -180px;
	margin: 0 0 15px;
	}
	
.link-twitter {
	background-position: 0 -30px;
	}
	
.link-calendar {
	background-position: 0 -60px;
	}
	
.link-news {
	background-position: 0 -90px;
	}
		
.link-join {
	background-position: 0 -120px;
	margin: 0 0 15px;
	}
	
.link-national, .link-iydu {
	display: block;
	width: 220px;
	height: 68px;
	margin: 15px 0 0;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	}
	
	.link-national {
		background-image: url(i/content/img-national-party.jpg);
		}
	
	.link-iydu {
		background-image: url(i/content/img-iydu.jpg);
		}
	
#subscriptionOptions {
	background-position: 0 -150px;
	margin: 0 0 15px;
	text-indent: 0;
	}
	
	#subscriptionOptions a {
		position: absolute;
		text-indent: -999em;
		width: 28px;
		height: 28px;
		top: 1px;
		}
		
	#subscriptionOptions a.rss {
		right: 48px;
		}
	
	#subscriptionOptions a.email {
		right: 12px;
		}

	
/* ----------
					Center Content (main area)
---------- */
#contentCenter {
	width: 428px;
	margin-left: 240px;
	padding: 25px;
	background: #fff;
	}
	
.section, .section-meta, .post, .post-meta, .entry {
	overflow: hidden;
	}
	
.section {
	}
	
.section-meta {
	}
	
	.section-title {
		font-size: 1.4em;
		line-height: 1em;
		color: #0d539f;
		border-bottom: 1px solid #0d539f;
		padding: 0 0 5px;
		margin: 0 0 10px;
		text-transform: uppercase;
		font-weight: normal;
		}
	
.post, .page {
	padding: 0 0 22px;
	}
	
.post-meta {
	padding: 0 0 18px;
	font-size: 1.1em;
	line-height: 1em;
	}
	
	.post-date {
		display: block;
		padding: 0 0 10px;
		color: #d3d3d3;
		}
	
	.post-title {
		font-size: 24px;
		line-height: 1em;
		font-weight: normal;
		color: #00539f;
		}
		
		.post-title a {
			color: #00539f;
			}
	
	.post-author {
		float: left;
		padding: 7px 5px 0 0;
		color: #009ed1;
		text-transform: uppercase;
		}
		
	.post-comments {
		float: left;
		border-left: 1px solid #707d70;
		margin: 7px 0 0;
		padding: 0 19px 0 5px;
		background: url(i/assets/icon-comment.png) center right no-repeat;
		}
		
		.post-comments a {
			color: #707070;
			}
			
.entry {
	color: #36444d;
	font-size: 1.3em;
	line-height: 1.3846em; /* 18 */
	padding: 0 0 22px;
	border-bottom: 1px solid #d3d3d3;
	}
	
	body.single .entry, body.page .entry {
		padding: 0;
		border: 0;
		}
		
.entry h2 {
	font-weight: normal;
	font-size: 18px;
	line-height: 1em;
	padding: 0 0 5px;
	}

.entry h3 {
	font-size: 1.3846em; /* 18 */
	line-height: 1em;
	padding: 15px 0;
	font-weight: normal;
	}
	
.entry h4, .entry h5, .entry h6 {
	font-size: 1em;
	line-height: 1em;
	padding-bottom: 5px;
	color: #00539f;
	}
	
	.entry h6 {
		font-size: 11px;
		}
	
.entry p {
	margin: 0;
	padding: 0 0 15px;
	}
	
.entry ol, .entry ul {
	padding: 0 30px 15px;
	}
	
.entry a {
	color: #0d7fbb;
	}
	
em.email-protected {
	color: #80050d;
	font-weight: strong;
	padding: 0 0 0 1px;
	text-transform: uppercase;
	font-style: normal;
	font-size: 11px;
	}
	
	
/* ----------
				 Post Navigation (previous | next)
---------- */
.post-navigation {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #eee;
	padding: 5px 3px 35px;
	font-size: 13px;
	line-height: 16px;
	}
	
.post-navigation div {
	width: 211px;
	overflow: hidden;
	}
	
.post-navigation div span {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	color: #ccc;
	font-family: Georgia, "Times New Roman", serif;
	}
	
.post-navigation div small {
	font-size: 14px;
	}
	
.post-navigation .newer {
	float: right;
	text-align: right;
	}
	
.post-navigation .older {
	float: left;
	}
	
.post-navigation a {
	color: #0d7fbb;
	}


/* ----------
				Comments
---------- */
#comments, #respond {
	padding-bottom: 22px;
	}

/* -- -- */
.register-please {
	font-size: 18px;
	line-height: 1em;
	}

.comment-title {
	font-size: 18px;
	line-height: 1em;
	font-weight: normal;
	color: #80050d;
	padding: 0 0 13px;
	}
	
	.comment-title a {
		font-size: 14px;
		}
	
#commentList li {
	overflow: hidden;
	background: url(images/assets/bg-comment.png) 70px 0 no-repeat;
	margin-bottom: 20px;
	}
	
#commentList img.avatar, #commentList .comment-content {
	float: left;
	}
	
	#commentList img.avatar {
		/*margin-right: 21px;*/
		padding: 1px;
		border: 1px solid #39596a;
		}
	
	#commentList .comment-content {
		/*width: 570px;*/
		min-height: 60px;
		/*border: 1px solid #d7e0e6;
		border-left: 0;*/
		overflow: hidden;
		}
		
	#commentList .comment-content p {
		padding: 0 0 14px;
		}
		
#commentList cite.comment-author, #commentList .comment-text {
	border: 1px solid #d7e0e6;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 8px;
	width: 320px;
	background: #eff3f6;
	font-style: normal;
	}

	#commentList cite.comment-author {
		display: block;
		font-size: 18px;
		line-height: 1em;
		padding-top: 10px;
		padding-bottom: 4px;
		border-bottom: 0;
		color: #00539f;
		/*
		border-left: 0;
		margin-left: 8px;
		width: 569px;
		*/
		}
	
		#commentList cite.comment-author span {
			font-size: 12px;
			color: #a2a6a9;
			}
			
		#commentList cite.comment-author a {
			color: #0d7fbb;
			}
			
	#commentList .comment-text {
		border-top: 0;
		font-size: 1.2em;
		line-height: 1.5em;
		color: #666;
		/*
		margin-left: 8px;
		width: 360px;
		*/
		}
		
#commentList .bypostauthor cite.comment-author, #commentList .bypostauthor cite.comment-author a, #commentList .bypostauthor .comment-text {
	background: #0d539f;
	/*
		#009ed2 - intro paragraph blue
	*/
	border-color: #35749b;
	color: #fff;
	}
	
	#commentList .bypostauthor cite.comment-author span {
		color: #e0e0e0;
		}
		
		
/* ----------
				Form
---------- */
.form {
	padding: 0 0 15px;
	font-size: 13px;
	}

.form fieldset {
	padding: 15px 0;
	}

.form div {
	position: relative;
	overflow: hidden;
	zoom: 1;
	padding: 0 0 10px;
	}
	
	.form div.required span.star {
		position: absolute;
		top: 2px;
		left: 120px;
		width: 10px;
		text-align: center;
		font-size: 18px;
		color: #be0f34;
		}
		
.form a {
	color: #0059b0;
	}

.form .legend {
	color: #0059b0;
	font-weight: bold;
	font-size: 14px;
	line-height: 1em;
	padding: 0 0 15px 5px;
	}

.form label, .form .input, .form select, .form textarea {
	float: left;
	}
	
	.form label {
		width: 118px;
		text-align: right;
		margin-right: 17px;
		line-height: 22px;
		color: #252525;
		}
	
	.form .input {
		width: 200px;
		padding: 2px;
		border: 1px solid #ddd;
		}
		
	.form .long {
		width: 270px;
		}
		
	.form textarea {
		width: 200px;
		height: 75px;
		padding: 2px;
		border: 1px solid #ddd;
		}
		
.form .raido {
	float: left;
	}
	
	.form .radio label {
		width: 100px;
		text-align: left;
		margin: 0;
		}
		
.button {
	border: 0;
	margin: 0;
	display: block;
	background-position: top left;
	text-indent: 99em;
	overflow: hidden;
	cursor: pointer;
	}
	
	.button:hover {
		backgroud-position: bottom left;
		}
	
.submit {
	width: 120px;
	height: 30px;
	background-image: url(i/assets/btn-submit.gif);
	text-indent: 50em;
	padding-left: 50em !ie;
	}
	
.form p {
	padding: 0 0 10px 133px;
	font-size: 12px;
	width: 200px;
	}
	
.form .error {
	display: block;
	clear: both;
	color: #be0f34;
	padding: 4px 0 0 137px;
	font-size: 11px;
	line-height: 1em;
	}


/* ----------
				Sidebar - Left + Right
---------- */
.sidebar {
	width: 220px;
	padding: 20px 0 0;
	/*background: blue;*/
	}
	
	#contentLeft {
		margin-left: -698px; /* 220 + contentCenter:width + contentCenter:(padding-left+padding-right) */
		}
	
	#contentRight {
		margin-right: -220px;
		}
		
.site-intro {
	margin: 0 0 15px;
	padding: 8px 10px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4167em; /* 17 */
	background: #009ed2;
	border: 1px solid #35749b;
	}
	
	.site-intro a {
		color: #fff;
		}
		
.sidebar-list {
	padding: 8px 10px 0;
	background: #e0e8f0;
	border: 1px solid #dbdbdb;
	border-top: 0;
	font-size: 13px;
	line-height: 18px;
	color: #00539f;
	overflow: hidden;
	}
	
	.sidebar-list li {
		overflow: hidden;
		padding: 2px 0 10px;
		}
	
	.sidebar-list a {
		color: #0d7fbb;
		}
		
#twitter_update_list {
	/*
	margin-bottom: 15px;
	*/
	}
	
#twitter_update_list span {
	display: block;
	padding-bottom: 4px;
	}

#miniCalendar {
	margin-bottom: 15px;
	}
	
#rssFeed a, #rssFeed span {
	float: left;
	color: #00539f;
	}
	
	#rssFeed a {
		width: 180px;
		}
		
	#rssFeed span {
		width: 13px;
		font-size: 15px;
		line-height: 1em;
		text-align: center;
		}
		
		
/* ----------
				Search Form
---------- */
#searchform {
	margin: 0 0 15px;
	padding: 35px 15px 15px;
	overflow: hidden;
	background: #003e77 url(i/assets/bg-search.gif) top left no-repeat;
	}
	
#searchform label {
	display: none;
	}
	
#searchform #s {
	width: 120px;
	}
	
#searchform #searchsubmit {
	cursor: pointer;
	width: 41px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	text-indent: 50em;
	padding-left: 50em !ie;
	background: url(i/assets/btn-go.png) no-repeat;
	}


/* ----------
				Flickrpress - Overwrite
---------- */
#flickr {
	background: #e0e8f0 url(i/assets/side-flickr-logo.gif) 10px 12px no-repeat;
	margin: 0 0 15px;
	padding: 48px 1px 45px 10px;
	}

#flickr div.flickrpress-container {
	overflow: hidden;
	}
	
#flickr div.flickr_item {
	margin: 0 8px 3px 0;
	padding: 1px;
	border-color: #39596a;
	float: left;
	}
	
#flickr div.flickr_item a {
	display: block;
	/*
	padding: 1px;
	background: #fff;
	border: 1px solid #39596a;
	*/
	}
	
#flickr div.flickr_item img {
	width: 57px;
	height: 57px;
	display: block;
	}
	
	
/* ----------
				Event Calendar - Upcoming Events Overwrite
---------- */
#miniCalendar ul {
	margin: 0;
	padding: 0;
	list-style-type: 0;
	border-bottom: 0;
	}
	
li.calendar-day {
	font-size: 10px;
	text-align: right;
	padding: 5px 10px;
	border-bottom: 1px solid #dbdbdb;
	}
	
li.calendar-event {
	padding: 0;
	font-size: 13px;
	text-align: left;
	list-style-type: none;
	}
	
	li.calendar-event span span {
		width: 200px !important;
		margin-left: -5px;
		right: 30px !ie;
		margin-top: 20px !important !ie;
		}
		
.event-title-break, .event-content-break {
	overflow: hidden;
	}
		
		
/* ----------
				WPCF7 Form Overwrites
---------- */
div.form span.wpcf7-not-valid-tip {
	clear: both;
	float: left;
	position: relative;
	left: auto;
	top: auto;
	width: 170px;
	padding: 5px;
	text-align: center;
	border-color: #be0f34;
	margin: 5px 0 0 143px;
	}

.wpcf7-validation-errors {
	text-align: center;
	}