/*  
Theme Name: ! Ersonline !
Description: Theme modified by Xan with tweaks by Johan and Eros.
Version: 1.4
Author: Xan
Author URI: http://www.dinamicdesign.com/

*/



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
a{
	color:#666666;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

body{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#b8c1c8 url(images/bg.gif) repeat;
	color:#666666;
}

#body_page{
	width:100%;
	background:url(images/body_page_bg_last.gif) no-repeat center top;
}

#page{
	width:1000px;
	margin:0px auto;
}

/* HEADER */

#header{
	width:100%;
	height:105px;
	background:url(images/header_bg.gif) no-repeat;
}

#header_rss{
	float:right;
}

#header_rss img{
	display:block;
	margin-right:33px;
	position:relative;
	top:60px;
}

#header_title{
	float:left;
	padding-top:30px;
}

#header_title h1{
	color:#003663;
	font-size:30px;
	font-weight:normal;
	font-style:italic;
	margin-left:20px;
}

#header_title h1 a{
	color: #000000;
}

.description{
	font-size:14px;
	position:relative;
	top:-5px;
	color:#ffffff;
	display:block;
	text-align:right;
}

/* BODY */

#body{
	width:100%;
	float:left;
	background:#ffffff url(images/body_bg.gif) repeat-y;
}

#body_top{
	width:100%;
	float:left;
	background:url(images/body_top_bg.gif) no-repeat;
	padding-bottom:45px;
}

#body_left{
	width:712px;
	float:left;
}

#body_right{
	width:288px;
	float:right;
}

/* left contact */

#body_left_content{
	width:652px;
	padding-top:30px;
	margin-left:38px;
}

.post{
	width:100%;
}

.post-top{
}

.post-title{
}

.post-title h2{
	font-size:21px;
	color:#000000;
	font-weight:normal;
	padding-bottom:4px;
}

.post-title h2 a{
	color:#000000;
}

.post-title h3{
	font-weight:normal;
	margin:0 0 4px 0;
	padding:0 0 8px 0;
	color:#737373;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
}

.post-title h3 a{
	color:#303030;
}

.post-title h3 span{
	color:#303030;
}

.entry{
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 10px 0;
}

.entry p{
	padding-bottom:15px;
}

.entry a{
	color:#003663;
    text-decoration:underline;
}

.entry img{
	border:0px solid #d9d9d9;
}

.postmetadata{
	margin-bottom:30px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px dashed #d6d6d6;
}

.postmetadata_links{
	text-align:right;
	padding:5px;
}

.postmetadata_links a{
	color:#3d3d3d;
	font-weight:bold;
	margin-right:10px;
}

.postmetadata_links span a{
	background:url(images/comm_a.gif) no-repeat;
	padding-left:16px;
}

a.readmore{
	background:url(images/readmore.gif) no-repeat left 2px;
/*	color:#ed1c24;*/
	color:#3d3d3d;
	padding-left:16px;
}

.postmetadata h4{
	font-weight:bold;
	color:#000000;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#efefef;
	padding:6px 0 8px 12px;
}

.postmetadata h4 a{
	color:#000000;
	font-weight:normal;
}

.postmetadata h4 span{
	color:#000000;
	font-weight:normal;
}

.postmetadata .alignleft{
	padding-top:11px;
	padding-left:20px;
}

.postmetadata .alignright{
	padding-top:10px;
	padding-right:13px;
}

.post-page{
}

.post-page h2{
	font-size:21px;
	color:#000000;
	font-weight:normal;
	padding-bottom:4px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
}

.post-page .entry{
	padding:8px 10px 0 0;
}

.post-page .entry a{
	color:#003663;
	text-decoration:underline;
	font-weight:bold;
}

strong{
	color:#000000;
}

/* uncomment it if you want use STRONG tag like title h1,h2 ...

.post-page .entry strong{
	font-size:18px;
	color:#000000;
	font-weight:normal;
	padding-bottom:4px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	display:block;
}*/

/* right content */

#body_right_content{
	margin-top:21px;
	width:288px;
	float:left;
}

/* RIGHT ADS */

