/*  
Theme Name: Jeunes démocrates de demain
Description: Cistom wordpress theme for Les Jeunes Démocrates de Demain.
Version: 1.0
Author: Benoît PAUGAM

*/

@import url(shadowbox.css);

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0;
}

/* CONTAINERS */
#header {
	background-image:url(images/headerBG.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:150px;
	position:relative;
}
#logo {
	position:absolute;
	left:200px;
	top:90px;
}
#slogan {
	position:absolute;
	right:200px;
	top:90px;
}
#container {
	width:940px;
	margin:0 auto 30px auto;
}
#maincontent {
	width:620px;
	float:left;
}
#sidebar {
	width:300px;
	float:right;
	margin:0;
	padding:0;
	height:400px;
	padding-top:15px;
	margin-left:20px;
}
#footer {
	background-image:url(images/footerBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#222));
	background-image:-moz-linear-gradient(top, #111, #222);
	margin-top:40px;
	padding:15px;
	margin-bottom:0;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border:1px solid #333;
	-webkit-box-shadow:0 0 1px #222;
	-moz-box-shadow:0 0 1px #222;
	color:#DFDFDF;
	text-shadow:0 0 1px #000;
}
#credits {
	text-align:center;
	margin:20px 0;
}
#credits h3 {
	width:200px;
	margin:10px auto;
	color:#555;
}
#credits span.credits {
	font-size:11px;
	color:#666;
	line-height:15px;
}


/* TEXT */
a:focus { 
	outline:none; /* REMOVES DOTTED OUTLINE FOR FF */
}
a img {
	border:none;
}
@font-face {
	font-family:Walkway;
	src:url('fonts/Walkway_Bold.ttf');
}
@font-face {
	font-family:Museo;
	src:url('fonts/Museo_Slab_500.otf');
}
a {
	text-decoration:none;
	color:inherit;
}
a:hover {
	text-decoration:underline;
}
h1 {
	font-family:Walkway;
	word-wrap:break-word;
}
h1.slogan {
	text-transform:capitalize;
}
h2 {
	font-family:Museo;
}
h2.rubrique {
	margin:0;
}
h3 {
	font-size:15px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:lighter;
	margin:0;
	border-bottom:1px solid #DFDFDF;
}
h4 {
	font-weight:bold;
	font-variant:small-caps;
	margin:10px 0;
}
small a {
	color:#09F;
}
small {
	display:block;
	color:#666;
	font-size:12px;
}
.caps {
	text-transform:uppercase;
}

ul {
	list-style:none;
}
p {
	color:#111;
}
p.italic_grey {
	font-style:italic;
	color:#555;
	font-size:14px;
}
a.stylized_link {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #DFDFDF;
	color:#777;
	font-size:12px;
	padding:5px;
	display:block;
	text-align:center;
	letter-spacing:3px;
	margin:30px 0;
	background-color:#F1F1F1;
}
a.stylized_link:hover {
	border-color:#F60;
	text-decoration:none;
	color:#F60;
	background-color:#FC9;
}

