/*
Theme Name: Yes We Web
Theme URI: http://www.yesweweb.com/
Description: Custom theme for www.yesweweb.com site
Author: istvan182
Author URI: http://www.yesweweb.com/
version: 2.0
Tags: black, blue, grey, green (ex 9BCE17)
*/

@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Lato);

/* basics */
* {margin:0; padding:0;}
html {overflow-y:-moz-scrollbars-vertical; overflow-y:scroll; width:100%; height:100%; margin:0; padding:0;}
body {background:/*#29455B*/#1e3246/*rgb(24,40,56)*//*#afafaf*//*#444*/ url(images/bk_body.png); color:#fff; height:100%; width:100%; margin:0; padding:0; font:14px Calibri, Trebuchet MS, Arial, Helvetica, sans-serif;} /*rgb(68,68,68) rgb(237,237,237) url(images/bgbody.png) 0px 95px repeat-x*/
body, p, ul li {line-height:1.5em;}

h1 {font-size: 44px;}
h2 {font-size: 36px;}
h3 {font-size: 32px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h1, h2, h3, h4, h5 {line-height:100%; font-family:Lato, Cambria, Georgia, serif; font-weight:bold; text-transform:lowercase;}

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, pre {font-family:"Courier New", Courier, monospace;}
acronym {border-bottom:1px dotted #a5a5a5;}

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

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

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

/* Home */
h3.home {padding-bottom:3px; background:url(images/sqdot.png) no-repeat left center; padding-left:13px; margin-top:10px;}
h3.home, h3.home a, h3.home a:link, h3 a:visited {color:#fff; text-decoration:none;}
h3 a:hover {color:#82ac16; text-decoration:none;}
.readmore {text-align:right; font-style:italic; font-size:10px}

/* Header */
.headerout {background:rgba(34,34,34,0.5); /*border-bottom:2px solid #888;*/} /*url(images/bk_body.png) url(images/bgheader.png) bottom repeat-x*/
.header {height:100%; margin:0 auto; padding:0; color: #fff;}
.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:50px; padding:15px 0;}
.nav {margin:16px 0; text-align:center;}
.nav2 {font-size:18px; font-family:Lato, Cambria, Georgia, serif; text-transform:lowercase;} /*font-family:Verdana, Arial, sans-serif;*/ /*letter-spacing:1px*/
ul.nav2 {list-style:none; margin:7px auto; padding:0; text-align:right;}
ul.nav2 li {list-style-type:none; margin:0; padding:0; display:inline;}
ul.nav2 li a, ul.nav2 li a:link, ul.nav2 li a:visited {color:#FFF; text-decoration:none; /*display:block;*/ padding:0 10px; display:inline;}
ul.nav2 li a:hover, ul.nav2 li a:active, ul.nav2 li.current_page_item a {color:#82ac16; text-decoration:none;}
ul.nav2 li ul {float:left; margin:0; padding:0;}

/* Intro */
.introout {height:225px; border:0px solid #888; /*margin:2px 0;*/ text-align:center;}
.intro {height:225px; width:33%; margin:0 25px/*105px*/; background:rgba(51,51,51,0.7);}
/*.intro p {font-family:Cambria, Georgia, serif; font-size:18px; font-style:italic; text-align:justify; background:rgba(51,51,51,0.8); padding:12px; margin:2px 0;}*/
.intro p {font-family:Cambria, Georgia, serif; font-size:18px; font-style:italic; text-align:justify; padding:25px; margin:0;}
.intro span.biggest {font-size:50px; color:#82ac16; line-height:100%; letter-spacing:-1px; font-weight:bold;}
.intro span.bold, .intro strong {font-size:100%; font-weight:bold;}
.intro strong {color:#82ac16;}
.in_home {background: url(images/cliffs.jpg) no-repeat center center;}
.in_about {background: url(images/infinite.jpg) no-repeat center center;}
.in_services {background: url(images/pencil.jpg) no-repeat center center;}
.in_portfolio {background: url(images/clover.jpg) no-repeat center center;}
.in_contact-us {background: url(images/station.jpg) no-repeat center bottom;}

/* Content */
.contentout {margin:10px auto; padding:7px 0;}
.post {width:960px; margin-left:10px; margin-right:20px;}
.post h2, h2.pagetitle, .post h2.blog {color:#82ac16; /*border-bottom:1px solid #7b7b7b;*/margin-top:20px;}
.post h2, h2.pagetitle {font-size:52px; font-weight:bold; margin-bottom:0;}
.post h2.blog {font-size:24px; margin-bottom:1px;}
.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:14px; margin:0 1px}
.post h4, .post h4 a, .post h4 a:link, .post h4 a:visited {color:white; text-decoration:none;}
.post h4 a:hover {color:#82ac16; text-decoration:none;}
.post ul {margin:5px 20px; padding:0;}
.post ul li {margin-left:20px; list-style: square;}
.entry p {margin-top:12px; margin-bottom:12px; /*width:100%;*/}
p.subtitle, p.subsubtitle {font-family:Pacifico, Georgia, "Times New Roman", serif; line-height:100%; margin-top:7px; text-transform:lowercase;}
p.subtitle {font-size:22px;}
p.subsubtitle {font-size:14px;}
p.tags {font-size:14px; 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;}

/* Single */
.postMeta {text-transform:uppercase; font-size:10px; text-align:right; margin-bottom:5px; color:#7F7F7F;}
.postPortfolio {margin:12px 0 15px 0;}
.postPortfolio img {width:440px; height:330px; border:5px solid rgb(34,34,34);}

/* Portfolio */
.portPage {margin:0 auto; padding:0 auto;}
.portImgs {}
img.portImg {width:180px; height:135px; margin:2px;}
img.portImg, a img.portImg, a:link img.portImg {border:3px solid rgb(34,34,34);}
a img.portImg, a:link img.portImg {text-decoration: none;}
a:hover img.portImg {border:1px solid #82ac16; padding:2px; text-decoration: none;}
.portDesc {margin:6px 2px;}

/* Archive view */
.archivebox {padding:2px; margin:15px 5px; height:150px;}
.archivebox p {margin:7px 0;}

/* Page Navigation */
.navigation {width:60%; background:rgba(34,34,34,0.5); clear:both; margin:5px auto; /*overflow:hidden;*/ text-align:center; padding:5px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.navigation .alignleft, .navigation .alignmiddle, .navigation .alignright {padding:0; width:33%;}
.navigation .alignleft {float:left;}
.navigation .alignmiddle {display:inline;}
.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;}

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

/* Footer */
.footerout {height:40px; background:rgba(34,34,34,0.5); /*border-top:1px solid #888;*/}
.footer {margin:0 auto; font-size:11px; padding:5px 0;}
.footer p, .footer h5 {padding:7px 0; margin:0; color: #eee;}
.footer a {color: #BCBCBC; text-decoration: none;}
.footer ul {margin-left:18px;}
.footer ul li {list-style-type:square; margin-left:0px;}
.footer ul.checked, .footer ul.checked li {list-style-image: url(images/check.png); list-style-type:square;}
.footer ul.btmserv, .footer ul.btmserv li {list-style-type:none; margin-left:2px;}

/* 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 #ddd;}
.contactright {width:35%; float:right; font-size:12px;}
table.contactform input, table.contactform textarea {width:250px;}
/* contact form */
.wpcf7-form {margin: 0 auto;}
.wpcf7-form th {font-weight:normal; text-align:left; font-size:12px; padding:3px 10px 0 0;}
.wpcf7-form input, .wpcf7-form textarea {background:rgba(34,34,34,0.5); color:#FFF; margin:2px 3px 0 0; padding:7px; border:1px solid #888; font:14px 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;}
.transparent {zoom:1; filter:alpha(opacity=50); opacity:0.5;}
.shadow {box-shadow: 0 0 7px #666; -moz-box-shadow: 0 0 7px #666; -webkit-box-shadow: 0 0 7px #666;}
.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;}

/* 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:#82ac16; text-decoration:none;}

/* 960 plus */
.subgrid_1,
.subgrid_2,
.subgrid_3,
.subgrid_4,
.subgrid_5,
.subgrid_6,
.subgrid_7,
.subgrid_8,
.subgrid_9,
.subgrid_10,
.subgrid_11,
.subgrid_12 {
  display: inline;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.container_12 .subgrid_3 {
  width: 220px;
}

.container_12 .subgrid_4 {
  width: 300px;
}

.container_12 .subgrid_5 {
  width: 380px;
}

.container_12 .subgrid_6 {
  width: 460px;
}

/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* width and height of list item (slide)*/ 
		width:459px;
		height:349px;
		overflow:hidden; 
		}	
		
	/* numeric controls */	
	ol#controls{
		margin:0;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid rgb(34,34,34);
		background:rgba(34,34,34,0.5);
		color:#FFF;
		padding:0 7px 3px 7px;
		text-decoration:none;
		}
	ol#controls li a:hover{
		color:#82ac16;
		}
	ol#controls li.current a{
		border:1px solid #82ac16;
		background:rgba(34,34,34);
		color:#82ac16;
		}
	ol#controls li a:focus {outline:none;}
/* // Easy Slider */