/*  
Theme Name: Iacob Ionut
Theme URI: http://www.IacobIonut.com/
Description: Second version
Version: 2.0
Author: Iacob Ionut
Author URL: http://www.IacobIonut.com/
*/


/* ===== GLOBAL ===== */
body{
	font: 62.5% Arial, Verdana, sans-serif;
	color: #252525;
	text-align: center;
	background: url(background.jpg) repeat top left;
}
#container{
	width:990px;
	margin:0 auto;
	text-align:left;
	background-image: url(center.png);
	background-repeat: repeat;
	background-position: left top;
}
h1{font-size:18px;}
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-block;} 
* html .clear{height:1%;}
.clear{display:block;}

/* ============ IMAGES ======= */
.post img { 
	padding:3px;
	border:1px solid #827759;
}
.post p img {
	padding: 0;
	max-width: 100%;
	margin:10px 0 10px 0;
}
.post img.aligncenter {
	padding:3px;
	border:1px solid #827759;
	background:#bdb194;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.post img.alignright {
	padding:3px;
	border:1px solid #827759;
	margin: 0 0 13px 13px;
	display: inline;
}
.post img.alignleft {
	padding:3px;
	border:1px solid #827759;
	margin: 0 13px 13px 0;
	display: inline;
}
.alignleft{
float: left;
}

.alignright{
float: right;
}

/* ========= HEADER ====== */
#header{
	background:url(header.png) no-repeat;
	width:989px;
	height:155px;
}
#logo{
	background:url(logo.png) no-repeat;
	width:289px;
	height:114px;
	text-indent:-9000px;
	margin-left:42px;
}

/* ============ MENU =========== */
#menu {
	position:relative;
	width:452px;
	height:15px;
	margin:15px 0 0 298px;
}
#navlist {
	position: relative;
	height:15px;
	list-style: none;	
}
#navlist li {
	float: left;
	padding: 0;
}
#navlist a{
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0;
}
#navhome a{
	width:60px;
	background:url(menu.png) no-repeat 0 0;
}	
#navhome a:hover{
	background:url(menu.png) no-repeat 0 -15px;	
}
#navblog a{
	width:60px;
	background:url(menu.png) no-repeat -60px 0;
}	
#navblog a:hover{
	background:url(menu.png) no-repeat -60px -15px;	
}
#navportfolio a{
	width:100px;
	background:url(menu.png) no-repeat -120px 0;
}	
#navportfolio a:hover{
	background:url(menu.png) no-repeat -120px -15px;	
}
#navabout a{
	width:90px;
	background:url(menu.png) no-repeat -220px 0;
}	
#navabout a:hover{
	background:url(menu.png) no-repeat -220px -15px;	
}
#navcontact a{
	width:90px;
	background:url(menu.png) no-repeat -310px 0;
}	
#navcontact a:hover{
	background:url(menu.png) no-repeat -310px -15px;	
}


/* ======== FEATURED ========= */
#portfolio-section{
	background:url(portsection.png) no-repeat;
	width:989px;
	height:336px;
	margin-top:-4px;
}
#top_right{
	float:right;
	text-align:left;
	color:#5d5247;
	margin:50px 40px 0 0;
	line-height:30px;
	width:364px;
}
#top_right p{
	padding-top:36px;
}
#top_right a:link, #top_right a:visited , #top_right a:active{
	color:#a61106;
	text-decoration:none;
}
#top_right a:hover{
	color:#5d5247;
	text-decoration:none;
}	
.viewlink{
	margin-top:35px;
}	
/* ================= FEATURED ============ */

#featured{
	float:left; 
	width:530px;
	padding:18px 0 0 30px;
}
.slider-wrap {
	position : relative;
	width : 520px;
	height:285px;
	float : right;
	margin:0;
	padding:4px;
	border:1px solid #827759;
	background:#bdb194;
}
.csw {
	width : 520px;
	height : 285px;
	background : #bdb194;
	overflow : hidden;
}
.csw .loading {
	margin : 140px 0 300px 0;
	text-align : center;
	font-size:14px;
}
.stripViewer {
	position : relative;
	width : 520px;
	height : 285px;
	background : #bdb194;
	overflow : hidden;
	margin : auto;
	clear : both;
}
.stripViewer .panelContainer {
	position : relative;
	width : 520px;
	left : 0;
	top : 0;
}
.stripViewer .panelContainer .panel {
	position : relative;
	float : left;
	width : 520px;
	height : 100%;
}
.stripViewer .panelContainer .panel .wrapper {
	padding : 0;
}
.stripNav {
	margin : auto;
}
.stripNavL, .stripNavR {
	position : absolute;
	top : 225px;
	z-index : 10;
	text-indent : -9000px;
}
.stripNavL a, .stripNavR a {
	width : 36px;
	height : 36px;
	display : block;
}
.stripNavL {
	background : url(last-arrow.png) no-repeat center;
	left : 17px;
}
.stripNavR {
	background : url(next-arrow.png) no-repeat center;
	right : 17px;
}