/* MAIN NAV */
#main-nav {
	position:relative;
}
#main-nav ul {
	display:block;
	background-color:#09F;
	margin:0;
	padding:0 7px;
	background-image:url(images/main-bavBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0E3859), to(#0F5D8A));
	background-image:-moz-linear-gradient(top, #0E3859, #0F5D8A);
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
}
#main-nav ul li {
	float:left;
	padding:10px 15px;
	margin:0;
	color:#FFF;
	line-height:15px;
	border-right:1px solid #036;
	border-left:1px solid #0F5D8A;
	font-family:Museo;
	text-transform:uppercase;
	text-shadow:0 0 3px #003;
	position:relative;
	z-index:500;
}
#main-nav ul li:last-of-type {
	border-right:none;
}
#main-nav ul li:first-child {
	border-left:none;
}
#main-nav ul ul {
	display:none;
	position:absolute;
	top:32px;
	left:0;
	width:200px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-bottom:3px solid #F90;
	background-color:#FFF;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E3E3E3));
	background-image:-moz-linear-gradient(top, #FFFFFF, #E3E3E3);
	-webkit-box-shadow:0 4px 10px #666;
	z-index:500;
	opacity:0.9;
}
#main-nav ul ul li {
	color:#0F5D8A;
	text-shadow:none;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:none;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #DFDFDF;
	width:170px;
	display:block;
}
#main-nav ul li.pagenav:hover {
	background-color:#FFF;
	border-top:3px solid #F90;
	padding-top:7px;
	color:#0F5D8A;
	text-shadow:none;
	-webkit-box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
}
#main-nav ul li.pagenav:hover > ul {
	display:block;
}
#search {
	position:absolute;
	top:-35px;
	right:10px;
}
#search input[type=text] {
	color:#666;
	font-size:12px;
	padding:5px;
	padding-left:25px;
	border:1px solid #DFDFDF;
	height:15px;
	background-image:url(images/loupe.jpg);
	background-position:5px center;
	background-repeat:no-repeat;
	width:140px;
}
#search input[type=text]:focus {
	outline:none;
	border-color:#F90;
	color:#F90;
	background-image:url(images/loupe_orange.jpg);
}
#search input[type=submit], #newsletter input[type=submit] {
	background-color:#8C8C8C;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBF5EE), to(#C9C9C9));
	background-image:-moz-linear-gradient(top, #EBF5EE, #C9C9C9);
	border:1px solid #C9C9C9;
	height:25px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-shadow:0 0 1px #FDFDFD;
	color:#777;
	font-weight:700;
}
#search input[type=submit]:hover, #newsletter input[type=submit]:hover {
	background-color:#EBF5EE;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#EBF5EE));
	background-image:-moz-linear-gradient(top, #DFDFDF, #EBF5EE);
	border:1px solid #C9C9C9;
}
#search input[type=submit]:active, #newsletter input[type=submit]:active {
	background-color:#F90;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F90), to(#F60));
	background-image:-moz-linear-gradient(top, #F90, #F60);
	border-color:#F60;
	color:#FFF;
}

/* INTRODUCTION */
#introduction {
	border:1px solid #DFDFDF;
	padding:15px;
	border-top:none;
	border-bottom:none;
	background-color:#DFDFDF;
	background-image:url(images/introductionBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#DEDEDE));
	background-image:-moz-linear-gradient(top, #F9F9F9, #DEDEDE);
	position:relative;
	z-index:1;
}
#introduction_text {
	width:600px;
	padding:15px;
	opacity:0.7;
	color:#036;
	font-variant:small-caps;
	font-family:Verdana, Geneva, sans-serif;
}
#introduction img {
	position:absolute;
	top:15px;
	right:15px;
}
#introduction img#calendar {
	top:0;
}
#hide_intro {
	bottom:0;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	background-color:#069;
	color:#FFF;
}
#showintro, #hide_intro {
	position:absolute;
	width:80px;
	left:430px;
	text-align:center;
	padding:3px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	border:1px solid #69C;
}
#showintro {
	display:none;
	color:#333;
	background-color:#CCC;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#AAA));
	background-image:-moz-linear-gradient(top, #FFF, #AAA);
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	top:0;
	border-color:#333;
	z-index:100;
}
#showintro:hover {
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAA), to(#FFF));
	background-image:-moz-linear-gradient(top, #AAA, #FFF);
	cursor:pointer;
}

#hide_intro:hover {
	background-color:#069;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#09F), to(#069));
	background-image:-moz-linear-gradient(top, #09F, #069);
	cursor:pointer;
}

/* FEATURED GAL */
#featured_container {
	background-image:url(images/featuredBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#134261), to(#0C202B));
	background-image:-moz-linear-gradient(top, #134261, #0C202B);
	border:1px solid #02263C;
	padding:0;
	margin:0;
	position:relative;
	height:285px;
	padding-top:20px;
	margin-bottom:20px;
}
.belt {
	position:relative;
	display:none;
}
.belt .image {
	position:absolute;
	top:0;
	right:20px;
	border:5px solid #134261;
	width:450px;
	height:200px;
	background-position:center center;
}
.featured_text {
	width:400px;
	height:100%;
	margin:20px;
	color:#9CC;
}
.featured_text p {
	margin:10px 0 20px 0;
	color:#FFF;
}
.featured_text h1 {
	color:#FFF;
	text-shadow:0 0 1px #02263C;
	margin:0;
	line-height:30px;
}
#thumbs_container {
	width:400px;
	position:absolute;
	bottom:20px;
	left:20px;
}
#thumbs_container ul {
	list-style:none;
	border:1px solid #1B5F8C;
	margin:0;
	padding:0;
	float:left;
}
#thumbs_container ul li {
	display:inline-block;
	padding:8px;
	margin:0;
	position:relative;
}
#thumbs_container ul li.selected {
	background-color:#134261;
}
#thumbs_container ul li a {
	color:#9CC;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}
