/*  

Theme Name: Iacob Ionut - My twisted world

Theme URI: http://www.IacobIonut.com/

Description: Fourth version

Version: 4.0

Author: Iacob Ionut

Author URL: http://www.IacobIonut.com/

*/



/* ===================  BASE STYLES ====================== */



body{

	font: 13px Arial, Verdana, sans-serif;

	color:#302f2f;

	background: url(images/background.jpg) repeat top left;

}



strong { color: #1e1e1e; font-weight: bold }

em { font-style: italic }

p{ margin: 7px 0; }

ul, ol {margin: 7px 0 0 10px;}



.post h2{font-size:18px;clear:both;}

.post h3{font-size:16px; text-decoration:underline; }

.post h2, .post h3{margin:15px 0;font-weight:normal;text-transform:uppercase; }

.post ul{list-style:circle;padding:0 0 0 4px;}

.post ul li{padding:3px 0;}



a.more-link {

	display: block;

	height: 0;

	margin: 10px 0;

	padding: 0;

	overflow: hidden;

	background: transparent;

	border-bottom: none;

	clear:both;

}

img.alignleft{float:left; margin:0 10px 10px 0;}

img.alignright{float:right; margin:0 0 10px 10px;}

a.more-link {

	width: 85px;

	padding-top: 31px;

	background:url(images/more.png) no-repeat 0 0;

}

a.more-link:hover {

	background:url(images/more.png) no-repeat 0 -31px;

}







h1 {font-size: 20px;}

h2 {font-size: 18px;margin:15px 0;font-weight:normal;text-transform:uppercase; }

h3 {font-size: 16px;margin:15px 0;font-weight:normal;text-transform:uppercase; }

h4 {font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;margin:35px 0 0 0;text-transform:uppercase;  text-decoration:underline; }

#portfolio-contact h4 {font-size: 18px; margin:15px 0 0 0;text-transform:uppercase; font-style:italic; text-decoration:underline;}



a, a:link, a:visited {color:#a61106;text-decoration: none;}

a:hover, a:active, a.active {color:#cc271b;text-decoration: underline;}

.clearfix:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.clearfix{display:inline-block;} 

* html .clearfix{height:1%;}

.clearfix{display:block;}



/* ===================  HEADER ====================== */



#container{

	width:990px;

	margin:0 auto;

}





#header{

	float:left;

	background:url(images/header.jpg) no-repeat;

	width:990px;

	height:153px;

}



h1#logo{

	float:left;

	background:url(images/logo.png) no-repeat;

	width:255px;

	height:114px;

	text-indent:-9000px;

	margin-left:40px;

	position:relative;

	display:block;

	overflow:hidden;

}

#menu {

	float:left;

	width:990px;	

	margin:0;

	text-align:center;

}



#menu ul{

	width:100%;

	margin:15px 0 0 0;

	padding:0;

}



#menu li{

	padding:0 25px;

	display:inline;

	font:13px "Trebuchet MS", Arial, Georgia;

	font-weight:bold;

}



#menu li a{

	color:#6b635a;

}



#menu li a:hover{

	color:#a61106;

	text-decoration:none;

}



/* =========================== PAGE HEADERS ======================== */

h1#about-page-header, h1#portfolio-page-header, h1#contact-page-header{

	background:url(images/headers/about.png) no-repeat;

	width:280px;

	height:30px;

	text-indent:-9000px;

	margin:0 0 20px 0;

	overflow:hidden;

}



h1#portfolio-page-header{

	background:url(images/headers/portfolio.png) no-repeat;

}



h1#about-page-header{

	background:url(images/headers/about.png) no-repeat;

}



h1#contact-page-header{

	background:url(images/headers/contact.png) no-repeat;

}



/* =========================== FEATURED SECTION ====================== */



#portfolio-section{

	background:url(images/portsection.jpg) no-repeat;

	float:left;

	width:989px;

	height:336px;

}



#slider-container {

	float:left;

	height: 308px;

    width: 535px;

	margin: 15px 0 0 25px;

	position: relative;

	background:url(images/feat-bck.png) no-repeat;

}



#slider{

	height: 308px;

    width: 523px;

	margin:44px 0 0 6px;

}



#slider ul {

	margin:0;

	padding:0;

}



.slider-nav a#prev2, .slider-nav a#next2{ 

	display:block;

	width:26px;

	height:26px;

	position:absolute;

	top:260px;

	z-index:1000;

}	