#right_ads{
	padding:0 0 20px 10px;
	float:left;
}

#right_ads div{
	float:left;
	margin-right:7px;
	margin-bottom:7px;
}

#right_ads div.right{
	margin-right:0;
}

/* TAGS */

#right_tags{
	width:247px;
	margin:0 0 20px 15px;
}

#right_tags h2{
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	background:url(images/tag_h2.gif) no-repeat bottom left;
	padding:0 0 4px 22px;
}

#right_tags a{
	color:#ffffff;
}

/* SEARCH */

#main_search{
	width:257px;
	height:41px;
	background:#001b31;
	margin:0 0 20px 10px;
	float:left;
}

#searchform_top{
	margin-left:15px;
}

#searchform_top_text{
	width:197px;
	border:0px;
	background:none;
	color:#4d606f;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin:14px 8px 0 0;
}

#gosearch{
	position:relative;
	top:4px;
	float:left;
}

/* SIDE BAR */

#sidebar{
	width:247px;
	padding-left:15px;
}

.sidebars h2{
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	background:url(images/tag_h2.gif) no-repeat bottom left;
	padding:0 0 4px 22px;
	margin-bottom:10px;
}

.sidebars ul{
	color:#99afc1;
}

.sidebars ul li{
	padding-bottom:15px;
	/*margin-bottom:10px;*/
}

.sidebars ul li ul li{
}

.sidebars ul li ul li ul li{
	margin-left:0;
}

.sidebars li ul{
	padding-bottom:8px;
}

.sidebars li ul li ul{
	padding-left:10px;
	padding-bottom:0px;
}

.sidebars li ul li ul li ul{
	padding-left:0px;
}

.sidebars li{
	margin-bottom:0px;
	background:none;
}

.sidebars li li{
	margin-bottom:0px;
	border-bottom:1px solid #1a4a73;
	padding:4px 0 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.sidebars li li li{
	background:none;
	border:0px;
	padding-bottom:3px;
}

.sidebars li a{
	color:#99afc1;
}

.sidebars li.widget_categories ul li{
	font-weight:bold;
	color:#0072bc;
}

.sidebars li.widget_categories ul li a{
	background:url(images/sidebar_li_cat.gif) no-repeat left 4px;
	font-weight:normal;
	padding-left:10px;
}

.sidebars li.widget_categories ul li ul li a{
	backgroundnone;
	font-weight:normal;
}

.sidebars li.widget_archives ul li a{
	background:url(images/sidebar_li_ar.gif) no-repeat left 4px;
	font-weight:normal;
	padding-left:10px;
}

.sidebars li.linkcat ul li a{
	background:url(images/sidebar_li_br.gif) no-repeat left 4px;
	font-weight:bold;
	padding-left:10px;
	color:#448ccb;
}

.sidebars li.widget_meta ul li a{
	background:url(images/sidebar_li_meta.gif) no-repeat left 4px;
	font-weight:normal;
	padding-left:10px;
}

.sidebars .widget_tags p{
	padding:0px 10px;
}

.sidebars {
	padding:10px;
}

/* FOOTER */

#footer{
	width:100%;
	height:140px;
	background:url(images/footer_bg.gif) no-repeat;
	clear:both;
	margin:0px auto;
	color:#003663;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height: 1;
}

#footer_text{
	padding-top:65px;
}

#footer_ask{
	padding-top:10px;
}

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




/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* 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;
	}

.alignright {
	float: right;
	}

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



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 98%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 10px 10px;
	padding-left: 30px;
	padding-bottom:4px;
	background:url(images/blockquote_bg.gif) repeat-y;
	}

blockquote blockquote{
	background:url(images/blockquote_bg2.gif) repeat-y;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-weight:bold;
	clear:both;
	}
/* End Various Tags & Classes*/

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul {
	margin: 0 10px 15px 0;
	list-style: none;
	padding:0 15px 10px 30px;
	} 

.entry ul li {
	padding-bottom:4px;
	padding-top:3px;
	border-bottom:1px solid #f3f3de;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.entry ul li:before{
	content: url(images/entry_before.gif);
	}