#thumbs_container ul li a:hover {
	text-decoration:none;
}
.balloon {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#FFF;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#DBDBDB));
	background-image:-moz-linear-gradient(top, #EDEDED, #DBDBDB);
	padding:15px;
	width:100px;
	position:absolute;
	bottom:40px;
	left:-50px;
	border:1px solid #CCC;
	display:none;
}
.balloon img {
	width:100px;
	height:auto;
	max-height:70px;
	margin:0 auto;
}


/* HOME PAGE SPECIAL CLASSES */
#edito {
	margin-top:15px;
	width:573px;
	background-image:url(images/introductionBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#DEDEDE));
	background-image:-moz-linear-gradient(top, #F9F9F9, #DEDEDE);
	border:1px solid #CFCFCF;
	padding:15px;
	position:relative;
	-webkit-box-shadow:0 0 5px #CCC;
}
#edito h1 {
	color:#0b405f;
	text-transform:uppercase;
	border-left:3px solid #0b405f;
	margin:0;
	text-indent:10px;
	margin-bottom:10px;
}
#edito h2 {
	margin:0;
	font-size:16px;
}
#edito p {
	font-size:13px;
	letter-spacing:1px;
	text-align:justify;
}
#edito img.black_corner_bot, #edito img.black_corner_top {
	position:absolute;
}
#edito img.black_corner_top {
	top:-5px;
	left:-5px;
}
#edito img.black_corner_bot {
	bottom:-5px;
	right:-5px;
}
#edito_date {
	width:73px;
	height:65px;
	text-align:center;
	background-image:url(images/edito_date.png);
	background-position:center;
	padding:10px;
	color:#FFF;
	position:absolute;
	top:-18px;
	right:20px;
}
#edito_date span {
	display:block;
}
#edito_date span#month {
	font-variant:small-caps;
	font-size:13px;
}

#next_event {
	padding:10px;
	border:1px solid #DFDFDF;
	margin-top:10px;
	margin-bottom:30px;
}
#next_event span.event_date {
	margin:8px 0;
	color:#09F;
	font-size:12px;
	font-style:italic;
	display:block;
}
#next_event p {
	font-variant:small-caps;
}
#next_event a {
	color:#333;
	font-size:12px;
	display:block;
	text-align:center;
}

.home_post_container {
	width:250px;
	background-image:url(images/introductionBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#DEDEDE));
	background-image:-moz-linear-gradient(top, #F9F9F9, #DEDEDE);
	margin-right:15px;
	margin-top:15px;
	padding:15px;
	border:1px solid #CFCFCF;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.home_post_container h1 {
	margin:0;
	border-bottom:1px dashed #999;
	padding-bottom:10px;
	text-shadow:0 0 1px #FFF;
}
.home_post_image_container {
	background-color:#FFF;
	border:1px solid #CFCFCF;
	margin-bottom:10px;
	padding:10px;
}
.home_post_image_container div {
	background-position:center center;
	height:100px;
	border:1px solid #CFCFCF;
}
span.home_post_meta {
	color:#333;
	font-size:11px;
	line-height:18px;
	display:block;
	border-bottom:1px dashed #999;
}
.home_post_container p {
	display:block;
	margin:15px 0;
}
.ribbon {
	position:absolute;
	top:-15px;
	left:-15px;
}


/* TIMELINE */
#timeline_container {
	border:1px solid #DFDFDF;
	background-image:url(images/introductionBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#DEDEDE));
	background-image:-moz-linear-gradient(top, #F9F9F9, #DEDEDE);
	padding:20px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
#timeline_container h1 {
	margin:0;
	text-shadow:0 0 1px #FFF;
}
ul#months li {
	display:inline-block;
	width:190px;
	overflow:hidden;
	color:#303;
	list-style:none;
	margin-right:10px;
	margin-bottom:15px;
	vertical-align:top;
	background-color:#F5F5F5;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
ul#months li span {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background-color:#FDFDFD;
	border:1px solid #DFDFDF;
	display:block;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
}
ul#months li span.current {
	background-color:#F90;
	border-color:#F60;
	color:#930;
}
ul#months  ul  {
	padding:0;
	display:block;
	border:1px solid #DFDFDF;
	border-top:none;
}
ul#months ul li {
	border-bottom:1px solid #CCC;
	padding:10px;
	color:#666;
	margin:0;
	background-color:transparent;
	border-radius:0;
}
ul#months ul li:hover {
	background-color:#FDFDFD;
}
ul#months ul li:last-child {
	border:none;
}
ul#months ul li a {
	color:#666;
	text-decoration:none;
	font-variant:small-caps;
}
ul#months ul li a:hover {
	color:#39C;
	text-decoration:underline;
}
a#toggleON_chrono, a#toggleOFF_chrono {
	margin:0;
	display:block;
	cursor:pointer;
	color:#555;
	font-size:14px;
	letter-spacing:1px;
	font-variant:small-caps;
}


