/*
Theme Name: EasyCode
Theme URI: http://www.mnstefan.com/temi-wordpress-mnstefan/
Description: Simple theme projected for programmer, shadowbox and jQuery integrated
Version: 1.0
Author: Stefan Manastirliu
Author URI: http://www.mnstefan.com/
Tags: blue, grey, orange, colorful, simple, right sidebar, white, jQuery
Licenze: GPLv3
*/

body{
	font-family: Arial, Verdana, serif;
	font-size: 62.5% ;
	background:#333;
	text-align:center;
}

a{
	text-decoration:none;
}

div,span,ul,ol,li,blockquote,p,h1,h2,h3{margin:0; padding:0;list-style: none;}
#container{
	width:980px;
	margin:auto;
	text-align:left;
}

#header{
	height:90px;
	margin-top:20px;
	}

#nav a img, #sidebar a img{border:none;}

#nav .rss_header{
	display:block;
	width:115px;
	height:82px;
	position:absolute;
	top:-62px;
	right:2px;
	
}

#header #logo h1#title{
	font-family:"Adobe Garamond Pro", "Times New Roman", Arial;
	font-size:4em;
	margin:0;
	padding:0;
	font-weight: normal;
	
	}
#header #logo h1#title a{
	color:#FFF;
	}
#header #logo p#slogan{
	margin:0;
	padding:0;
	font-family:"Adobe Garamond Pro", "Times New Roman", Arial;
	font-size: 2em;
	color:#81ADBD;
	margin-top:10px;
	
	}
#content{
	font-size:1.2em;
	background:#FFF url(images/page_bg.png) repeat-x top left;
	}
#nav{
	text-align:right;
	background:url(images/nav_bg.png);
	height:58px;
	font: 14px Verdana, Tahoma, serif;
	position:relative;
}

#nav  ul{
	display:block;
	list-style: none;
	margin-right:20px;
	height:24px;
	padding-top:20px;
}

#nav ul li{
	display:block;
	float:right;
}
#nav ul li a{
	display:block;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:2px;
	}
#nav ul li a:link, #nav ul li a:visited{
	color:#FFF;
}

#nav ul li a:hover, #nav ul li a:active{
	color:#FFF;
	background:#CCC url(images/nav_hover.png) repeat-x top;
}

#page{
	color:#333;
	float:left;
	width:730px;
	^background-color:#FFFFFF;
	}
#page #main{
	padding:20px;
}

#page #main a:link, #page #main a:visited, #sidebar a:link, #sidebar a:visited{
	color:#81ADBD;
	}
#page #main a:hover, #page #main a:active, #sidebar a:hover, #sidebar a:active{
	color:#538A9F;
	}
	
#sidebar{
	float:right;
	width:250px;
	background:transparent;
}


#sidebar .rss a{
display:block;
width:120px;
float:left;
text-align:center;
}
#footer{
	background:#333 url(images/footer_bg.png) no-repeat top left;
	color:#9c9c9c;
	position:relative;
}
#footer {
	padding-top:35px;
	font:10px Tahoma, Verdana, Arial, serif;
	}
#footer a:link, #footer a:visited{
	color:#81ADBD;
}

#footer a:active, #footer a:hover{
	color:#C6DAE1;
}

#footer_credit{
	position:absolute;
	width:202px;
	height:29px;
	background:url(images/footer_credit.png) no-repeat top left;
	top:27px;
	right:20px;
	padding-top:5px;
	padding-left:10px;
}

/**** CLASSI ****/
#page #main .post{
	margin-bottom:30px;
	position:relative;
}
#page #main .post-title h2{
	font:22px Arial, Verdana, serif;
	border-bottom:1px dotted #CCC;
	padding-bottom:6px;
	font-weight: normal;
	}
	
#page #main .post-title h2 a:link, #page #main .post-title h2 a:visited{
	color:#000;
}

#page #main .post-title h2 a:hover, #page #main .post-title h2 a:active{
	color:#333;
}

#page #main .post-details{
	height:26px;
	background:#FFF url(images/postdetails_bg.png) repeat-x top left;
	padding-top:5px;
	}
#page #main .post-dates{
	padding-left:20px;
	background: url(images/icons/date.png) no-repeat left;
	font-size:.9em;
	color:#666;
}

#page #main .post-cat{
	padding-left:20px;
	background: url(images/icons/cat.png) no-repeat left;
	margin-left:10px;
}

#page #main .post-comments{
	padding-left:20px;
	background: url(images/icons/comment.png) no-repeat left;
	margin-left:10px;
	float:right;
	width:100px;
}

#page #main .post-comments a:link,#page #main .post-comments a:visited{
	color:#FF6600;
}

#page #main .post-comments a:hover,#page #main .post-comments a:active{
	color:#FF6600;
	border-bottom:1px solid #CCC;
}

