/*

Theme Name: Prototype (Light)

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

Author: Mike Averto

Author 

*/



@font-face {

	font-family: 'BebasRegular';

	src: url('css/fonts/BEBAS___.eot');

	src: local('Bebas Regular'), local('Bebas'), url('css/fonts/BEBAS___.woff') format('woff'), url('css/fonts/BEBAS___.ttf') format('truetype');

}

body{

	margin:0;

	color:#565656;

	font:14px/18px Arial, Verdana, Helvetica, sans-serif;

}

img{border-style:none;}

a{

	text-decoration:none;

}

a:hover{

	text-decoration:underline;

}

h1,h2,h3,h4,h5,h6 {

	color:#545454;

}

h1{

	font-size:28px;

	padding-top:5px;

}

h2{

	font-size:24px;

	padding-top:5px;

}

h3{

	font-size:20px;

	padding-top:5px;

}

h4{

	font-size:16px;

	padding-top:5px;

}

h5{

	font-size:14px;

	padding-top:5px;

}

h6{

	font-size:12px;

	padding-top:5px;

}

form, 

fieldset{

	padding:0;

	margin:0;

	border:0;

}

input, textarea, select{

	font:100% Arial, Verdana, Helvetica, sans-serif;

	vertical-align:middle;	

}

blockquote {

	margin:30px;

	border-top: solid 1px #ccc;

	border-bottom:solid 1px #ccc;

	background:#f4f4f4;

	padding:30px 20px 0px 20px;

	font-size:16px;

	font-style:italic;

}

.blockquote2 {

	margin:0px 0px 15px 15px;

	background:#f4f4f4;

	padding:10px 20px 10px 20px;

	font-size:18px;

	font-family: 'BebasRegular';

	font-weight:lighter !important;

	word-spacing:3px;

	float:right;

	width:160px;

	line-height:24px;

}

#header-wrapper{

	width:100%;

	background: #2b2b2b url(images/dots.jpg);

}

#header{

	width:960px;

	margin:0 auto;

	padding:29px 0 36px;

	height:50px;

	background:url(images/header-shadow.png) no-repeat bottom center;

}

.logo{

	margin:0;

	float:left;

}

.logo a{

	display:block;

	overflow:hidden;

	text-indent:-9999px;

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

	width:231px;

	height:51px;

	outline:none;

}

.search-form{

	width:220px;

	overflow:hidden;

	margin-bottom:15px;

}

.search-form div{

	width:162px;

	float:left;

	padding:9px 10px 12px;

	background:url(images/bg-text.gif) no-repeat;

}

.search-form .text{

	margin:0;

	padding:0;

	height:14px;

	float:left;

	width:162px;

	border:none;

	background:none;

	font:italic 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;

	color:#909090;

}

.search-form .btn-search{

	float:left;

}

#main{

	width:100%;

	background-color:#fff;

}

.main{

	width:960px;

	margin:0 auto;

	padding:50px 0 70px;

	overflow:hidden;

}

.main-navs {

	float:right;

	background:url(images/black.png);

}

.main-navs ul{

	margin:0px 0 0 0;

	padding:10px 10px 10px 0px;

	float:left;

}

.main-navs li {

	display:inline;

	float:left;

	padding-left:15px;

	position:relative;

}

.main-navs ul li ul {

	display:none;

	position:absolute; 

	left:0;

	padding:0;

	margin:0 0 0 15px;

	width:150px;

	background:#3c3c3c;

	z-index:1;

}

.main-navs ul li  ul li a{

	font-size:12px;

	background-color:transparent !important;

}

.main-navs ul li ul li ul{

	display:none;

	position:absolute; 

	left:135px;

	padding:0;

	margin:0 0 0 15px;

	width:150px;

	background:#000;

}

.main-navs ul li ul li {

	padding:0;

	margin:0;

	width:100%;

	z-index:2;

}

.main-navs ul li ul li.current_page_item a, .main-navs ul li ul li.current_page_item span,.main-navs ul li ul a:hover, .main-navs ul li ul li a:hover span  {

	color:#fff;

	text-decoration:none !important;

	background:url(images/subnav-hover.png);

	padding:5px 10px 8px;

	text-shadow:none;

	z-index:2;

}