.entry ol {
	margin: 0 10px 15px 0;
	padding:0 15px 10px 40px;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	padding-bottom:4px;
	padding-top:3px;
	border-bottom:1px solid #f3f3de;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li{
	list-style: decimal outside;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform{
	width:400px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 350px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width:65px;
	height:25px;
	}
/* End Form Elements */



/* Begin Comments*/

h2#comment_title{
	font-size:21px;
	color:#000000;
	font-weight:normal;
	margin-left:25px;
}

#comments{
	font-size:12px;
	color:#737373;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:25px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
	padding-bottom:12px;
}

#comments span{
	font-weight:bold;
}

.alt {
	margin: 0;
	}

.commentlist {
	padding: 0px;
	text-align: justify;
	margin-left:25px;
	}

.comm_items {
	margin: 15px 0 5px;
	display:block;
	background:#f8f8f8;
	}

.comm_items li {
	margin: 0;
	padding: 5px 10px 5px;
	background:none;
	border:0;
	list-style:none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	line-height:18px;
	}

#commentform p {
	margin: 5px 0;
	}

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

.commentmetadata {
	display: block;
	color:#003663;
	text-transform:capitalize;
	font-size:17px;
	margin:15px 20px 0 20px;
	padding:10px 0 0 0;
	}

.commentmetadata a{
	color:#003663;
	}

.commentmetadata span{
	color:#003663;
	}

.commentmetadata_text{
	margin:15px 20px 5px 20px;
	color:#534741;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.commentmetadata_end{
	color:#003663;
	background:#f2f2f2;
	padding:10px 20px 10px 20px;
	font-size:12px;
	text-align:right;
}

.commentmetadata_end a{
	color:#003663;
	}

.commentmetadata_end span{
	color:#003663;
	}

#respond_box{
	margin:50px 0 0 25px;
	padding-bottom:60px;
}

h3#respond{
	font-size:21px;
	color:#000000;
	font-weight:normal;
	padding-bottom:10px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
}

#commentform{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:18px 10px 0 55px;
}

#commentform a{
	color:#000000;
}

#commentform label{
	position:relative;
	top:-5px;
}

#commentform input{
	background:#ffffff;
	border:1px #dde4eb solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
	color:#666;
}

#commentform textarea{
	background:#ffffff;
	border:1px #dde4eb solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
	color:#666;
}

#commentform input#submit{
	background:none;
	border:0px;
}

/* End Comments */

/* Archives page */
.page_archives_div{
	padding-bottom:60px;
}

.ar_panel{
}

.ar_panel3{
}

.page_archives_div h2{
	font-size:21px;
	color:#000000;
	font-weight:normal;
	padding-bottom:4px;
	padding-left:4px;
	background:url(images/dotted_grey.gif) repeat-x left bottom;
}

.page_archives_div h2 span{
	background:url(images/ar_cat.gif) no-repeat left 5px;
	padding-left:24px;
}

.page_archives_div .ar_panel2 h2 span{
	background:url(images/ar_mo.gif) no-repeat left 3px;
}

.ar_panel3 h2{
	padding-top:5px !important;
}

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

.page_archives_div ul h2{
}

.page_archives_div ul{
	margin:0px;
	margin-bottom:40px;
	padding:8px 10px 0 0;
}

.page_archives_div ul ul{
	padding:0;
	background:none;
}

.page_archives_div ul li{
	margin:0px;
	padding:4px 0 6px 10px;
	list-style:none;
	background:none;
	border-bottom:1px solid #e9e9e9;
}

.page_archives_div ul li ul li{
	border:0px;
	background:none;
}

.page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

.page_archives_div ul li a{
	font-weight:normal;
	color:#878787;
	font-size:12px;
}

/* CUSTOM HEADER LINKS */

ul#vertical_custom_nav {
	left:50%;
	margin-left:-517px;
	padding:0;
	position:absolute;
	top:130px;
	width:20px;
}
ul#vertical_custom_nav li {
	margin-bottom: 17px;
	height: 40px;
}