/* PRESIDENCE */

#prez_intro {
	margin-top:30px;
}
#prez_image img {
	width:210px;
	height:auto;
	padding:15px;
	border:1px solid #DEDEDE;
	float:left;
}
#prez_intro p {
	margin-left:280px;
}


/* BLOG POST STYLES */
.blog_post_container {
	border:1px solid #D1D1D1;
	padding:20px;
	margin-bottom:20px;
	background-color:#F5F5F5;
	position:relative;
}
.blog_post_container small {
	display:inline-block;
}
.blog_post_comments_count {
	position:absolute;
	bottom:10px;
	left:20px;
}
span.comment_count {
	background-image: url(images/comment_count_bg.gif);
	background-repeat:no-repeat;
	display:inline-block;
	width:32px;
	height:32px;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	margin-right: 6px;
	text-align:center;
	text-align: center;
	width: 33px;
}
.blog_post_container:first-child {
	margin-top:20px;
}
.blog_post_container h1 {
	margin:0;
}
.blog_post_text {
	margin-top:10px;
}
.blog_post_text p {
	margin-bottom:15px;
	text-align:justify;
	color:#444;
}
.blog_post_text p img {
	max-width:550px;
	height:auto;
	padding:15px;
	background-color:#FFF;
	border:1px solid #DEDEDE;
	margin:30px 0;
}
p.metadata {
	font-variant:small-caps;
	color:#555;
	font-size:13px;
	letter-spacing:1px;
}
.blog_post_image {
	width:100%;
	height:180px;
	background-position:50% 50%;
	border:1px solid #F1F1F1;
	background-color:#FFF;
}


/* TABS */
#tabs {
	padding:10px;
	background-color:#EEE;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #BBB;
}
ul#tabNavigation {
	margin:0;
	padding:0;
}
ul#tabNavigation li {
	list-style:none;
	display:inline-block;
	padding:10px;
	background-color:#F3F3F3;
	color:#333;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border:1px solid #DFDFDF;
	margin:0;
	position:relative;
	border-bottom:1px solid #BBB;
}
ul#tabNavigation li:hover {
	background-color:#FDFDFD;
	color:#333;
	border-color:#BBB;
	border-bottom:none;
	padding-bottom:11px;
}
ul#tabNavigation li.selected {
	background-color:#FDFDFD;
	color:#333;
	border-color:#BBB;
	border-bottom:none;
	padding-bottom:11px;
}
ul#tabNavigation li a {
	color:#666;
	font-variant:small-caps;
	font-size:13px;
}
ul#tabNavigation li a:hover {
	text-decoration:none;
	color:#333;
}
ul#tabNavigation li a:focus {
	text-decoration:none;
	color:#333;
}
div.tab_content {
	border:1px solid #BBB;
	background-color:#FDFDFD;
	margin:0;
	padding:10px;
	margin-top:-1px;
}