.main-navs li a {

	display:block;

	font-size:18px;

	font-family: 'BebasRegular';

	font-weight:lighter !important;

	word-spacing:3px;

	color:#a9a9a9;

	text-shadow:1px 1px #000;

	outline:none;

	padding:5px 10px 8px;

}

.main-navs li a span {

	display:block;

	font-size:9px;

	font-family: Helvetica !important;

	color:#9c9c9c;

	text-transform:uppercase;

}

.nav-box{

	height:1%;

	overflow:hidden;

	border:solid #a9a9a9;

	border-width:1px 0;

	font-family: 'BebasRegular';

	font-weight:normal !important;

	word-spacing:3px;

	font-size:22px;

	margin-bottom:30px;

	padding:10px 0 10px;

}

#nav{

	float:left;

	margin:0;

	padding:0;

	list-style:none;

	text-transform:uppercase;

}

#nav li{

	display:inline;

	margin-right:7px;

}

#nav li a{

	color:#545454;

}

#nav li.active a,

#nav li a:hover{

	color:#d82424;

	text-decoration:none;

}

.social-list{

	float:left;

	width:100%;

}

.social-list .find{

	color:#545454;

	background:url(images/bullet1.gif) no-repeat 100% 50%;

	padding:0 15px 0 0;

	font-family: 'BebasRegular';

	font-weight:lighter;

	word-spacing:3px;

	font-size:20px;

	float:left;

}

.social-list ul{

	float:left;

	margin:0;

	padding:0;

	list-style:none;

	overflow:hidden;

}

.social-list img{

	display:block;

}

.social-list li{

	float:left;

	padding-right:15px;

	list-style-type: none;

}

.social-list li a{

	background: none !important;

	padding: 0 !important;

}

.image-nav{

	margin:5px 0px 50px 0;

	padding:0;

	list-style:none;

	width:948px;

	overflow:hidden;

	background:none repeat scroll 0 0 #F4F4F4;

	border:1px solid #ccc; 

	padding:10px 0px 3px 10px;

}

.portfolio-item .image-nav{

	margin:0px 0px 50px 0px;

	padding:0;

	list-style:none;

	overflow:hidden;

	background: none !important;

	border: none !important;

}

.image-nav li{

	float:left;

	margin:0 10px 8px 0;

	background:#efefef url(images/visit.png) no-repeat center center;

}

.image-nav img{

	display:block;

}

.image-nav a{

	display:block;

	position:relative;

}



* html .image-nav a strong{

	bottom:-1px;

}

.image-nav a:hover strong{

	color:#fff;

	text-decoration:none;

}

.boxes{

	width:993px;

	margin-right:-32px;

}

.boxes ul {

	margin:0;

	padding:0;

}

.boxes li {

	list-style-type: none;

}

.boxes .box{

	float:left;

	width:299px;

	margin-right:32px;

}

.boxes h2{

	font-weight:bold;

	margin:0 0 8px;

	font-size:20px;

	color:#3f3f3f;

}

.boxes p{

	margin:0 0 16px;

	line-height:20px;

}

.continue:hover span{

	color:#fff;

	text-decoration:underline;

}

#twocolumns{

	height:1%;

	overflow:hidden;

}



#content{

	width:628px;

	float:left;

}

#content-wide{

	width:960px;

	float:left;

}

.post{

	height:1%;

	overflow:hidden;

	background:url(images/devider.gif) repeat-x 0 100%;

	padding-bottom:9px;

	margin-bottom:28px;

}

.post .image-holder{

	height:1%;

	overflow:hidden;

	position:relative;

}

.post .image-holder img{

	display:block;

}

.post-title h2 {

	margin:0 0 0 0;

}

.post-nav{

	height:1%;

	overflow:hidden;

	margin:0;

	padding:0px 0 0px;

	margin-bottom:15px;

	list-style:none;

	font:bold 12px/20px Arial,Verdana,Helvetica,sans-serif;

	

}

.post-nav li{

	float:left;

	background:url(images/post-nav-sep.gif) no-repeat right bottom;

	border-bottom:solid 1px #b3b3b3;

	color:#545454 !important;

	padding:0 25px 5px 0;

}

