/* 
Theme Name: Levos
Description: Premium WordPress Theme.
Version: 1.1
Author: system32
Author URI: http://www.themeforest.net/user/system32
Tags: space, custom header, fixed width, two columns, widgets
*/

/*	General settings */

html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
		margin:0;
		padding:0; 
		outline:none;
		}		

body 							{ font:normal 11px/20px Tahoma, Georgia, "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; margin:0; padding:0; }

* html 							{ margin:0;padding:0; }

	
.alignleft						{ float:left; margin:0 15px 15px 0;}
.alignright						{ float:right; margin:0 0 15px 15px;}
.aligncenter					{ text-align:center; }

.textleft 						{ text-align:left;}
.textright  					{ text-align:right;}

.floatright 					{ float:right;}
.floatleft  					{ float:left;}
.clear							{ clear:both;}

p								{ margin:0 0 15px 0; }

p.simple						{ font-size:18px; text-transform:uppercase; }


/* SEARCH	----------------------------------------------------*/

.search-box 					{ height: 40px; padding: 5px 0 0 0px; width: auto; 	margin:10px 0 20px 0px; }

* html .search-box 				{ margin-top: 10px; }
*:first-child+html .search-box 	{ margin-top: 10px; !important; }

.search-box p					{ margin-bottom:0}

input.search-field 				{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;	border-style:solid; border-width:1px; background-color: #ededed; margin-bottom: 9px !important;	    border: 1px solid; border-color: #ccc #ddd #ddd #ccc; width: 140px; float:left; padding: 4px;}

input.search-field:focus 		{ background:#fff; }

input.search-go  				{ float:left; height:24px; width:24px; border:0; margin:0 0 0 5px; padding:0; background:url(images/search-on.gif) no-repeat top left; cursor: pointer; }
input.search-go:hover 			{ background:url(images/search-hover.gif) no-repeat bottom left; }

body_block .search-box 			{ background:url("images/searchbar.png") no-repeat scroll left top transparent; height:30px; margin-top:5px; overflow:hidden; width:288px; }


/* PLAIN DIVIDER	----------------------------------------------------*/

.divider 						{ clear:both; margin:20px 0;}


/* HEADINGS	----------------------------------------------------*/
h1, h2, h3, h4, h5, h6			{ font-family: Trebuchet MS, Helvetica, Garuda, sans-serif; font-weight: normal; padding: 0; line-height:normal; }

h1								{ font-size:44px; margin:0 0 15px 0;  letter-spacing:-1px;}
h2								{ font-size:28px; margin:0 0 10px 0;  letter-spacing:-1px;}
h3 								{ font-size:21px; margin:0 0 10px 0; }
h4 								{ font-size:18px; margin:0 0 10px 0; }
h5 								{ font-size:15px; margin:0 0 10px 0;	}
h6 								{ font-size:13px; margin:0 0 10px 0; }

/* LAYOUT ------------------------------------------------------*/


html>body, 
html>body .pageleft,
html>body .pageright			{ height: auto; }


.pageleft 						{ position: fixed; top: 0; left: 0;  text-align: right; }


.pageleft 						{ padding: 0; left: 0; width: 45%; text-align: right; overflow: hidden; }
.pageright 						{ padding: 0; width:55%; left: 45%; text-align: left; overflow: hidden; }

.content 						{ margin:0px;     }

#contentwrap 					{ width: auto; float:none; padding:0 30px; margin:30px 0;}

.subheader 						{ padding:0 0 15px 0; margin-bottom:15px;  }

/* Scroll------------------------------------------------------------*/

 .scroll-pane  					{ width:550px;  padding-right:15px; padding-bottom:40px;}
 .noscroll						{ width:550px; padding-right:15px; padding-bottom:40px; }
  
.left .jScrollPaneTrack 		{ left: 0;right: auto;}
.left a.jScrollArrowUp 			{ left: 0;right: auto;}
.left a.jScrollArrowDown 		{ left: 0;right: auto;}


/* LOGO	--------------------------------------------------------*/

.logo							{ float:right; display:block; border:0; padding:10px 10px 10px 0px; 	}


		  
/* MAIN MENU ---------------------------------------------------*/

.main_menu 						{ margin:0px 0 10px 0; float:right; padding:0 0px 0 0; position:relative; display:block;  	}
	
/*	MENU--------------------------------------------------------*/

.side-nav 								{ width: 150px; padding: 0; margin: 0px 0 0px 15px; }
.side-nav li 							{ list-style: none; padding:0 !important; padding-bottom: 3px  !important; text-align: right; }
.side-nav li.menu-item	a	 			{ display: block; padding: 5px 15px;  cursor: pointer; text-decoration: none; }
.side-nav li.current_page_item>a		{ font-weight: bold; line-height:12px;	}

.side-nav ul 							{ margin: 0 15px 0 0; padding: 5px 0; font-size: 11px; }
.side-nav ul li 						{ list-style: none; margin: 0; padding: 0; text-align: right; }
.side-nav ul li a 						{ display: block; padding: 4px 15px; line-height:normal; }

.side-nav ul li a:hover,
.side-nav ul li.current_page_item,
.side-nav ul li.current_page_item:hover { background:none; border:none; -moz-box-shadow:none; }


/* Layout -------------------------------------------------------------------------------------------*/

.half_width 							{ width:240px;}
.one_third 								{ width:150px;}
.last 									{ margin-right:0 !important; clear:right; }

.half_width, .one_third					{ float:left; position:relative; display:inline; margin:10px 35px 20px 0; }

.last 									{ margin-right:0 !important;    }

/* LISTS ---------------------------------------------------*/

.lists 									{ margin:10px 0;  }
.lists li								{ list-style-type:square; margin:0 0 0 20px; padding:0;    }


/* AUTHOR LISTS ---------------------------------------------------*/

ul.Author_list							{ margin:20px 0; overflow:hidden; height:100%; 	}
ul.Author_list li 						{ width:100px; float:left; padding:0 14px; margin:0px 0px 20px 0px; text-align:center;  }
ul.Author_list li img					{ text-align:center; clear:right; margin-bottom:20px;}
ul.Author_list li h4					{ margin:0; margin-left:0px; font-size:14px;  }
ul.Author_list li span					{ margin:0; text-align:center; font-size:10px; }
ul.Author_list li p						{ padding:10px 10px 0 10px; text-align:center; }
ul.Author_list li:last-child			{ margin-right:0; border:none; }


/* PORTFOLIO -----------------------------------------------------*/

ul.port_box 							{ margin:20px 0; }
ul.port_box li							{ clear:both; overflow:hidden; margin:0 5px; margin-bottom:20px; padding:20px; position:relative; z-index:3; }
ul.port_box li	img.alignleft			{ margin-right:25px; }

ul.port_box h3							{ font-size:16px; }
ul.port_box h3, .port_box p				{ margin-bottom:10px; }
ul.port_box	p							{ line-height:normal; }


ul.port_box li .loading 				{ text-align:center; display:block; width:200px; height:100px; }
ul.port_box li .loading 				{ background: url(ajax-loader.gif) no-repeat center center; }

ul.port_box li a img, 
ul.port_box li a:hover img 				{ position:relative; z-index:1; }

.featured_project						{ position:absolute; top:0px; right:0; width:200px; height:100px; }


.hover_video							{ position: absolute; background:transparent url(images/video.png) no-repeat center center;}
.hover_image							{ position: absolute; background:transparent url(images/image.png) no-repeat center center;}


/* Blog Posts -----------------------------------------------------------*/

.post 									{ padding-top:0px; margin-bottom:40px; margin-top:10px; overflow:hidden;  }
.post h2								{ width:460px; margin-right:0;  font-size:24px;  }

.post-content 							{ }

.date 									{ width:70px; padding:0px; float:right; margin-top:5px; text-transform:uppercase; margin-bottom:15px; }
.date .day 								{ width:20px; float:left; font-size:24px; padding-right:10px;  line-height:25px; }
.date .month 							{ width:30px; float:right; font-size:11px; line-height:12px; }

.post-info 								{ padding:0px 0px 10px 0px;  }
.post-info .postmetadata 				{ font:normal 10px/14px Tahoma, Arial, Sans-serif; padding:5px 0; margin-bottom:5px;   }
.post-info .postmetadata a 				{ text-transform:uppercase; letter-spacing:1px; }
.post-info .postmetadata a:hover		{ text-decoration:underline; }

.post-info .comments 					{ float:right;}

.post-info-no							{ padding:5px 0; font:normal 11px Arial, Tahoma, Verdana, Sans-serif; letter-spacing:1px; margin-bottom:10px;}
.post-info-no a							{ text-transform:uppercase;}


/* FOOTER -------------------------------------------------------------*/
	
.footer 								{ margin-left:0px; float:right; position:absolute; bottom:0; right:0px;   }
.footer	p								{ padding:10px; text-align:right; margin-bottom:5px; }
.footer	a								{ }
.footer a:hover							{ }


/* Infobox Social Sites  ------*/

.tipsy 			{ padding: 5px; font-size: 10px; background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy-inner 	{ padding: 5px 8px 4px 8px; max-width: 200px; text-align: center; }
.tipsy-inner 	{ -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north 	{ background-position: top center; }
.tipsy-south 	{ background-position: bottom center; }
.tipsy-east 	{ background-position: right center; }
.tipsy-west 	{ background-position: left center; }


/* Social Buttons */

.socialbar					{ margin-right:0; 	float:right;  }

ul.social					{ padding:0 15px; margin:0 !important; height:24px;	}
ul.social li					{ float: left; margin: 0px 4px 0 4px !important; padding:0 !important;}
ul.social li img				{ vertical-align:middle; }

ul.social li a				{ border:0;}
ul.social li .t				{ display: block; width: 16px; height: 16px;}			


/* Blockquote -------------------------------------------------------------------------------------------*/

blockquote.qentry								{ background:URL(images/quote.png) top left no-repeat; padding-left:60px; padding-right:10px; margin:20px 0; overflow:hidden; height:100%; }
blockquote.qentry p								{ margin-bottom:10px; clear:both; }


/* Bullet Lists -------------------------------------------------------------------------------------------*/


ul, ol 					{ margin: 0 0 20px 5px;}
ol 									{ padding-left: 2em;}

ul ul, 
ol ol,
ul ol, 
ol ul 								{ margin-top: 8px;}

ul li, 
ol li 								{ padding: 3px 5px;}

ul li 								{ padding-left: 15px;}
ol li 								{ list-style-type:decimal; list-style-position: outside;}

.page_right	ul li 								{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%;}

ul.bullet-black li 								{ background: transparent url("images/bullets/dot_black.gif") no-repeat 0 50%; }
ul.bullet-gray li 								{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%; }
ul.bullet-blue li 								{ background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 50%; }
ul.bullet-green li 								{ background: transparent url("images/bullets/dot_green.gif") no-repeat 0 50%; }
ul.bullet-red li 								{ background: transparent url("images/bullets/dot_red.gif") no-repeat 0 50%; }
ul.bullet-orange li 							{ background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 50%; }
ul.disc-black li								{ background: transparent url("images/bullets/circle_black.gif") no-repeat 0 50%; }
ul.disc-gray li 								{ background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 50%; }
ul.disc-blue li 								{ background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 50%; }
ul.disc-green li	 							{ background: transparent url("images/bullets/circle_green.gif") no-repeat 0 50%; }
ul.disc-red li 									{ background: transparent url("images/bullets/circle_red.gif") no-repeat 0 50%; }
ul.disc-orange li 								{ background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 50%; }

ul.bullet-check li 								{ background: transparent url("images/bullets/check.gif") no-repeat 0 5px;  padding-left: 20px; }



/* Highlight Texts -------------------------------------------------------------------------------------------*/

.yellow_highlight	 							{ background:#ffff00; }
.red_highlight 									{ background:#f9c1c1; }
.green_highlight 								{ background:#daf0a9; }
.blue_highlight 								{ background:#a9d1f0; }

.yellow_highlight,
.red_highlight,
.green_highlight,
.blue_highlight 								{ color:#000; padding:1px 4px;}

.black_highlight								{ background:#000; color:#fff;  padding:1px 4px;}


/* Pull Quotes ------------------------------------------------------------------------------------- */

span.inset-left 			{ display: block; padding: 15px; float: left; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, Arial, Sans-serif;}
span.inset-right 			{ display: block; padding: 15px; float: right; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, rial, Sans-serif; }

/* Drop Caps -------------------------------------------------------------------------------------------*/

.dropcap1					{ display:block;  background:url(images/dropcap.png) 50% 50% no-repeat; font-size:30px; float:left; width:40px; text-align:center; height:40px;  margin-bottom:-5px; margin-right : 10px; font-size: 2em; line-height:35px; color:#FFFFFF; padding-left:1px; padding-top:5px;}
.dropcap1 span				{ font-size: 2em; line-height:1.5em; color:#FFFFFF; }
.dropcap1 + span			{ margin-left  : -0.5em; }

.dropcap2					{ display:block; float:left; text-align:center; margin-top:0em; margin-left:0.1em; margin-right : 0.2em; font-size:3em; line-height:1em; color:#999;	}
.dropcap2 span				{ font-size:3em; line-height:1em; color:#999;}
.dropcap2 + span			{ margin-left  : 0em;}


/* Toggle Content ------------------------------------------------------------------------------------- */

h5.toggle 					{ font-size:18px; margin-top:20px; padding:0 0 0 30px; margin-bottom:0 !important;}
h5.toggle a 				{ padding-top:2px; text-decoration: none; display: block;}
h5.toggle a:hover 			{ }

h5.active 					{ margin-bottom:0 !important;  }
h5.active a:link 			{ margin-bottom:0 !important;}

.toggle_content 			{ clear:both; overflow:hidden; margin:0 0 20px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; }
.toggle_content div.toggleinside				{ padding:15px; }


/* Pre Code -------------------------------------------------------------------------------------------*/

code, pre					{ font: normal 12px/20px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:10px 0 20px 0; }
code						{ padding: 3px 5px; background-image: none; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Alert Boxes -------------------------------------------------------------------------------------------*/

span.error,
span.info,
span.alert,
span.success,
span.download 				{ position:relative; display: block; padding: 10px 10px 10px 55px; margin:10px 5px; }



/* Contact Form -------------------------------------------------------------------------------------------*/

#contactform 				{ padding: 15px 0;  }

#contactform label			{ width:30%; display: inline-block; vertical-align:text-bottom;  }
#contactform select 		{ margin-bottom: 15px; }
#contactform textarea 		{ vertical-align: top; height: 150px;	}	
#contactform .indent 		{ padding-left:30%;  }

#contactform p 				{ margin-bottom:0;}

#contactform input,
#contactform select,
#contactform textarea 		{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; margin-bottom: 9px !important; width: 65%; padding: 4px; vertical-align;top;}
			
#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus { }

/* Contact button */
#contactform .submitbutton	{ border:0; background:none; float:left; text-transform:uppercase; font-size:10px; 	}
#contactform .submitbutton:focus 		{ background:none;	}
span#load		{float:left; padding-top:6px;}

/* The button ------------------------------------------------------- */

a.button			{ outline:none; padding:0px 15px 0px 50px; line-height:60px; text-decoration:none; font-size:24px; height:60px; float:right; margin:5px 10px 0px 0px;
	opacity:0.8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

a.button:hover		{ opacity:1.0; }

a.smallbutton		{ font-size:12px; line-height:30px; height:30px; float:right; outline:none; text-decoration:none; padding:0px 15px 0px 50px; margin:5px 10px 0px 0px;
	-moz-border-radius:4px; 	-webkit-border-radius:4px;	border-radius:4px;	opacity:0.8; }

a.smallbutton:hover	{ opacity:1.0; }


/* Button icons */

a.pdf			{ background:#b8b8b8 url(images/pdf.png) 10px 50% no-repeat; }
a.pdf2			{ background:#b8b8b8 url(images/pdf.png) 10px 50% no-repeat; }


/* Boxes -------------------------------------------------------------------------------------------*/

.widgets 				{ margin-top:10px; margin-right:15px;text-align:right; }
.widgets h3 			{ color:#fff; }
.widgets	ul 			{ margin-top:10px; margin-bottom:10px;  }
.widgets	ul li 		{ list-style:none; overflow:hidden;}
.widgets	ul li a		{ color:#999;}


#recentcomments	ul		{ width:205px; text-align:right;}
#recentcomments	li		{ padding:3px 0;}


#calendar_wrap			{ float:right; clear:both; width:200px; }

#wp-calendar 			{ width:100%; }	
#wp-calendar caption	{ font-size:15px; }
#wp-calendar td,
#wp-calendar th			{ padding:6px;  text-align:center; }


/* Pagination -------------------------------------------------------------------------------------------*/

.pagination											{ clear:both; margin-top:30px; height:50px; width:100%; border-top:1px solid #444; padding-top:15px;}

.pagination a, 
.pagination a:link, 
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend								{ font-size:11px; padding: 10px; line-height:30px;  margin: 1px; color:#999; border: 1px solid #777; background: #222; 
													-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}

.pagination span.pages 								{ border:0; text-transform:uppercase; border:1px solid #555; }
.pagination a:hover 								{ border: 1px solid #555; background: #000; }

.pagination span.current 							{ padding: 10px; margin: 1px; font-weight: bold; color:#fff; border: 1px solid #555; background:#000;}