/* START added by mnz for photo category template as in craiovaforum media blog */

.photop .bigdate{text-shadow:#666 1px 1px 3px;font-size:42px;font-weight:100;letter-spacing: -0.05em;text-transform:normal;left:0;top:0;padding:5px 0 0 15px;visibility:visible;color:#fff;position:absolute;z-index:60;-moz-opacity:1;filter:alpha(opacity=100);opacity:1}
.photop .bigdate abbr { border-bottom: none; cursor: default;}
.photop .post-content{background:#FFF;bottom:0;left:0;font-weight:200;padding:10px;position:absolute;visibility:hidden;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;}
.photop .post-content p {padding:0;margin:0; font-size:10px; text-align:justify;}
.photop .post-content a{font-weight:800;}
.photop .post-content-title{position:absolute;top:0;display:block;line-height:1em;margin:0;padding:0;width:100%;height:100%;z-index:99}
.photop .post-content-title a {display:block;height:100%;}
.photop .post-content-title a span {visibility:hidden; 	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:18px; font-weight:bold;}
.photop .post-content-excerpt{display:block;font-size:0.8em;font-weight:normal;width:100%;/*cursor:pointer;*/}
.photop .post-content:hover, .photop.post:hover .post-content {-moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;visibility:visible;}
.photop a:hover{text-decoration:none;color:#444;}
.photop a:hover img{-moz-opacity:0.7px;filter:alpha(opacity=70);opacity:0.7px;}
.photop.post{background:transparent url('img/loading.gif') center center no-repeat;display:inline;float:left;height:300px;margin:0;overflow:hidden;position:relative;width:200px;}
.photop .post-content-title{position:absolute;top:0;display:block;line-height:1em;margin:0;padding:0;width:100%;height:100%;z-index:99}



.photop.post.p {border-bottom:5px solid #FFF;width:330px;}
.photop.post.p .post-content{width:310px;}
.photop.post.p1 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:315px;}
.photop.post.p1 .post-content{width:295px;}

.photop.post.p2 {border-bottom:5px solid #FFF;width:430px;}
.photop.post.p2 .post-content{width:410px;}
.photop.post.p3 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:215px;}
.photop.post.p3 .post-content{width:195px;}

.photop.post.p4 {border-bottom:5px solid #FFF;width:165px;}
.photop.post.p4 .post-content{width:145px;}
.photop.post.p5 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:290px;}
.photop.post.p5 .post-content{width:270px;}
.photop.post.p6 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:185px;}
.photop.post.p6 .post-content{width:165px;}

.photop.post.p7 {border-bottom:5px solid #FFF;width:230px;}
.photop.post.p7 .post-content{width:230px;}
.photop.post.p8 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:155px;}
.photop.post.p8 .post-content{width:135px;}
.photop.post.p9 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:255px;}
.photop.post.p9 .post-content{width:235px;}

.photop.post.p10 {border-bottom:5px solid #FFF;width:430px;}
.photop.post.p10 .post-content{width:430px;}
.photop.post.p11 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:215px;}
.photop.post.p11 .post-content{width:195px;}

.photop.post.p12 {border-bottom:5px solid #FFF;width:165px;}
.photop.post.p12 .post-content{width:165px;}
.photop.post.p13 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:160px;}
.photop.post.p13 .post-content{width:140px;}
.photop.post.p14 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:155px;}
.photop.post.p14 .post-content{width:135px;}
.photop.post.p15 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:155px;}
.photop.post.p15 .post-content{width:135px;}

.photop.post.p16 {border-bottom:5px solid #FFF;width:420px;}
.photop.post.p16 .post-content{width:420px;}
.photop.post.p17 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:225px;}
.photop.post.p17 .post-content{width:205px;}

.photop.post.p18 {border-bottom:5px solid #FFF;width:330px;}
.photop.post.p18 .post-content{width:230px;}
.photop.post.p19 {border-left:5px solid #FFF;border-bottom:5px solid #FFF;width:315px;}
.photop.post.p19 .post-content{width:295px;}

/* END added by mnz for photo category template as in craiovaforum media blog */