/* ================= MAIN ============ */

#main{
	background:url(center.png) no-repeat;
	margin-top:-4px;
	min-height:470px;
	padding:20px 30px 0 30px;
	font-size:12px;
	color:#50453b;
	font-weight:normal;
}
#main-left{
	float:left;
	width:635px;
}
#main-right{
	float:right;
	width:290px;
}
#recentwork{
	float:left;
	width:290px;
}
#recentwork h1, #left1 h1{
	color:#635b53;
	border-bottom:2px solid #635b53;
	max-width:115px;
}
#recentwork #work{
	margin-top:15px;
}
#recentwork #work img, .port-wrap .port-thumbs img{
	padding:3px;
	border:1px solid #827759;
	background:#a79b79;
}
#recentwork #work img:hover, .port-wrap .port-thumbs img:hover{
	padding:3px;
	border:1px solid #000;
	background:#837755;
}
#recentwork #work li{
	margin-bottom:10px;
}	
.vert-sep{
	float:left;
	background:url(vertsep.jpg) no-repeat;
	width:2px;
	height:445px;
}
#left1{
	width:635px;
	float:right;
}
#left1 h1{
	margin-left:15px;
}
#left1 .main-title{
	font-size:14px;
	padding:12px 15px 0 15px;
}
#left1 .main-title a:link, #left1 .main-title a:visited, #left1 .main-title a:active, #left1 .readmore a:link, #left1 .readmore a:visited, #left1 .readmore a:active, #main-about .moreabout a:link, #main-about .moreabout a:visited, #main-about .moreabout a:active{
	color:#c54036;
	text-decoration:none;
}
#left1 .main-title a:hover, #left1 .readmore a:hover, #main-about .moreabout a:hover {
	color:#c54036;
	text-decoration:underline;
}
#left1 .main-data{
	color:#8c8074;
	padding:2px 0 10px 15px;
	font-size:11px;
}
#left1 p{
	width:320px;
	line-height:19px;
	padding-left:15px;
} 
#left1 .readmore{
	padding:5px 15px 0 15px;
}
.horiz-sep{
	background:url(horizsep.jpg) no-repeat;
	height:2px;
	width:312px;
	margin:15px 0 0 15px;
}
#main-about{
	width:290px;
}
#main-about h1, #main-test h1{
 	margin:0 0 15px 15px;
	color:#635b53;
	border-bottom:2px solid #635b53;
	max-width:85px;
}
#main-about #myimg{
	margin:0 10px 0px 15px;
	background:url(myabout.jpg) no-repeat;
	width:52px;
	height:56px;
	float:left;
}
#main-about p, #main-test p{
	margin:0 0 0 15px;
	line-height:19px;
}
#main-about .horiz-sep{
	width:275px;
}
#main-test h1{
	margin-top:10px;
	max-width:110px;
}
#main-test .testmore{
	margin:10px 0 0 0;
	font-style:italic;
	text-align:right;
	color:#c54036;
}
#main-footer{
	clear:both;
	font-weight:normal;
	background:url(main-footer.png) no-repeat;
	height:49px;
}
#main-footer p{
	font-size:11px;
	color:#E7E6DE;
	padding-top:20px;
	text-align:center;
}
#main-footer p a:link, #main-footer p a:visited, #main-footer p a:active{
	color:#2a2622;
	text-decoration:underline;
}
#main-footer p a:hover{
	color:#684e34;
	text-decoration:underline;
}

