/*
Theme Name: Yes We Web Theme
Theme URI: http://www.yesweweb.com/
Description: Custom theme for www.yesweweb.com site
Author: istvan182
Author URI: http://www.yesweweb.com/
version: 0.1
Tags: black, grey, green
*/

/* basics */
* {margin:0; padding:0;}
html {overflow-y:-moz-scrollbars-vertical; overflow-y: scroll; height:100%; width:100%; margin:0; padding:0;}
body {background:#333 url(images/bk_body.png) /*url(images/bgbody.png) 0px 95px repeat-x*/; color:#fff; height:100%; width:100%; margin:0; padding:0; font:12px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;}
p, ul li {line-height:1.6em;}

h1 {font-size: 32px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h1, h2, h3, h4, h5 {line-height:90%; font-family: Georgia, "Times New Roman", serif;}
/*ul li {line-height:14px;}*/

img {border:none; padding:0;}
img a {border:none;}
img.left {float:left; border:none; padding:6px 0 0 0; }
img.right {float:right; border:none; padding:0 0 0 6px; }

blockquote {border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px;}
code {font-family:"Courier New", Courier, monospace;}
acronym {border-bottom:1px dotted #a5a5a5;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; /* footer's height */}
.push {height:158px;}

.left {width:50%; float:left;}
.right {width:50%; float:right;}

/* links */
a {color:#BCBCBC; text-decoration:underline;}
a:hover {color: #9BCE17; text-decoration: underline;}
a:focus {outline: 0;}  /*remove firefox dotted border */

/* home */
h3.home {border-bottom: 1px solid #7F7F7F; padding-bottom:3px; line-height:1.2em;}
h3.home, h3.home a, h3.home a:link, h3 a:visited {font-size:20px; color:white; text-decoration:none;}
h3 a:hover {color:#9BCE17; text-decoration:none;}
.homeleft {width:50%;float:left;}
.homeright {width:50%;float:right;}
.readmore {text-align:right; font-style:italic; font-size:10px}

/* header */
#headerout {background:#111 url(images/bk_body.png); /*url(images/bgheader.png) bottom repeat-x*/; border-bottom:1px solid #9BCE17;}
#header {width:550px; height:100%; margin: 0 auto; padding:0; color: #fff;  text-align:center;}
#logo {}
#logo h1 {font-size:32px; margin:0; letter-spacing:-1px;}
#logo h1 a, #header h1 a:hover, #header h1 a:visited {text-decoration: none;}
#logo h2 {font-size:12px; margin:-10px 17px 0 17px; font-style:italic; font-weight:bold; font-family: Georgia, "Times New Roman", serif;}
#logo .logoimg {height:45px; padding:15px 0;}

#nav {width:100%; padding:0; margin:7px 0 10px 0;}
#nav2 {width:550px; margin:0 auto; padding:0; font:10px Verdana, Arial, Tahoma, Helvetica, sans-serif; text-transform:uppercase;}
ul.nav2 {/*float:left;*/list-style:none; margin:0 auto; padding:0; text-align:center;}
ul.nav2 li {/*float:left;*/list-style-type:none; margin:0; padding:0; display:inline;}
ul.nav2 li a, ul.nav2 li a:link, ul.nav2 li a:visited {/*float:left;*/color:#FFF;text-decoration:none;display:block;padding:0 10px;display:inline;}
ul.nav2 li a:hover {color:#9BCE17; text-decoration:none;}
ul.nav2 li a:active {color:#9BCE17; text-decoration:none;}
ul.nav2 li.current_page_item a{color:#9BCE17; text-decoration:none;}
ul.nav2 li ul {float:left; margin:0;padding:0;}

/* container */
#container {width:550px; margin:10px auto; color:#fff; padding:7px 0;}
	
/* content */
#content {/*float:left; width:60%;*/ width:100%;}
.post {margin:0; padding:0;}
.post h2, h2.pagetitle {font-size:36px; color:#9BCE17; border-bottom: 1px solid #7F7F7F; letter-spacing:-1px; margin-bottom:3px; line-height:1.2em;}
.post h2.blog {font-size:24px; color:#9BCE17; border-bottom: 1px solid #7F7F7F; letter-spacing:-1px; margin-bottom:1px; line-height:1.2em;}
.post h2 a, .post h2 a:link {color: #000; text-decoration: none;}
.post h2 a:hover {color:#777; text-decoration: none;}
.post h2 small, h2.pagetitle small, .post h2.blog small {font-size:12px; margin:0 1px}
/*.post h3 {font-size:16px; font-weight:bold; margin-bottom:-4px;}*/
.post h4, .post h4 a, .post h4 a:link, .post h4 a:visited {color:white; text-decoration: none;}
.post h4 a:hover {color:#9BCE17; text-decoration: none;}
.post ul {margin:5px 10px; padding:0;}
.post ul li {margin-left:10px; list-style: square;}
.entry p {margin:12px 0; width:100%;}
p.subtitle {font-size:22px; font-style:italic; font-weight:bold; line-height:100%; font-family: Georgia, "Times New Roman", serif;}
p.subsubtitle {font-size:16px; font-weight:bold; line-height:100%; font-family: Georgia, "Times New Roman", serif; border-bottom:0px solid #7F7F7F;}
p.tags {font-size:12px; font-style:italic; width:95%;}

.postintro {width:150px; height:150px; float:left; margin-right:5px; /*overflow:hidden;*/}
.postintro img {border:none; padding:4px 4px 4px 4px; border:1px solid #BDBDBD;}

.postMeta {text-transform:uppercase; font-size:10px; text-align:right; margin-bottom:5px; color:#7F7F7F;}

.navigation {font-size:12px; width:90%; margin:0 auto; padding:0; /*overflow:hidden;*/ text-align: center; clear: both; padding: 5px 0;}
.navigation .alignleft {float:left;}
.navigation .alignright {float:right;}

/* sidebar */
#sidebar {float:right; width:40%; margin:0; padding:0;}  /* if l_sidebar in 3col 38% */
#sidebar .sidebarblock {text-align:left;}
#sidebar h3 {font-size:18px; font-weight:bold; margin-bottom:5px;  color:white;}
#sidebar p {margin:0; padding: 0 6px 0 12px;}
#sidebar img {padding: 0; margin: 0; max-width:300px; max-height:300px;}
#sidebar ul {margin:5px 10px; padding:0;}
#sidebar ul li {margin-left:7px; list-style: square;}
#sidebar ul ul {margin:4px; padding:0;}
#sidebar ul ul li {padding: 0 0 0 5px; list-style-type: square; color: #898989;}

/* portfolio */
div.portf {margin:0 auto; padding:0 auto; text-align:center; width:540px;}
img.portimg {width:150px; height:150px; padding:3px; border:1px solid #9BCE17; margin:2px;}
a img.portimg, a:link img.portimg {border:1px solid #232323; text-decoration: none;}
a:hover img.portimg {border:1px solid #9BCE17; text-decoration: none;}
/* post in cols */
.row {clear:both;}
.col1, .col2, .col3 {width:33%;float:left;text-align:left;}

.pics {padding:0; margin:0 auto; margin-top:48px; width:320px; height:320px;}

/* archive view */
.archivebox {padding:2px; margin:3px 3px 7px 3px;}
.archivebox p {margin:7px 0;}

/* comments */
#respond {padding:0; margin-top:20px; width:360px; height:360px;}
#respond h3 {margin-bottom:3px;}
#commentform {margin:0; padding:0;}
#commentform p {text-transform:uppercase; font-size:10px; margin-bottom:5px; color:#7F7F7F;}
/*#commentform a {text-decoration: none; border-bottom: 1px dotted #465D71; line-height:120%;}*/
#comment{width:80%;}
#author, #email, #url, #comment, #submit{background: #232323; color:#FFFFFF; font-size:10px; margin:5px 0 0 0; padding:0; border: 1px solid #131313;}
#submit{margin:5px 5px 0 0; padding:3px; color:#FFFFFF;}
#comments{margin:0; padding:0}
ol.commentlist {list-style-type: none; margin:0; padding:0; color:#FFFFFF;}
.avatar{float:left; margin:0 12px 0 0;}
ol.commentlist li {margin:10px 0; padding:5px 0 5px 10px; list-style-type:none;}
ol.commentlist li.alt {/*background: #eee;*/}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height:120%;}
ol.commentlist a {color:#000;}
cite {font-size:10px; font-weight: bold; font-style: normal;}
cite a{text-decoration: none; border-bottom: 1px dotted #465D71;}

/* contact page */
.contactleft {width:64%; float:left; border-right: 1px dotted #dddddd;}
.contactright {width:35%; float:right; font-size:12px;}
table.contactform input {width:185px;}
table.contactform textarea {width:185px;}
/* contact form */
.wpcf7-form {margin: 0 auto;}
.wpcf7-form th {font-weight:normal; text-align:left; font-size:12px; padding:3px 6px 0 0;}
.wpcf7-form input, .wpcf7-form textarea {background: #232323; color:#FFFFFF; margin:2px 3px 0 0; padding:0; border: 1px solid #131313; font:12px sans-serif;}
.wpcf7-form .wpcf7-submitbt {clear:both; text-align:right;}
.wpcf7-form .wpcf7-submitbt input {padding:3px;}
.wpcf7-not-valid-tip-no-ajax {font:10px Arial, Tahoma, Helvetica, Verdana, sans-serif;}
div.wpcf7-response-output {font:10px Arial, Tahoma, Helvetica, Verdana, sans-serif; margin:0; padding:0;}

/* search */
#searchform {padding:0; margin:14px 0;}
#searchform input#s {margin:0; padding:2px; border: 1px solid #b6b6b6; color: #333333; font-size:12px; height: 16px; width:150px;}
#searchform input#searchsubmit {border:none; background:#333;color:#fff; text-transform:lowercase;}
	
/* misc */
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;}
.navigation .alignright {float: right; display:inline;}
.navigation .alignleft {float: left; display:inline;}
.clear {clear:both;}
	
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.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;}

/* bottom */
#bottomout {height:120px;}
#bottomout {width:100%; background:#222 url(images/bk_body.png); /*border-top:1px solid #2A2A2A;*/ /*position:absolute; bottom:0;*/ clear:both;}
#bottom {width:550px; margin:0 auto; font-size:11px; padding:5px 0;}
#bottom p {padding:7px 0; margin: 0; color: #eee;}
#bottom a, #footer a:hover{color: #BCBCBC; text-decoration: none;}
#bottom ul {margin-left:18px;}
#bottom ul li {list-style-type:square; margin-left:0px;}
#bottom .left {float:left; width:48%; text-align:left; padding:0 10px 0 0;}
/*#bottom .middle {float:left; width:31%; text-align:left; padding:0 8px;}*/
#bottom .right {float:left; width:48%; text-align:left; padding:0 0 0 10px;}
#bottom ul.checked, #bottom ul.checked li {list-style-image: url(images/check.png); list-style-type:square;}
#bottom ul.btmserv, #bottom ul.btmserv li {list-style-type:none; margin-left:2px;}

/* footer */
#footerout {height:30px;}
#footerout {width:100%; /*background:#111;*/ border-top:1px solid #2A2A2A; /*position:absolute; bottom:0;*/ clear:both;}
#footer {width:550px; margin:0 auto; font-size:10px;}
#footer p {padding:7px 0; margin: 0; color: #eee; text-align:right;}
#footer a, #footer a:hover{color: #BCBCBC;text-decoration: none;}
#footer .left {float:left; width:30%; text-align:left;}
#footer .right {float:right; width:70%; text-align:right;}

/* zdmultilang */
.lang_switch {}
ul.zd_multilang_list {padding:7px 0; margin:0; list-style-type: none;}
ul.zd_multilang_list li {float:left; margin:0; display:block; padding:0 3px;}
ul.zd_multilang_list li a, ul.zd_multilang_list li a:link {margin:0; padding:0; color:#FFF; display:block; text-decoration:none;}
ul.zd_multilang_list li a:hover {color: #9BCE17; text-decoration:none;}