.post-nav li a{

	color:#545454;

}

.post-nav .date{

	background:url(images/ico5.gif) no-repeat 0 50%;

	padding-left:22px;

}

.post-nav .author{

	background:url(images/comments.png) no-repeat 0 50%;

	padding-left:22px;

	margin-left:22px;

}

.post-nav .topic{

	background:url(images/ico7.gif) no-repeat 0 50%;

	padding-left:22px;

	margin-left:18px;

}

.post p{

	margin:0 0 19px;

	line-height:20px;

	clear:both;

}

.links{

	height:1%;

	overflow:hidden;

	font-size:10px;

	line-height:16px;

	margin-top:-11px;

	position:relative;

}

.links .older{

	float:left;

}

.links .newer{

	float:right;

}

.portfolio-item {

	border-bottom:1px solid #F5F5F5;

	border-right:1px solid #F5F5F5;

	float:left;

	margin:0 0 30px 0;

	padding:15px 19px 15px;

	width:280px;

}

.portfolio-item h2{

	font-size:18px;

}

.portfolio-item ul.image-nav {

	margin-bottom:0 !important;

}

.portfolio-item a strong {

	font-size:16px !important;

}

.portfolio-item:hover {

	background-color:#F9F9F9;

}

.portfolio-item p {

	clear:both;

	margin-top:5px;

}

.portfolio-item-image {

	background:#292929 url(images/visit.png) no-repeat center center;

}

.portfolio-cat {

	font-size:10px;

	text-transform:uppercase;

} 

.portfolio-button {

	font-size:12px;

	float:left;

	padding:2px 5px;

	margin:5px 8px 0px 0px;

} 

.visit{

	font-size:9px;

	text-transform:uppercase;

	float:left;

	padding:0px 4px;

	background:#f4f4f4;

	border:solid 1px #ccc;

	-moz-border-radius:2px;

	margin-top:5px;

	color:#565656;

}

.visit-cat{

	font-size:9px;

	text-transform:uppercase;

	float:right;

	padding:0px 4px;

	background:#f4f4f4;

	border:solid 1px #ccc;

	-moz-border-radius:2px;

	margin-top:5px;

}

.visit-cat a {

	color:#565656;

}

#sidebar{

	width:300px;

	float:right;

}

#sidebar .image-holder{

	margin-bottom:37px;

}

#sidebar .image-holder img{

	display:block;

}

.side-box{

	width:322px;

	overflow:hidden;

	margin:0 -22px 35px 0;

	line-height:20px;

}

.side-box h2{

	margin:0 0 4px;

	color:#545454;

	font-family: 'BebasRegular';

	font-weight:normal;

	font-size:22px;

	word-spacing:3px;

	background:url(images/devider.gif) repeat-x 0 100%;

	text-transform:uppercase;

	padding-bottom:10px;

}

.side-box .column h2{

	margin:0 0 5px;

}

#sidebar ul{

	margin:0;

	padding:0 0 0 1px;

	list-style:none;

	font-size:14px;

	line-height:24px;

}

#sidebar ul li a:hover{

	color:#545454;

}

.side-box .column{

	float:left;

	width:139px;

	margin-right:22px;

}

#footer-wrap {

	width:100%;

	background:#2b2b2b url(images/dots.jpg);

}

#footer{

	width:960px;

	margin:0 auto;

	padding:32px 0 20px;

	background: url(images/footer-shadow.png) no-repeat top center;

}

.footer-box{

	width:1000px;

	overflow:hidden;

	margin:0 -40px 43px 0;

	color:#c6c6c6;

	font-size:11px;

	line-height:16px;

}

#footer .box{

	float:left;

	margin-right:25px;

	background:url(images/black.png);

	padding:10px;

}

#footer .box h3{

	font-family: 'BebasRegular';

	font-weight:normal;

	word-spacing:3px;

	margin:0 0 19px;

	font-size:18px;

	color:#fff;

	text-transform:uppercase;

}

#footer .box h3 span,

#footer .box h3 span:hover{

	color:#fff;

	background:url(images/bullet3.gif) no-repeat 100% 60%;

	padding-right:18px;

}