/* =================== BLOG ============== */
#blogwrap{
	width:990px;
	margin:0 auto;
	background: url(blog-bck2.jpg) repeat-y;
	font-size:13px;
	line-height:21px;
	color:#332f26;
}
#blogwrap a:link, #blogwrap a:visited, #blogwrap a:active, .comment-author a:link, .comment-author a:visited, .comment-author a:active{
	color:#a72218;
}
#blogwrap a:hover, .comment-author a:hover{
	color:#b2483b;
}
#hline{
	background: url(hline.jpg) no-repeat;
	height:21px;
	margin-top:-2px;
}
#blog{
	float:left;
	width:650px;
}
.post{
	margin:15px 20px 50px 35px;
}
.post p{
	margin:15px 0;
}
.post ul, .post ol{
	list-style-type:circle;
	margin-left:25px;
}
.entry{
	margin-top:15px;
}
.post h1{
	font-size:20px;
	font-weight:normal;
}
#blogwrap .post h1 a:link, #blogwrap .post h1 a:visited, #blogwrap .post h1 a:active{
	color:#3b3b3a;
	text-decoration:none;
}
.post h1 a:hover{
	text-decoration:none;
	border-bottom:1px solid #827759;
}	
.post h2, .post h2.bh2{font-size:18px;}
.post h3{font-size:16px;}
.post h2, .post h3, .post h2.bh2{margin:15px 0;font-weight:normal;text-transform:uppercase; }
#blogwrap h2.bh2 a{color: #252525;}
.postdata{border-bottom:1px solid #9c9378;}
.postdata .date{
	float:left;
	margin-top:1px;
	font-size:11px;
	color:#be2f25;
}
.post-tags{font-size:11px;
	color:#332f26;
	clear:both;

}
.postdata .comm{
	margin-top:1px;
	font-size:11px;
	color:#be2f25;
	float:right;
}
.postdata .commsingle{
	display: block;
	padding: 0 0 0 19px;
	font-size:11px;
	background: url(share.gif) no-repeat 0 50%;

	float:right;
}
.underbar{
	background:url(underbar.png) no-repeat;
	height:4px;
	width:554px;
	margin:20px 0 30px 15px;
}
.afterpost-meta{
	background:url(afterpost.png) no-repeat ;
	width:590px;
	height:9px;
	margin:20px 0 0 0px;
	clear:both;
}
.post #about-header{
	background:url(headers/about.png) no-repeat;
	width:280px;
	height:30px;
	text-indent:-9000px;
}
.post #contact-header{
	background: url(headers/contact.png) no-repeat;
	width:105px;
	height:30px;
	text-indent:-9000px;
}
#blogwrap #portfolio-header{
	background:url(headers/portfolio.png) no-repeat;
	width:120px;
	height:25px;
	text-indent:-9000px;
	margin:15px 0 20px 40px;
}
/* ========== SIDEBAR ======== */
#sidebar, #about-sidebar{
	margin:15px 0 45px 0;
	float:left;
	width:320px;
}
#sep{
	float:left;
	background:url(sidebar-sep.png) no-repeat;
	width:11px;
	height:750px;
	margin-top:30px;
}
#twitter, #flickr,#side-subscribe {
	margin-left:40px;
	width:275px;
	font-size:11px;
}

#side-subscribe h2{
	width:118px;
	height:72px;
	text-indent:-9000px;
	background:url(side-subscribe.png) no-repeat;
	margin-left:65px;
}
#rss-container{height:90px;}