/* SIDEBAR WIDGETS */
#social_icons {
	padding:20px;
	background-color:#222;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border:1px solid #444;
	-webkit-box-shadow:0 0 1px #222;
	-moz-box-shadow:0 0 1px #222;
}
#social_container h3 {
	color:#FFF;
	text-shadow:0 0 1px #000;
	font-family:Walkway;
	letter-spacing:2px;
	margin:0;
	padding:0;
	margin-bottom:15px;
	border-color:#333;
}
#social_container ul {
	margin:0;
	padding:0;
}
#social_container ul li {
	display:inline-block;
	margin-right:5px;
}
#newsletter {
	padding:20px;
	background-color:#CCC;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	border:1px solid #DDD;
	-webkit-box-shadow:0 0 1px #CCC;
	-moz-box-shadow:0 0 1px #CCC;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#DBDBDB));
	background-image:-moz-linear-gradient(top, #EDEDED, #DBDBDB);
}
#newsletter span {
	color:#222;
	font-size:12px;
	display:block;
	margin-bottom:10px;
}
#newsletter input[type=text] {
	padding:5px;
	border:1px solid #CCC;
	color:#222;
	margin:0;
	margin-right:5px;
}
#newsletter input[type=text]:focus {
	color:#FC0;
	border-color:#FC0;
	outline:none;
}

a.follow_us {
	width:152px;
	height:32px;
	display:inline-block;
	background-image:url(images/follow.png);
	background-position:top;
	margin-left:15px;
}
a.follow_us:hover {
	background-position:bottom;
}
a.follow_us:active {
	margin-top:1px;
	margin-bottom:-1px;
}


/* SEND MAIL FORM */

#send_mail {
	padding:25px;
	border:1px solid #DFDFDF;
	margin-top:40px;
	background-image:url(images/introductionBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#DEDEDE));
	background-image:-moz-linear-gradient(top, #F9F9F9, #DEDEDE);
	color:#333;
}
#send_mail span {
	text-shadow:0 0 2px white;
}
#send_mail h3 {
	margin-bottom:20px;
}
#send_mail input[type=submit] {
	width:138px;
	height:57px;
	background-image:url(images/send_mail_butt.png);
	background-position:top;
	background-repeat:no-repeat;
	border:none;
	background-color:transparent;
	cursor:pointer;
}
#send_mail input[type=submit]:focus {
	outline:none;
	margin-top:1px;
	margin-bottom:-1px;
}
#send_mail input[type=submit]::-moz-focus-inner {
	border:none;
}
#send_mail input[type=text], #send_mail textarea {
	width:200px;
	margin:10px 0;
	padding:5px;
	border:1px solid #DFDFDF;
	margin-right:15px;
}
#send_mail input[type=text]:focus, #send_mail textarea:focus {
	outline:none;
	border-color:#F90;
	color:#F90;
}
#send_mail input[type=text]:focus + span {
	color:#F90;
}
#send_mail textarea {
	width:95%;
}

input[type=submit].white_butt {
	background-color:#FDFDFD;
	border:1px solid #DFDFDF;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#333;
	padding:8px;
}
input[type=submit].white_butt:hover {
	border-color:#F90;
	color:#F90;
	background-color:#FC9;
}
ul#contact_infos {
	text-align:right;
	border-bottom:1px dotted #999;
	border-top:1px dotted #999;
	display:inline-block;
	float:right;
}
ul#contact_infos li {
	margin-bottom:20px;
}

/* ABOUT AUTHOR */
.nomargin {
	margin-bottom:0 !important;
	border-bottom:1px solid #003;
}
#about_author {
	background-image:url(images/featuredBG.jpg);
	background-repeat:repeat-x;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#134261), to(#0C202B));
	background-image:-moz-linear-gradient(top, #134261, #0C202B);
	padding:20px;
	border:1px solid #06C;
}
#about_author h3 {
	color:#FFF;
	border-color:#738D98;
	margin-left:120px;
}
#about_author h2 {
	color:#FFF;
	text-shadow:0 0 1px #003;
	margin-left:120px;
	margin-top:0;
}
#about_author p {
	font-size:13px;
	color:#738D98;
	letter-spacing:1px;
	margin-left:120px;
}
#author_image {
	float:left;
	background-color:#738D98;
	border:1px solid #003;
	padding:10px;
}
#author_image img {
	border:1px solid #069;
}