#footer .data-box{

	width:299px;

}

#footer .data-box p{

	margin:0 0 16px;

}

.blog-nav{

	margin:-7px 0 0;

	padding:0;

	list-style:none;

	width:189px;

	overflow:hidden;

}

.blog-nav li{

	border-top:1px solid #404040;

	margin:-1px 0 1px;

	padding:7px 0 6px;

}

.blog-nav li a,

.blog-nav li a:hover{

	color:#c6c6c6;

}

.aktt_tweets ul{

	width:249px;

	overflow:hidden;

	margin:0;

	padding:0;

	list-style:none;

	margin-top:-10px;

}

.aktt_tweets li{

	border-top:1px solid #404040;

	margin:-1px 0 1px;

	padding:11px 0 10px;

}

.aktt_tweets li span{

	color:#C6C6C6;

}

.aktt_tweets a{

	color:#fff;

	text-decoration:underline;

}

.nav{

	width:65px;

	overflow:hidden;

	margin:-2px 0 0;

	padding:0;

	list-style:none;

}

.nav li{

	border-top:1px solid #404040;

	margin:-1px 0 1px;

	padding:2px 0 3px;

}

.nav li a,

.nav li a:hover{

	color:#c6c6c6;

}

.copyright{

	height:1%;

	overflow:hidden;

	font-size:10px;

	line-height:16px;

	color:#717171;

	float:left;

	background: url(images/black.png);

	padding:3px 3px 3px 10px;

}

.copyright ul{

	height:1%;

	overflow:hidden;

	margin:0;

	padding:0;

	list-style:none;

}

.copyright ul li{

	float:left;

	background:url(images/separator.gif) no-repeat 0 50%;

	padding:0 4px 0 5px;

	margin:0 5px 0 -5px;

}

.copyright ul li a,

.copyright ul li a:hover{

	color:#717171;

}

.alignleft {

	float:left;

	margin:20px 20px 20px 0px;

}

.alignright {

	float:right;

	margin:20px 0px 20px 20px;

}



.comment {

	border-bottom:dotted 1px #ccc;

	padding-bottom:15px;

	margin-bottom:15px;

}

.commentlist {

	padding:0;

	margin:0;

}

.commentlist li, .commentlist ul {

	list-style-type:none;

}

.commentlist li ul li {

	background-color: #f3f2f1; 

	border:1px solid #e5e4e2; 

	padding:10px; 

	margin-bottom:10px; 

	margin-top:13px;

}

.commentlist li ul li ul li {

	background-color: white;

}

.children {

	list-style-type:none;

	background:url(images/reply.png) no-repeat top left;

}

.commentmetadata {

 font-size:10px;

 text-transform:uppercase;

}

.comments .navigation {

	display:none;

}

.avatar {

	float:left;

	margin:0px 15px 15px 0px;

}

.fn, .says {

	font-weight:bold;

}

#respond input, textarea {

	background-color:#F4F4F4;

	border:1px solid #CCCCCC;

	margin:0px;

	padding:5px;

}

#respond {

	float:left;

	width:100%;

}

.navigation a{

	background-color:#F4F4F4;

	border:1px solid #CCCCCC;

	margin:0 5px 5px;

	padding:5px 10px;

	font-size:14px;

}

.wpcf7 input{

	background-color:#F4F4F4;

	border:1px solid #CCCCCC;

	padding:5px;

	font-size:14px;

}

.wpcf7 textarea{

	margin:0;

	font-size:14px;

}

.wpcf7 p{

	font-size:16px;

}

.wpcf7 br{

	margin-bottom:10px;

}

.gallery {

	width:100%; 

	clear:both; 

	float:left; 

	margin-bottom:10px !important;

}

.gallery br {

	display:none;

}

.gallery-item {

	margin-right: 15px;

	width: auto !important;

}

.gallery-icon img {

	height:75px;

	width:75px;

	border:solid 1px #ccc !important;

	padding:5px;

	background:#f4f4f4;

}

.textwidget {

	width:300px;

}

.large-frontpage-text {

color: #222;
display: block;
font-size: 65px;
font-weight: bold;
letter-spacing: -3px;
line-height: 1;
margin: 0px;
}