#side-rss{margin:0px 0 0 40px;}
#side-email{margin:0 60px 0 0;}
#side-rss a{
	float: left;
	margin: 4px 0 0 0;
	padding: 56px 0 0 0;
	overflow: hidden;
	height: 0;
}
#side-rss a{
	width:60px;
	background:url(byrss.png) no-repeat 0 0;
}	
#side-rss a:hover{
	background:url(byrss.png) no-repeat 0 -56px;	
}
#side-email a{
	float: right;
	margin: 0;
	padding: 58px 0 0 0;
	overflow: hidden;
	height: 0;
}
#side-email a{
	width:50px;
	background:url(byemail.png) no-repeat 0 0;
}	
#side-email a:hover{
	background:url(byemail.png) no-repeat 0 -58px;	
}

 #social{
	margin-left:40px;
	width:270px;
	font-size:11px;
	height:180px;
}
#twitter h2{
	margin-left:65px;
	width:118px;
	height:25px;
	text-indent:-9000px;
	background:url(headers/twitter.png) no-repeat;
}
#twitter ul{
	margin-top:10px;
}
#twitter ul li{
	padding-bottom:5px;
}
.swid{
	background:url(sidebarwid.png) no-repeat;
	width:260px;
	height:11px;
	margin:10px 0 0 30px;
}
#search{
	margin:25px 0 0 20px;
}
#searchform #s {
	margin: 0 10px 0 0;
	width: 190px;
	padding: 4px 2px;
	background: url(searchbck.png);
	border-top: 1px solid #948664;
	border-left: 1px solid #948664;
	border-right: 1px solid #c3baa2;
	border-bottom: 1px solid #cec6b6;
	font-size: 12px;
}
#searchform .sbtn  {
	border:0;
	cursor:pointer;
	margin:2px 0 0 0;
	width: 45px;	
	height:20px;
	background: url(searchbtn.png) no-repeat;
}
#searchform .sbtn:hover{
	background: url(searchbtn.png) no-repeat 0 100%;
}
#flickr{
	margin:30px 0 0 25px;
	width:275px;
	height:270px;
}
#flickr h2{
	margin:0 0 20px 80px;
	width:118px;
	height:25px;
	text-indent:-9000px;
	background: url(headers/flickr.png) no-repeat;
}
#flickr li{
	list-style:none;
	float:left;
	padding-left:8px;
	padding-bottom:3px;
}
#flickr li img{
	padding:2px;
	border:1px solid #827759;
	background:#a79b79;
}
#flickr li img:hover{
	padding:2px;
	border:1px solid #3f3826;
	background:#9a8d6a;
}
#recentposts, #related{
	width:275px;
	margin-left:25px;
}
#related{
	margin-top:40px;
}
#related h2{
	background:url(headers/related.png) no-repeat;
	width:160px;
	height:28px;
	text-indent:-9000px;
	margin:0 0 10px 55px;
}
#recentposts h2{
	margin:0 0 10px 65px;
	background:url(headers/recentposts.png) no-repeat;
	width:136px;
	height:27px;
	text-indent:-9000px;
}	
#recentposts li, #related li{
	margin-left:15px;
	padding:8px 0;
	background:url(recentli.jpg) no-repeat 0 100%;
}
#recentposts li .recentdate{
	font-size:11px;
	margin-top:-3px;
}
#lifestream{
	width:275px;
	margin:25px 0 0 40px;
}
#lifestream #life-head{
	background:url(headers/lifestream.png) no-repeat ;
	width:122px;
	height:27px;
	margin-left:65px;
	margin-bottom:10px;
	text-indent:-9000px;
}
#social h2{
	background: url(headers/social.png) no-repeat;
	width:155px;
	height:28px;
	text-indent:-9000px;
	margin:0 0 10px 40px;
}
#social ul{
	margin-left:25px;
}
#social ul li{
	float:left;
	width:90px;
	margin-bottom:10px;
	font-size:12px;
}
#social .del-ico{
	background:url(social/delicious.png) no-repeat left center;
	padding-left:25px;
}
#social .lastfm-ico{
	background:url(social/lastfm.png) no-repeat left center;
	padding-left:25px;
}
#social .digg-ico{
	background:url(social/digg.png) no-repeat left center;
	padding-left:25px;
}
#social .linkedin-ico{
	background:url(social/linkedin.png) no-repeat left center;
	padding-left:25px;
}
#social .facebook-ico{
	background:url(social/facebook.png) no-repeat left center;
	padding-left:25px;
}
#social .twitter-ico{
	background:url(social/twitter.png) no-repeat left center;
	padding-left:25px;
}
#social .flickr-ico{
	background:url(social/flickr.gif) no-repeat left center;
	padding-left:25px;
}
/* ============ FOOTER ========= */
#blog-footer{
	clear:none;
	background:url(blog-footer.png) no-repeat;
	width:989px;
	height:302px;
	margin-top:-4px;
}	
#lastfm{
	margin:30px 0 0 30px;
	width:320px;
	float:left;
}
#lastfm h2{
	background:url(headers/lastfm.png) no-repeat;
	width:120px;
	margin-left:100px;
	height:28px;
	text-indent:-9000px;
}
#lastfm #profile{
	background:url(lastfmprof.png) no-repeat;
	display:block;
	text-indent:-9000px;
	width:85px;
	height:13px;
	margin:5px 0 0 110px;
}
#lastfm #profile:hover{
	background:url(lastfmprof.png) no-repeat 0 100%;
}
.music{
	width:250px;
	margin:10px 0 0 30px;
}
.games{
	width:270px;
	margin:10px 0 0 30px;
}
.music img, .games img{
	padding:2px;
	border:1px solid #aaa083;
	background:#dad2ba;
}
.music img:hover, .games img:hover{
	padding:2px;
	border:1px solid #827759;
	background:#d3cbb3;
}
#ftgames{
	margin:30px 0 0 0;
	float:left;
	width:340px;
}
#ftgames h2{
	background:url(headers/games.png) no-repeat;
	width:190px;
	height:27px;
	text-indent:-9000px;
	margin-left:60px;
}
#recommend{
	margin:30px 0 0 0;
	float:left;
	width:290px;
	font-size:11px;
}
#recommend h2{
	background:url(headers/recommend.png) no-repeat;
	width:157px;
	height:29px;
	text-indent:-9000px;
	margin-left:70px;
}
#recommend li{
	margin-left:20px;
	padding:10px 0;
	background:url(reccomli.jpg) no-repeat 0 100%;
}
#recommend li a:link, #recommend li a:visited, #recommend li a:active, #copyright a:link, #copyright a:visited, #copyright a:active{
	color:#c54036;
	text-decoration:none;
}
#recommend li a:hover, #copyright a:hover{
	color:#a72218;
	text-decoration:none;
}
#copyright{
	clear:both;
	color:#6d6053;
}
#copyright p{
	text-align:center;
	padding-top:10px;
}
.navibottom .alignleft , .navibottom .alignright{margin:10px 0 40px 25px;}
/* ============== PORTFOLIO =========== */
.port-wrap{
	margin:20px 20px 40px 30px;
}
.port-thumbs{
	float:left;
	width:280px;
	height:145px;
	margin:0 13px 38px 13px;
	text-align:center;
}
.port-thumbs-text{clear:both;}
/* ============== COMMENTS ========== */
#com{
	width:600px;
	padding: 0px 0 35px 37px;
	clear: both;
}
#com h2{
	font-size:20px;
	font-weight:normal;
	line-height:normal;
}
.commentlist {
	padding: 0;
	text-align: justify;
	margin-top:20px;
}	
.commentlist p {
	margin: 5px 15px 10px 2px;
	line-height:20px;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.comment-meta{
	padding-bottom:30px;
}
.cgravatar {
	float: left;
	padding:3px;
	background:#f8f2e0;
	border:1px solid #948555;
}	
.comment-author{
	font-size:14px;
	margin:0 0 0 10px;
	float:left;
}
.comment-author p{
	margin:0;
	padding:0;
	font-size:11px;
	color:#665e48;
}
.comment-author a:link , .comment-author a:visited, .comment-author a:active {
	text-decoration:underline;
}
.comment-author a:hover {
	text-decoration:underline;
}
.comment-date{
	font-size:11px; 
	color:#999; 
}
.com_txt{
	margin-top:3px;
	clear:both;
	font-size:12px;
	margin-bottom:20px;
}
.textfield { 
	width:225px; 
	float:left;
	border:0px; 
	padding:5px 5px 0 14px;
	background-color:transparent; 
	position:relative;
}
.text-comm{
	width:480px;
	height:190px;
	border:0;
	background-color:transparent;
	padding:5px 5px 0 10px;
}
#commentform{
	margin-top:15px;
}
#commentform .author, #commentform .email, #commentform .url{
	float:left;
	padding:3px 0 0 10px;
}
.comment-form-bck{
	background:transparent url(comment-bck.png) no-repeat;
	width:243px;
	float:left;
	height:35px;
	margin:0;
	padding-bottom:10px;
	border:none;
}
.text-area-bck{
	background:transparent url(textarea-form.jpg) no-repeat;
	width:481px;
	height:180px;
	margin:0;
	border:none;
}
#commentform #submit{
	background: url(submit-btn.png) no-repeat;
	width:98px;
	height:32px;
	border:0;
	cursor:pointer;
	margin-top:10px;
}