/* BUREAU NATIONAL POPUPS */
.pic_holder {
	width:195px;
	padding:11px;
	border:1px solid #DFDFDF;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DFDFDF));
	background-image:-moz-linear-gradient(top, #FFF, #DFDFDF);
	display:inline-block;
	word-wrap:break-word;
	vertical-align:top;
	margin-right:10px;
}
.pic_holder span {
	display:block;
	font-size:11px;
	margin-bottom:8px;
}
.pic_holder h2 {
	margin:15px 0 10px 0;
	font-size:18px;
}
.popup_holder {
	display:none;
}
.popup_content {
	padding:20px;
}
.photo_large, .photo_small {
	padding:10px;
	border:1px solid #DFDFDF;
	background-color:#FFF;
}
.photo_small .overflow {
	max-height:100px;
	overflow:hidden;
}
.photo_small {
	width:175px;
	height:130px;
}
.photo_large {
	float:left;
}
.photo_large .overflow {
	width:200px;
	overflow:hidden;
	border:1px solid #DFDFDF;
}
.photo_large .overflow img {
	width:200px;
	height:auto;
}

.popup_content h2, .popup_content p {
	color:#333 !important;
	margin:0;
	margin-left:240px;
	margin-bottom:10px;
}


/* SIDEBAR LIST */
h2.editos_sidebar {
	border:1px solid #d1D1D1;
	border-bottom:none;
	padding:10px;
	margin:0;
	background-color:#DFDFDF;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#D1D1D1));
	background-image:-moz-linear-gradient(top, #F1F1F1, #D1D1D1);
	color:#444;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
}
ul.editos_list {
	margin:0;
	padding:0;
	border:1px solid #384B5C;
}
ul.editos_list li:nth-child(odd) {
	padding:10px;
	border:1px solid #9AC7E3;
	background-color:#6E97C0;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#6E97C0), to(#384B5C));
	background-image:-moz-linear-gradient(top, #6E97C0, #384B5C);
	color:#E3F0F6;
}
ul.editos_list li:nth-child(odd) small {
	color:#8DA5B4;
}
ul.editos_list li:nth-child(even) {
	padding:10px;
	border:1px solid #DFDFDF;
	background-color:#FDFDFD;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFDFD), to(#DFDFDF));
	background-image:-moz-linear-gradient(top, #FDFDFD, #DFDFDF);
	color:#444;
}


/* RELATED POSTS */
#related_posts {
	border:1px dotted #DFDFDF;
	padding:10px;
	background-color:#FDFDFD;
	border-top:10px solid #DFDFDF;
	margin-top:50px;
}
#related_posts h2, #related_posts p {
	color:#444;
}
#related_posts h2 {
	margin:0;
}


/* COMMENTS */
#comments_holder {
	padding:20px;
	padding-top:30px;
	border:1px solid #F1F1F1;
	background-color:#FAFAFA;
	border-top:1px solid #003;
}
img.comments_count_img {
	float:left;
	margin-top:-10px;
}
#comments_holder h3 {
	margin-left:120px;
	line-height:50px;
	font-size:18px;
	color:#333;
}
.submit_comment {
	background-image:url(images/send_comment_butt.png);
	width:138px;
	height:57px;
	display:inline-block;
	border:none;
}
a.leave_comment {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#F90;
	border:1px solid #C60;
	color:#FFF;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	padding:4px 8px;
	float:right;
	margin-top:15px;
}
a.leave_comment:hover {
	text-decoration:none;
	background-color:#111;
	color:#999;
	border:#000;
	padding:4px 8px;
}
ul.commentlist {
	margin:0;
	padding:0;
	margin-bottom:30px;
}
ul.commentlist li {
	list-style:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#F1F1F1;
	padding:10px;
	border:1px solid #DFDFDF;
	margin:10px 0;
}
ul.commentlist li h2 {
	margin:0;
}
.commentmetadata, ul.commentlist li p {
	margin-left:110px;
	display:block;
}
.comment_gravatar {
	float:left;
	padding:5px;
	background-color:#FDFDFD;
	border:1px solid #D9D9D9;
}
#commentform {
	margin-top:20px;
}
#commentform input[type=text], #commentform textarea {
	border:1px solid #DFDFDF;
	padding:5px;
	display:block;
	margin-top:10px;
	margin-bottom:5px;
}
#commentform input[type=text]:focus, #commentform textarea:focus {
	color:#F90;
	border-color:#F90;
}
#commentform input[type=text]:focus + small {
	color:#F90;
}

.readmore, .readmore.blue {
	background-image:url(images/readmore.png);
	background-repeat:no-repeat;
	background-position:top;
	width:112px;
	height:32px;
	display:inline-block;
}
.readmore:hover {
	background-position:bottom;
}
a.readmore:active {
	margin-top:1px;
}
a.readmore.blue {
	background-image:url(images/readmore_blue.png);
}
.clearleft {
	clear:left;
}
.clear {
	clear:both;
}