.slider-nav a#prev2{

	left:30px;

	display:block;

	overflow:hidden;

	text-indent:-9000px;

	background:url(images/last-arrow.png) no-repeat;

}



.slider-nav a#next2{

	right:30px;

	display:block;

	overflow:hidden;

	text-indent:-9000px;

	background:url(images/next-arrow.png) no-repeat;

}



#prevBtn a{

	background:url(images/last-arrow.png) no-repeat;

	display:block;

	position:relative;

	width:26px;

	height:26px;

}



#nextBtn a{

	background:url(images/next-arrow.png) no-repeat;

	display:block;

	position:relative;

	width:26px;

	height:26px;

	

}



#port-text{

	float:right;

	color:#5d5247;

	margin:65px 40px 0 0;

	line-height:30px;

	width:364px;

}



#port-text h1{

	font-size:17px;

}



#port-text p{

	padding-top:36px;

}



#port-text a:link, #port-text a:visited , #port-text a:active{

	color:#a61106;

}







/* ============================== HOMEPAGE ======================== */

#home-main{

	background:url(images/center.jpg) no-repeat;

	float:left;

	height:470px;

	width:989px;

	margin-top:-4px;

	color:#685442;

	font-size:12px;

}



#home-main-container{

	padding:20px 30px 0 30px;

}



#twitter-home h1{

	background:url(images/headers/twitter.png) no-repeat;

	width:70px;

}



#latestblog h1{

	background:url(images/headers/dablog.png) no-repeat;	

	width:110px;

}



#main-about h1{

	background:url(images/headers/aboutme.png) no-repeat;	

	width:80px;

}



#main-testimonial h1{

	background:url(images/headers/testimonials.png) no-repeat;	

	width:105px;

}



#main-left{

	float:left;

	width:270px;

	margin:0 15px 0 0;



}



#twitter-home{

	float:left;

	width:270px;

	margin:20px 0 16px 0;

	position:relative;

}



#twitter-home img{

	position:absolute;

	right:0;

	top:115px;

}



#twitter-home ul, #services-home ul{

	margin:10px 0 0 0;



}



#twitter-home ul li{

	padding:0 0 10px 0;

}



#twitter-home h1, #latestblog h1, #main-about h1, #main-testimonial h1, #services-home h1{

	font-size:16px;

	position: relative;

	color:#493b31;

	text-indent:-9000px;

	height:20px;

	display: block;

	overflow:hidden;



}



#about-page-sidebar{

	margin:0 0 90px 0 ;

}



#about-page-sidebar h2, #sidebar h2{

	font-size:16px;

	position: relative;

	color:#493b31;

	text-indent:-9000px;

	height:30px;

	display: block;

	overflow:hidden;

}



#services-home{

	width:270px;

	margin:20px 0 0 0;

	padding:0px 0 0px 0;

	

}



#services-home h1{

	background:url(images/headers/services.png) no-repeat;	

	width:70px;

}



ul.about-page{list-style:none; margin:0;padding:0}



#services-home ul li, ul.about-page li{

	padding:7px 0 7px 30px;

	background:url(images/list-tick.png) no-repeat left center;

	font-weight:bold;

}



#latestblog{

	width:325px;

	float:left;

	margin-left:15px;

}



#latestblog h2.main-title{

	font-size:14px;

	padding:10px 0 0 0;

	margin:0;

	text-transform:none;

}



#latestblog .main-data{

	color:#8c8074;

	padding:2px 0 3px 0;

	font-size:11px;

}



#latestblog p{

	line-height:19px;

	width:320px;

} 



#latestblog .readmore{

	padding:3px 0 0 0;

}



.home-blogentry{

	padding:0 0 20px 0;

	border-bottom:1px solid #d0c7ab;

	margin:0 15px 8px 0;

}



#main-right{

	float:right;

	width:275px;

	margin:0 0 0 15px;

}



#main-about{

	float:left;

	padding:0 0 20px 0;

	border-bottom:1px solid #d0c7ab;

}



#main-about #myimg{

	margin:10px 10px 0px 0;

	height:56px;

	float:left;

}

#main-about p, #main-testimonial p{

	margin:10px 0 0 0;

	line-height:19px;

}



#main-testimonial{

	padding:0px 0 20px 0;

	position:relative;

	border-bottom:1px solid #d0c7ab;

}