#commentform #submit:hover{
	background: url(submit-btn.png) no-repeat 0 100%;
}
.ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect , .ddfmwrap .fmverify{
	padding: 4px 5px;
	background: #b5aa8b;
	border-top: 1px solid #948664;
	border-left: 1px solid #948664;
	border-right: 1px solid #c3baa2;
	border-bottom: 1px solid #cec6b6;
	color: #252525;
}
.ddfmwrap .submit input {
	padding: 3px 9px;
	background: #b5aa8b;
	border: 1px solid #7f7254;
	color: #252525;
	margin-left:5px;
	cursor:pointer;
}
.ddfmwrap form.ddfm fieldset {
	padding: 15px 15px 15px;
	border: 1px solid #444;
}

#digg_social{
	width:52px;
	float:left;
	background-color:#f4ecd5;
	padding:3px;
	margin:10px 0 0 0;
	border:1px solid #827759;
}

.social ul li.rss {
	background: url(rss.gif) no-repeat center left ;
	height:50px;
	width:190px;
	padding:0 0 0 58px;

}


.social img{
	padding:1px;
	background-color:#f4ecd5;
	border:1px solid #827759;
}

.social{
	width:580px;
	background: url(sharethis.png) no-repeat bottom center;
}

.social ul{
	padding:10px 0 0 0;
	float:left;
	list-style:none;
}

.social ul li{
	float:left;
	padding:0 24px 0 0;
}
	
.wp-caption {
	margin-bottom: 15px;
	text-align: center;
	background: #bdb194;
}

.wp-caption p {
	margin: 0;
	padding: 5px 10px 10px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #767676;
}