/*
Theme Name:  Aybar for WP 
Description: Theme Design by Mondre and Aston
Version: 1.8
Author: Mondre
Author URI: http://www.jasonaston.com
Tags: fixed width, two columns, widgets

	

*/

/*
begin resets
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

/*
Main Global Layout Settings
*/


*{ padding: 0px; }
body, html{ height: 100%; margin: 0; background:#fff; }
body{ font-family:Helvetica, Arial, sans-serif; font-size: 62.5%; }
a{ outline: none; text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

.clear {clear:both;}
.clearfix:after	{ content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix{ height: 1%; }
*+html .clearfix{ height: 1%; }

/* -------- Page Structure -------- */
#thebody { width: 100%;margin:0;padding-top:0;}
#thebodysmallbg { width: 100%;margin:0;padding:0;}
#thepage { width: 900px; margin: 0px auto; }

/* -------- Top Paddings -------- */
#top-padding { padding-top:60px; }
#top-padding-min { padding-top:50px; }

/* These hieghts and widths should be edited to your images THUMBNAIL WIDTH AND HEIGHT DEFINED IN pikachoose.js in the JS Directory */	
ul#pikame {
    position:absolute;
        top:565px;
	padding-left:0;
	width:900px;
	margin:0 auto;
	}
	.pika_main {
		width:900px;
		padding-top: 40px;
		padding-right:0px;
		margin:0 auto;
		}
	#pikame li {
		margin:2px;
		float: left;
		position:relative;
		/* border:1px solid #5D5D5D; */}

	/* thats all you NEED to edit. But continue if you'd like. */
	ul#pikame li img {
		position:relative;
		cursor:pointer;
		}
	.pika_main img {}
	.pika_main{
		position: relative;
		margin:0 auto;
		}
	.pikachoose li {
		float:left;
		position:relative;
		overflow:hidden;
		list-style:none;
		}
	.pika_play {
		position:absolute;
		top:200px;
		right:20px;
		z-index:1;
		}
		.pika_play a {
			position:relative;
			margin-left:auto;
			cursor:pointer;
			background:#000;
			color:#fff;
			padding:10px;
			}
		.pika_play img{border:none !important;}
		
	.pika_caption{
	    display:none;
		width:100%;
		height:30px;
		text-align:center;
		font-size: 9px;
		color:#464646;
		padding-top:5px;
		}
	
	.pika_navigation a{
		font-size: 9px;
		text-decoration: none;
		color:#8B8B8B;
		text-transform:lowercase;
		}
		.pika_navigation a:hover{
			text-decoration:none;
			color:#000;
			}
		.pika_navigation{
		    /*positon: absolute; top: 640;*/
			padding-top:10px;
			clear:both;
			text-align:center;
			cursor:pointer;
			}
			
		.sliderjs{margin: 0 auto;}

.gallerywrap{
	text-align:center;
	color:#887;
	font-size:10px;
	letter-spacing:2px;
	}


/* -------- Main image -------- */
#main_image{
	margin:0 auto 0px auto;
	height:500px;
	width:900px;
	background:#000;
	}
#main_image img{
	margin-bottom:10px;
	}

/* -------- Navigation Next and Previous -------- */
.nav {
	color:#464646;
	padding-top:5px;
	clear:both;
	font-size:10px;
	letter-spacing:2px;
	text-transform:uppercase;
	}
.nav a {
	color:#464646;
	font-weight:bold;
	text-decoration:none;
	}
.nav a:hover {
	color:#000;
	text-decoration:none;
	}

/* -------- Extra not set to anything. If required -------- */
.info {
	text-align:left;
	width:900px;
	margin:30px auto;
	border-top:1px solid #221;
	padding-top:30px;
	}
.info p{
	margin-top:1.6em;
	}

/* -------- Head Styles -------- */
h1{
	font-family:Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}
h1 a{
	color: #000;
}


h2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}
h2 a{
	color: #000;
}

h3{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}
h3 a{
	color: #000;
}

h4{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}
h4 a{
	color: #000;
}

h5{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}
h5 a{
	color: #000;
}

h6{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#000;
}
h6 a{
	color: #000;
}

/* ------------ The top Menu -----------*/
#navwrap {
	float:right;
	font-size: 8px;
	color:#A2A2A2;
	width:900px;
	
}
#navwrap ul {list-style:none;margin:0; font-weight:normal;}
#navwrap li {}
#navwrap li a {
    display:inline;
	font-size:8px;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
	height:100%;
	text-decoration:none;
	color:#464646;
}
/* Top Menu Home About Contact */
#navwrap li.company {    
    z-index:4;
    position: relative;
    float:right;
	top: -40px;
	height:100%;
	text-decoration:none;
	color:#464646;
	/*font-weight:bold;*/
	
}#navwrap li.company a {
   
	letter-spacing: 2px;
	padding-top:2px;
	padding-bottom:2px;
	height:100%;
	padding-left:0px;
	text-decoration:none;
	color:#464646;
}
#navwrap li.company a:hover { 
	text-decoration:none;
	color:#000;
}

/* #navwrap li.company ul a {display: inline;}  */

/* Category Title */
#navwrap li.categories {

}