#home-comma img{

	position:absolute;

	left:0px;

	top:30px;

}



#main-footer{

	clear:both;

	background:url(images/main-footer.jpg) no-repeat;

	height:49px;

}



#main-footer p{

	font-size:11px;

	color:#2a2622;

	padding-top:20px;

	text-align:center;

}



/* ========================= Blog ====================== */



#blogwrap{

	background: url(images/blog-bck2.jpg) repeat-y;

	width:989px;

	margin:0 auto;

	float:left;



}



#header-underline{

	float:left;

	background:url(images/hline.jpg) no-repeat;

	width:989px;

	height:21px;

}



#blogwrap-container{

	padding:10px 40px 40px 40px;

}



#blog{

	float:left;

	width:620px;

	line-height:20px;

}



.post{

	padding:0 20px 30px 0;

}



.post img{

	border:1px solid #9a8f70;

	background:#cbc3b0;

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

	padding:8px;

}



.post p{

	padding:6px 0;

}



.post h1.post-title a{

	font-size:20px;

	font-weight:normal;

	color:#3b3b3a;

}



.post .meta{

	border-bottom:1px solid #9c9378;	

	font-size:11px;

	color:#be2f25;

	margin:5px 0 15px 0;

}



.meta .meta-date{

	float:left;

}



.meta .meta-comments{

	float:right;

}



.meta-tags{

	margin:55px 0 0 0;

	background:#cbc3b0;

	padding:10px 20px;

	border:1px solid #9a8f70;

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

}



.post-social{

	background:#cbc3b0;

	padding:5px 20px;

	border:1px solid #9a8f70;

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

	margin:10px 0;

	width:558px;

	text-align:center;

}



.post-social h3{

	text-align:center;

	font-size:13px;

}



.post-social ul{

	margin:0;

	width:100%;

	padding:0;

}



.post-social ul li{

	display: inline;

}







.post-social img{

	border:none;

}

.wp-caption {
	border:1px solid #9a8f70;
	background:#cbc3b0;
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	border-radius:4px;
	padding:8px 3px;
	text-align:center;
	margin:20px 0 0 0;
}

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

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

/* ============================ PORTFOLIO ================================= */



ul#portfolio-thumbs{

	float:left;

	margin:0 0 40px 20px;

	width:100%;

}



ul#portfolio-thumbs li a {

	text-decoration: none; 

	color: #777; 

	display: block;

}



ul#portfolio-thumbs li{

	float:left;

	display:inline;

	border:1px solid #9a8f70;

	background:#cbc3b0;

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

	padding:8px;

	margin:3px;

}



ul#portfolio-thumbs img{

}



ul#portfolio-thumbs li a.thumb{

	width:190px;

	height:110px;

}



ul#portfolio-thumbs li span {

	width:190px;

	height:110px;

	overflow: hidden;

	display: block;

}



#datacontent {

  padding: 20px 10px;

}



#datacontent .panels {

  overflow: hidden;

  clear:both;

}



#datacontent .panelsInner {

  overflow: hidden;

}



#datacontent .panel {

  padding:0;

  margin:30px 0 0 0;

}



.portfolio-image {

	float:left;

	position:relative;

	width:420px;

}



.portfolio-image img.portfolio{

	position:absolute;

	top:20px;

	left:21px;

}



.portfolio-content h2.portfolio-title{

	font-size:26px;

}



.portfolio-content{

	width:449px;

	float:right;

	line-height:20px;

}



.portfolio-buttons{

	margin:25px 0;

}



.enlarge-button, .visit-button{

	float:right;

}



.enlarge-button a, .visit-button a {

	display: block;

	height: 0;

	margin: 0;

	padding: 0;

	overflow: hidden;

	background: transparent;

	border-bottom: none;

}



.visit-button a {

	width: 85px;

	padding-top: 31px;

	background: url(images/visit.jpg) no-repeat 0 0;

}



.visit-button a:hover {

	background: url(images/visit.jpg) no-repeat 0 -31px;

}



.enlarge-button a {

	width:85px;

	padding-top:32px;

	margin-right:5px;

	background:url(images/enlarge.jpg) no-repeat 0 0;

}



.enlarge-button a:hover {

	background:url(images/enlarge.jpg) no-repeat 0 -32px;

}



.portfolio-content ul{

	list-style: circle;

	padding:0 0 0 4px;

}