#page #main .entry{
	font: 1.1em Verdana, Tahoma, serif;
	line-height: 1.4em;
}

#page #main .entry img{
	float:left;
	padding:5px;
	border:1px solid #f6f6f6;
	margin:8px;
}

#page #main .end-entry{
border-bottom:1px solid #FF9D5B;
margin-top:20px;
}

#page #main .post-tags{
	padding-left:20px;
	background: url(images/icons/tag.png) no-repeat left;
} 

#page #main .post-tags a{
	display:block;
	padding:2px;
	float:left;
	margin-right:10px;
	}
#page #main .post-tags a:link, #page #main .post-tags a:hover{
	background-color:#f6f6f6;
}
#page #main .post-tags a:hover, #page #main .post-tags a:active{
	background-color:#81ADBD;
	color:#FFF;
}

#page #main .post a.more-link{
	position:absolute;
	bottom:0;
	right:4px;
	display:block;
	width:100px;
	height:20px;
	background-color:#FF9D5B;
	color:#FFF;
	float:right;
	padding-left:4px;
	}

#page #main .list-tag{
	padding-bottom:2px;
}

#sidebar .title{
	float:right;
      background:#C5D9E0 url(images/sd_title_right.png) no-repeat right top;
      margin:0;
      padding:0;
      margin-right:20px;
      font:14px Arial,Verdana, Tahoma;
      margin-top:10px;
      }
#sidebar h2{
	background:#C5D9E0;
	color:#FFF;
	padding:2px;
	font-weight: normal;
	font:14px Arial,Verdana, Tahoma;
	margin-top:5px;
	margin-bottom:5px;
	}



#sidebar .title .center{
	display:block;
    background: url(images/sd_title_left.png) no-repeat left top;
    padding:5px 15px 4px;
	color:#FFF;
}

#sidebar hr{
	border:1px solid #C5D9E0;
	clear:both;
	height:0px;
	padding:0px;
}
#sidebar ul{display:block;}

#sidebar ul li{
display:block;
border-bottom:1px dotted #CCC;

}

#sidebar ul li a:link,#sidebar ul li a:visited{
display:block;
color:#666;
padding-top:4px;
padding-bottom:4px;
font:1.2em Arial;
}

#sidebar ul li a:hover,#sidebar ul li a:active{
display:block;
padding-top:4px;
padding-bottom:4px;
color:#FF6600;
background:#FFF url(images/postdetails_bg.png) repeat-x top left;
}

#comments h3
{
	color:#333;
	border-bottom:1px dotted #CCC;
	font-weight: normal;
	font-size:1.6em;
	background-color:#f6f6f6;
	padding:5px;
}

#comments ol li{
	display:block;
	margin-top:12px;
	border:1px solid #D6E3E9;
	}
#comments .user-com1
{
	background-color:#81ADBD;
	color:#333;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
}

#comments .user-com2
{
	background-color:#FF9D5B;
	color:#333;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
}


#page #main #comments .user-com1 a, #page #main #comments .user-com2 a{color:#FFF}

#page #main #comments .comment-body{
	color:#333;
	background:#FFF url(images/postdetails_bg.png) repeat-x top left;
	font:1.1em Arial, Verdana, Tahoma;
	padding:10px;
	}
#page #main #comments #respond{
	margin-top:20px;	
	margin-bottom:10px;
	}

#page #main p{
	margin-top:8px;
	margin-bottom:6px;
}

blockquote{
		font-style: italic;
		padding-left:20px;
		background-color:#f6f6f6;
	}

.block{
	padding:10px;
	margin-bottom:10px;
	background:#FFF url(images/orange_gradient.png) repeat-x top left;
	border:1px solid #CCC;
}

#page #main .title{
	border-bottom:1px dotted #CCC;
	font-size:1.5em;
	color:#81ADBD;
	padding-bottom:8px;
}

#page #main .download{
	padding:10px;
	padding-left:60px;
	margin-bottom:10px;
	background:#F6F5F7 url(images/download_btn.png) no-repeat center left;
	border:1px solid #81ADBD;
	min-height:50px;
}

#page #main .download .name{
	font:14px Arial, Verdana, Tahoma;
	font-weight: bold;
	}
	
#page #main .download .name a{
	color:#FF9D5B;
	}
#page #main .download .description{
	font:10px Tahoma, Verdana;
	color:#555;
}

#page #main .entry ul li{
	padding-left:12px;
	background: url(images/ul_li_bg.png) no-repeat center left;
	margin-left:10px;
	font-weight: normal;
	}
	
#page #main .entry ul, #page #main .entry ol{
	font-weight: bold;
	margin-bottom:10px;
	}

#page #main .entry ol li{
	list-style-type:decimal;
	margin-left:30px;
	
	font-weight: normal;
	}

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

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

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}