#navwrap li.categories {
	text-transform:lowercase;
	text-align:center;
	letter-spacing: 12px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:5px;
	width:195px;
	display:inline;
	height:100%;
	text-decoration:none;
	color:#747474;
	/* font-weight:bold; */

}
/* Categories */
#navwrap li.cat-item a {
 
	
	padding-left:0px;
	padding-bottom:5px;
	height:100%;
	text-decoration:none;
	color:#464646;
	/* background: #A2A2A2; */
	letter-spacing: 2px;

	/* border-bottom:1px solid #B9B9B9; */
}

#navwrap ul.children li.cat-item a {
    position: relative;
    left: 0px;
	list-style-type:lower-roman;
	padding-top:2px;
	padding-left:0px;
	padding-bottom:5px;
	display:block;
	height:100%;
	text-decoration:none;
	color:#464646;
	/* background: #C7C7C7; */
	letter-spacing: 2px;
	/* border-bottom:1px solid #B9B9B9; */
}


#navwrap li.cat-item a:hover {text-decoration:none;color:#A2A2A2;/* background:#2E2E2E; */}
#navwrap ul.children li.cat-item a:hover {text-decoration:none;#A2A2A2;/* background:#2E2E2E; */}
#navwrap li a:hover {text-decoration:none;color:#A2A2A2;/* background:#2E2E2E; */;}


.cat-item ul.children {/* border-top:1px solid #464646; */}
.current-cat ul.children li.cat-item {display:inline;font-weight:normal; /* background:#111; */}
.current-cat-parent ul.children li.cat-item {display:inline; }
.current-cat {font-weight:bold;}
#navwrap li.current-cat a , #navwrap ul.children li.current-cat a {text-decoration:none;#A2A2A2;/* background:#2E2E2E; */}

/* Page List */
#navwrap li.page_item a {
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	display:block;
	height:100%;
	text-decoration:none;
	color:#464646;
	background: #EAEAEA;
	letter-spacing: 2px;

	border-bottom:1px solid #D9D9D9;
}

#navwrap li.page_item a:hover {text-decoration:none;color:#fff;/* background:#2E2E2E; */}
#navwrap li.current_page_item a  {text-decoration:none;#A2A2A2;/* background:#2E2E2E; */ font-weight:bold;}


/* -------- Post -------- */

.post .content	{
	color:#5D5D5D;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.45em;
	
}

	.page .content img {
		border:1px solid #A2A2A2;
		margin:10px;
	}

	.page .alignright {
		float:right;
	}

	.page .alignleft {
		float:left;
	}

	.post-image{
		padding-top:18px;
	}

	.post a {
		color:#000;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.45em;
		margin-bottom: 10px;
	}

	blockquote
	{
		display:block;
		padding:20px 20px 20px 30px;
		margin:20px 0;
		border-left:5px solid #A2978B;
	}


	.content ul
	{
		padding:0 0 0 20px;

	}
	.content ul li
	{
		margin:0 0 5px 20px;
		padding:0px 0 0 5px;
	}
	.content ol
	{
		margin:5px 0 30px 0;
		padding:0;
	}
	.content ol li
	{
		margin:0 0 5px 45px;
		padding:0;
	}

	.content {
		color:#5D5D5D;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.45em;
		margin-bottom: 10px;
		margin-left:20px;



	}

	.content a {
		color:#5D5D5D;
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.45em;
		margin-bottom: 10px;
		text-decoration:underline;
		
	}

	.page .content	{
		color:#464646;
		font-size: 12px;
		line-height: 1.8em;
		margin-right:70px;
		
	}

	.page .title {
		margin-right:60px;
		padding-left:20px;
		padding-bottom:20px;
		font-size: 28px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		color:#000;
	}

	.page .title a {
		text-decoration:none;
	}

	.post h2 {
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.2em;
		color:#000;

	}

	.post h2 a {
		font-size: 24px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.2em;
		color:#000;
	}


/*---- All Columns ----*/

#portfolioslides {
	list-style:none;
	margin:0;
	padding:0;
}

#portfolioslides li.featurecenter { width:900px; margin:0 auto; }
#portfolioslides li.featurecenter img { display:block; margin:0 auto; }

#columns {
	margin: 0;
	padding: 0;
	display: table-cell;
	display: block;
	height: auto !important;

}

/*---- Center Column ----*/

#centercol {
	float: left;
	width: 900px;
	background:#E8E8E8;
	

}

#gallerycategories {
	float: right;
	width: 250px;
	color:#fff;
}

#gallerycol {
    position: absolute; top:80px;
	float: left;
	width: 900px;

}


/* Contact Text Input Styles*/
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #ccc;
}

/* BOX styles ----------*/

.box {
	margin: 0 0 15px;
	padding-top: 0px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 18px;


}

/* FEATURED POST ----------*/
#feature {
    position: absolute; top:120px;
	width:900px; height:600px; 
	}

/*---- Footer ----*/

#navwrap ul.footer {/*#navwrap ul.footer*/
display: none;/*remove me */
position: absolute;
top: 700px;
	list-style:none;
	padding-left:5px;
	padding-bottom:2px;

	margin-top:10px;
	padding-top:5px;
	color:#A2A2A2;
	font-size:7px;
}

#navwrap ul.footer li {

padding-left:5px;
padding-bottom:2px;
text-decoration:none;
color:#464646;
font-size:7px;
border-bottom:none;
}#navwrap ul.footer li a {
padding:0;
text-decoration:none;
color:#464646;
font-size:7px;
font-weight:bold;
}

#footer h3{ font-size: 7px; color: white;}

/*=== End of CSS ===*/