.portfolio-content ul li{

	padding:5px 0;

}



#portfolio-contact{

	background:url(images/portfolio-contact-separator.jpg) no-repeat;

	margin:0 0 0 10px;

	height:104px;

	padding:0 40px;

	width:980px;

	font-weight:bold;

	font-size:12px;

	

}



#portfolio-freelance {

	float:left;

	margin:12px 0 0 0;

	width:420px;

	

}



#portfolio-freelance img{

	float:left;

	margin:3px 10px 0 0;

}



#portfolio-contact-link img{

	float:left;

	margin:0 10px 0 0;

 }



#portfolio-contact-link{

	float:left;

	width:450px;

}



#portfolio-contact-link h4{

	padding:10px 0 0 0;

}



/* ============================== COMMENTS ===================== */



#comments{

	margin:30px 0 10px 0;

	border-top:1px solid #a99d7b;

}



#comments .avatar {

	float: left;

	display: inline;

	margin: 0 10px 5px 0;

	padding: 3px;

	border:1px solid #9a8f70;

	background:#cbc3b0;

	-webkit-border-radius:0px; 

	-moz-border-radius:0px; 

}



#comments .comment-body p{

	clear:both;

	margin:0;

	padding:0;

}



#comments span.says{

	font-size:11px;

}



#comments .reply{

	margin:5px 0 0 0;

	text-transform:uppercase;

	font-size:11px;

}



#comments .reply a{

	text-decoration:underline;

}



#comments img.wp-smiley, #blog img.wp-smiley{

	padding:0;

	margin:0;

	background:none;

	border:none;

}



#comments .comment-meta{

	font-size:11px;

	padding:0;

	margin:0;

	line-height:normal;

}



#comments .commentlist li{

	margin:0 0 20px 0;

	padding:5px 0;

	border-bottom:1px solid #a99d7b;

}



#comments .commentlist li ul.children li{

	border:none;
        list-style:none;

}



#comments #respond input{

	border-top: 1px solid #948664;

	border-left: 1px solid #948664;

	border-right: 1px solid #c3baa2;

	border-bottom: 1px solid #cec6b6;

	background-color:#afa282;

	padding:3px 2px;

}



#comments #respond label{

	display:block;

}



#comments #respond span{

	font-size:10px;

}



#comments #respond #comment{

	width:598px;

	border-top: 1px solid #948664;

	border-left: 1px solid #948664;

	border-right: 1px solid #c3baa2;

	border-bottom: 1px solid #cec6b6;

	background-color:#afa282;

	padding:3px 2px;

}



#comments #respond input#submit{

	cursor:pointer;

}



/* ============================ SIDEBAR =================================*/



#about-page-sidebar{

	float:right;

	width:259px;

	border-left:1px solid #a99d7b;

}



#social h2{

	background:url(images/headers/social.png) no-repeat;

	margin:0 0 10px 38px;

}



#social ul{

	margin:0;

	padding:0 0 0 15px;

	float:left;

}



#social li {

	width:117px;

	height: 50px;

	float: left;

}



#social li a{

	display: block;

	width:120px;

	height: 40px;

	padding: 10px 0 5px;

	text-decoration: none;



}

#social li img{

	padding:2px;

	border:1px solid #9a8f70;

	background:#cbc3b0;

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

}



#social li a img {

	float: left;

	margin: 0 10px 0 5px;

	/*-webkit-transition: margin-left 0.12s linear;*/

}



#social li a:hover img {

	/*margin-left: 10px;*/

}





#social li a strong {

	font-size: 12px;

	display: block;

	padding-top: 10px;

}



#recentwork{

	float:left;

	margin:30px 0 0 0;

	width:259px;

}



#recentwork h2{

	background: url(images/headers/recentwork.png) no-repeat;

	margin:0 0 10px 54px;

}



#recentwork img{

	margin:0 0 10px 19px;

	padding:8px;

	border:1px solid #9a8f70;

	background:#cbc3b0;

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

}



#sidebar{

	font-size:12px;

	border-left:1px solid #a99d7b;

	float:right;

	width:258px;

	padding:0 0 20px 20px;

	margin:0 0 35px 0;

}



#sidebar a{

	color:#3b3939;

	text-decoration:underline;

}



#sidebar a:hover{

	color:#a61106;

}



#search{	

	margin:0 0 30px 0;

	

}



#searchform #s {

	margin: 0 10px 0 0;

	width: 160px;

	padding: 4px 2px;

	background: url(images/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(images/searchbtn.png) no-repeat;

}

#searchform .sbtn:hover{

	background: url(images/searchbtn.png) no-repeat 0 100%;

}



#recent-posts ul{

	margin:0 0 30px 0;

}



#recent-posts ul li{

	padding:12px 0;

	border-bottom:1px solid #9c9378;	

}



#recent-posts span{

	font-size:11px;

	color:#6a573e;

}



#recent-posts h2{

	background:url(images/headers/recentposts.png) no-repeat;

	margin:0 0 0 60px;

}



#categories h2{

	background:url(images/headers/categories.png) no-repeat;

	margin:0 0 10px 65px;

}



#categories ul{

	margin:0;

	padding:0;

	color:#6a573e;

}



#categories ul li{

	float:left;

	padding:15px 18px 15px 0; 

	border-bottom:1px solid #9c9378;

}



#flickr{

	margin:30px 0 30px 0;

}



#flickr h2{

	background:url(images/headers/flickr.png) no-repeat;

	margin:0 0 10px 70px;

}



#flickr ul{

	list-style:none;

	margin:0;

	padding:0;

}



#flickr li{

	float:left;

}



#flickr ul li a{

	margin:0;

	padding:0;

}



#flickr img{

	margin:0 3px 0 0;

	border:1px solid #9a8f70;

	background:#cbc3b0;

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

	padding:3px;

}



#flickr img:hover{

	margin:0 3px 0 0;

	padding:3px;

	border:1px solid #706544;

	background:#d8cdae;

}



#twitter h2{

	background: url(images/headers/twittersidebar.png) no-repeat;

	margin:0 0 10px 65px;

}



#twitter ul li{

	padding: 5px 0;

}



.archives h2{

	text-decoration:underline;

	font-weight:normal;

	text-transform:none;

	font-style:italic;

	margin:0 0 30px 0;

	font-size:18px;



	

}



/* ============================== FOOTER ===================== */

#footer{

	clear:both;

	background: url(images/blog-footer.png) no-repeat 0 -4px;

	width:989px;

	height:298px;

}



#footer-container{

	padding:5px 30px 0 30px;

}



#footer-container img{

	-webkit-border-radius:4px; 

	-moz-border-radius:4px; 

	border-radius:4px;

	padding:3px;

	border:1px solid #9a8f70;

	background:#c0b9a4;

}



#mymusic{

	width:330px;

	float:left;

	margin:0 14px 0 0;

}



#mymusic h3, #mygames h3, #myfaves h3{

	font-size:16px;

	position: relative;

	color:#493b31;

	text-indent:-9000px;

	height:30px;

	display: block;

	overflow:hidden;

}



#mymusic h3 {

	background: url(images/headers/lastfm.png) no-repeat;

}



#mymusic ul li{

	float:left;

	padding:0 5px 9px 0;

	width:81px;

	height:81px;

}



#mymusic a#profile {

	display: block;

	float:left;

	height: 0;

	margin:4px 0 0 95px;

	padding: 0;

	overflow: hidden;

	background: transparent;

	border-bottom: none;

}



#mymusic a#profile {

	width:85px;

	padding-top: 13px;

	background:url(images/lastfmprof.png) no-repeat 0 0;

}



#mymusic a#profile:hover {

	background:url(images/lastfmprof.png) no-repeat 0 -13px;

}



#mygames{

	width:280px;

	float:left;

	margin:0 14px 0 0;

}



#mygames h3 {

	background: url(images/headers/games.png) no-repeat;

}



#mygames ul li{

	float:left;

	padding:0 3px 0 0;

}



#myfaves{

	width:270px;

	float:left;

	font-size:11px;

	margin:0 0 0 20px;

}



#myfaves h3 {

	background: url(images/headers/recommend.png) no-repeat;

}



#myfaves ul li{

	padding: 0 0 14px 0;

}



#copyright{

	clear:both;

	color:#6d6053;

	font-size:11px;

	text-align:center;

	padding:2px 0 0 0;

}



/* ================= Form ================= */



.ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect , .ddfmwrap .fmverify{

	padding: 4px 5px;

	background: #b5aa8b;

	border-top: 1px solid #776a4a;

	border-left: 1px solid #776a4a;

	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;

}