/*

****************************************************************************************

The Epic Theme Framework is copyright Epic Media Lab Ltd. http://epicthemes.net/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

==============================================================================================

	To keep things organized, we have chosen to separate the styles into
	multiple css-files. These files are inserted in header.php via 
	the wp_head() hook in the function epic_header_css(), in /child/functions.php


	# styles.css :

		General styles for most theme elements. Some elements, like forms and sidebars are styled
		in sidebar.css and forms.css
		
		@ Location: theme root
		
	# Themestyles.css (this file)
	
		Most theme styles are based here.
		
		@ Location: /child/styles/themestyles.css
	
	
	# Elements.css
	
		Styles for misc elements, like pagination, comments, related posts etc.
		
		@ Location: /child/styles/elements.css
	
	


==============================================================================================


	TABLE OF CONTENT 

	# Css reset
	# Typography
	# Global styles
	# Links
	# Lists
	# Forms
	# Navigation
	# Header
	# Content
	# Sidebar
	# Footer
	
	Every section has its own table of contents

*/




/*  # CSS RESET
================================================== */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }



/*  # TYPOGRAPHY
================================================== */
 
	h1, h2, h3, h4, h5, h6 { font-weight:bold; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-family: 'Helvetica Neue', Arial, Helvetica,sans-serif; font-size:1.5em; line-height:1.4em; margin:0 0 12px 0; color:#313029; font-weight:bold;}
	h2 { font-family: 'Helvetica Neue', Arial, Helvetica,sans-serif; font-size:1.4em; line-height:1.5em; margin:0 0 10px 0; color:#313029; font-weight:bold;}
	h3 { font-family: 'Helvetica Neue', Arial, Helvetica,sans-serif; font-size:1.2em; line-height:1.5em; margin:0 0 16px 0; color:#313029; font-weight:bold;}
	h4 { font-family: 'Helvetica Neue', Arial, Helvetica,sans-serif; font-size:1.0em; line-height:1.5em; margin:0 0 10px 0; color:#313029; font-weight:bold;}
	h5 { font-family: 'Helvetica Neue', Arial, Helvetica,sans-serif; font-size:0.9em; line-height:1.5em; margin:0 0 10px 0; color:#4a493f; font-weight:bold;}
	h6 { font-family: 'Helvetica Neue', Arial, Helvetica,sans-serif; font-size:0.9em; line-height:1.5em; margin:0 0 10px 0; color:#4a493f; letter-spacing:1px; text-transform:uppercase;	}
	p  { font-family: 'Helvetica Neue', Arial, Helvetica,sans-serif;  margin:0 0 20px 0; }
	

	em { font-style: italic; }
	strong { font-weight: bold;}
	small { font-size: 80%; }
	
	blockquote, blockquote p { font-style:italic; font-size: 15px; }
	blockquote {
		margin-left: 50px; 
		padding-left:20px; 
		border-left:1px solid #eee; 
		margin-bottom:20px; 
		}

	hr { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	
	header.pageheader 	{display: block; clear: both; width: 100%; float: left; margin-bottom:6px;}
	header.pageheader h1 	{color:#fff; background:#313029; float: left; clear: both; padding:5px 8px; font-size:1.2em; text-transform: uppercase; text-shadow: none;
	
	border-radius:1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	
	}

/*  # GLOBAL STYLES
================================================== */
 
	body,html {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; 
		font-size:13px; 
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		 text-shadow: #fff 0px 1px 1px;
		color:#5c5b50; 
		line-height:1.6em;
		margin:0;
		padding:0;
		overflow-x: hidden;
		
	}
		
	figure img {display:block;}	

/*  # LINKS
================================================== */

	a { color: #745d40; text-decoration: none; outline: 0;}
	a:hover, a:focus { color: #494b35;}
	p a { line-height: inherit; }
	
	article a{ color: #745d40; text-decoration: none; outline: 0; }
	article a:hover, article a:focus { color: #494b35; }
	

/*  # LISTS
================================================== */
	ul, ol {margin-top:10px; margin-bottom: 20px; }
	ul { list-style-image: url('../img/menu_dot.png'); list-style-position: outside;}
	ol { list-style: decimal; }
	ul, ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin:0px 0 10px 20px;   }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 2px; }
	li { line-height: 15px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }


/*  # FORMS
================================================== */

	form{
		margin-bottom: 20px; 
		width:100%;  
		float:left; 
		clear:both;
	}
	
	fieldset { margin-bottom: 20px; }
	
	input, textarea{
		font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; 
		color:#777; 
		font-size:12px; 
	}
	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		
		padding: 6px 2%;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; 
		margin: 4px 0;
		width: 96%;
		max-width: 96%;
		display: block;
		margin-bottom: 20px;
		line-height:16px; 
		}
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select {  color: #666;  border: 1px solid #f1f1f1; background: url('../img/white_50.png'); }
	
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #ddd;
 		color: #444;
 		background: #fff;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px;
		width:99%;
		 }
	
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		color: #444;
		}
		
		
		
/*  # SITE STRUCTURE
================================================== */		
#main {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    clear: both;
    }

/* Site header */
header#siteheader {
    position: relative;
    width: 100%;
    display: block;
    float: left;
    clear: both;
    margin: 0 0 36px 0;
    padding: 0;
    background: #252525;
    background: #252525 -moz-linear-gradient(top, rgba(255,255,255,.2) 10%, rgba(200,200,200,.1) 100%); /* FF3.6+ */
    background: #252525 -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,.2)), color-stop(100%,rgba(200,200,200,.1))); /* Chrome,Safari4+ */
    background: #252525 -webkit-linear-gradient(top, rgba(255,255,255,.1) 10%,rgba(0,0,0,.05) 100%); /* Chrome10+,Safari5.1+ */
    background: #252525 -o-linear-gradient(top, rgba(255,255,255,.2) 10%,rgba(200,200,200,.1) 100%); /* Opera11.10+ */
    background: #252525 -ms-linear-gradient(top, rgba(255,255,255,.2) 10%,rgba(200,200,200,.1) 100%); /* IE10+ */
    background: #252525 linear-gradient(top, rgba(255,255,255,.2) 01%,rgba(200,200,200,.1) 100%); /* W3C */
}

/* Site content */
#content {
    width: 100%;
    height: 100%;
    float: left;
    clear: both;
    min-width: 960px;
    position: relative;
}

#loader {
	width: 100%;
	height: 0;
	float: left;
	clear: both;
    position: relative;
    display: block;
    overflow-y: auto;
	}

/* Left sidebar */
aside#sidebar {
    float: left;
    display: inline;
    width: 170px;
    margin: 0 0 0 30px;
    }

/* Right sidebar */
aside#extra {
    float: left;
    width: 190px;
    margin-top:0px;
    margin-left: 20px;
    margin-right: 0px;
    }

/* Article */

article { float: left; }

/* Contentwrapper */

#contentwrapper,
.tax-clients #contentwrapper,
.tax-portfoliocategory #contentwrapper,
.page-template-template-fullwidth-php #contentwrapper{ margin: 0 0 0 230px !important;}
	
/* Contentwrapper on pages with right sidebar */
.post-sidebar-extra #contentwrapper,
.blog-sidebar-extra #contentwrapper { margin: 0 230px 0 230px !important;  }


/* Default article */
.blog-sidebar-regular article { width:700px !important; }
.post-sidebar-regular article { width:700px; }

.tax-clients article,
.tax-portfoliocategory article,
.page-template-template-portfolio-php article,
.page-template-template-portfolio-masonry-php article {width:auto !important; margin-right:-30px; }

.page-template-template-fullwidth-php article {width:auto !important;  }

.blog-sidebar-extra article { width:540px; }
.post-sidebar-extra article { width:540px; }

aside .pagecaption {
    padding: 30px 0;
    border-top: 2px solid #222;
    float: left;
    clear: both;
    width: 100%;
}

#postlist {
    width: auto;
    margin-top: 20px;
}

/* Site footer */
footer#sitefooter {
    clear: both;
    margin-bottom: 20px;
    margin-left:230px;
    }

.client_tab img {border-left:1px solid #eee; padding:20px; margin-left:20px;}

#footer-credits-left {
    display: inline;
    float: left;
    margin: 4px 0 20px 0px;
    
}

#footer-credits-right {
    
    float: right;
    text-align: right;
    margin: 4px 0px 20px 0;
}


/* ===[ Loader ]=== */

#ajaxload {
    width: 640px;
    float: left;
    
}

#loader #ajaxload {
    width: 640px;
    margin:80px 0 0;
   
}


#loader.loading { background: url('../img/ajax-loader.gif') no-repeat 50% 40% }

#logo,
h2 a#logo,
#siteheader #logo { float: left }

.video-wrap, .video-wrap object, .video-wrap iframe {
    width: 100%;
    height:100%;
}
#loader .pageheader {float:left:}
#loader .widescreenratio { height:360px;}
#loader .normalratio	{height: 400px;}

#articlecontainer {
    margin: 30px auto 30px;
    width: 640px;
    display: none;
    
}



#articlecontainer img { max-width: 100% }





article#article_fullwidth { margin-right: 0px }



.portfolio-bottom {display: block; border-top:1px solid #eee; padding-top:20px; margin-bottom:20px;}

section#post-content {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .07);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .07);
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    padding: 30px 30px 20px;
    display:block;
    clear: both; 
}

.portfolio-content {display: block; clear: both;}
.openfullpost{display:none;}
#loader .openfullpost{display: inline;}
#loader .portfolio-content {display:none;}

a.epic_url{padding-left:22px; background: url('../img/icon_link.png') no-repeat left center;}


#articlecontainer .flex-container,
#articlecontainer .video-wrap,
#articlecontainer figure  { margin: 0 !important }

article#article .postinfo {
    float: left;
    margin: 0;
    display: inline;
}

article#article #postcontent {
    width: 540px;
    float: left;
   
}

.single-portfolio section{width:580px;}

#post_nav_inside {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    position: relative;
}

#post_nav {
    float: left;
    clear: both;
    width: 100%;
    display: block;
    height: 0;
    margin: 0px auto 30px;
}

#postnav_overview {
    background: url('../img/postnav_overview.png') no-repeat center center;
    width: 40px;
    height: 40px;
    display: none;
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -20px;
    z-index: 20;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
 
}

#postnav_back {
    background: url('../img/postnav_back.png') no-repeat center center;
    width: 40px;
    height: 30px;
    display: none;
    position: absolute;
    left: 50%;
    top: 60px;
    margin-left: -20px;
    z-index: 20;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
 
}
#loader #postnav_back {display:block;}
#loader #postnav_overview{display:block;}

#next_post_nav {
    position: fixed;
    top: 42%;
    left: 0px;
    height: 80px;
    width: 200px;
    margin-top: -30px;
    display:none;
}

#loader #next_post_nav {display:block;}

#prev_post_nav {
    position: fixed;
    top: 42%;
    right: 0px;
    height: 80px;
    width: 200px;
    margin-top: -30px;
    display:none;
}

#loader #prev_post_nav {display:block;}

.prev_post,
.next_post {
    width: 200px;
    height: 80px;
    display: block;
    position: absolute;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.next_post {
    background: url('../img/postnav_prev.png') no-repeat 10px center;
    left: 40px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.prev_post {
    background: url('../img/postnav_next.png') no-repeat 160px center;
    right: 40px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.next_post:hover {
    background-image: none;
    background-position: 30px center;
}

.prev_post:hover {
    background-image: none;
    background-position: 140px center;
}

#preview_prev,
#preview_next {
    width: 48px;
    height: 48px;
    display: none;
    position: absolute;
    top: 16px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    border: 8px solid #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .1);
}

#preview_next {
    left: 80px;
    margin-left: -46px;
}

#preview_prev {
    margin-right: -40px;
    right: 80px;
}

#preview_prev img,
#preview_next img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

.preview_next_title {
    display: none;
    position: absolute;
    left: 120px;
    width: 200px;
    top: 38px;
    
}

.preview_prev_title {
    display: none;
    position: absolute;
    right: 120px;
    width: 200px;
    text-align: right;
    top: 38px;
    
}

#post_nav { display: none }

#ajaxload #post_nav { display: block }
		
		
/*  # PORTFOLIO
==================================================

 Table of content:
 
 # Portfolio-container
 # Portfolio filter menu

==================================================*/


/* Portfolio container */


.p_terms, .p_terms a { color:#888 !important; font-size:0.9em;  }

ul.portfolio-items {
	padding:0;
	margin:0 0 20px;
	list-style: none;
	position: relative;
	float: left;
	clear: both;
	}
	
	.portfolio-post { 
		position: relative;
		text-align:center;
		float:left;
		width:220px;
		margin:0 20px 20px 0px;
		padding:0 0 0px 0;
		background: #fff;
		box-shadow:0px 1px 3px rgba(0, 0, 0, .07);
		 -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .07);
		 -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, .07);
		 border-radius:1px;
		 -moz-border-radius: 1px;
		 -webkit-border-radius: 1px;
		 -webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		 border-bottom:1px solid #d5d4ce;


	}

	
	portfolio-post:hover{ 
		
		box-shadow:0px 1px 5px rgba(0, 0, 0, .15);
		-webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, .15);
		-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, .15);
		}
		
	
		
.portfolio-post a:hover{ cursor: pointer;}

.portfolio-post img {display: block;}
.portfolio-post figure{
	display: block;
	
	}

	.portfolio-post .type_gallery figure{ background:#000 url('../img/icon_gallery.png') 	no-repeat center center;}
	.portfolio-post .type_video figure	{ background:#000 url('../img/icon_video.png') 		no-repeat center center;}
	.portfolio-post .type_image figure	{ background:#000 url('../img/icon_image.png') 		no-repeat center center;}
	
	.portfolio-post img{
		margin: 0;
		opacity: 1;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		}
	
	.portfolio-post:hover img{
		
		opacity:.15;

		}



.portfolio-post .summary{
	line-height:10px;
	width:auto;
	margin:10px 20px 20px; 
	}

.portfolio-post .summary a.ajaxlink{
	margin: 0;
	padding:0;
	}



.portfolio-post .zoom{
	width:30px;
	height:30px;
	display: block;
	position: absolute;
	bottom:50%;
	left:50%;
	margin-top:-15px;
	margin-left:-15px;
	background:url('../images/icon_zoom.png') no-repeat;
	display: none;	
	}
	
.portfolio-post .zoom-image  {background-position: center top;}
.portfolio-post .zoom-video  {background-position: center bottom;}
.portfolio-post .zoom-gallery{background-position: center top;}




/* BLOG, CATEGORY AND ARCHIVE PAGES
======================================================================*/


.blogpost {margin-bottom:30px;}

.masonry .blogpost { 
	padding:10px 0 0px; 
	background: #fff;
	box-shadow:0px 1px 3px rgba(0, 0, 0, .07);
		 -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .07);
		 -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, .07);
		 border-radius:1px;
		 -moz-border-radius: 1px;
		 -webkit-border-radius: 1px;
		 -webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		 border-bottom:1px solid #d5d4ce;
	 margin:0 20px 20px 0px;
	 width:340px;
	 position: relative;
	 float: left;
}

.masonry .blogpost:hover{ 
		background:#fff;
		box-shadow:0px 1px 5px rgba(0, 0, 0, .15);
		-webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, .15);
		-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, .15);
		}




.masonry .blogpost figure img{width:100%}

.masonry .blogpost figure, 
.masonry .blogpost .flexslider{
		background: #000;
		width:100%;
		margin:0 0 20px 0;
		}
		
	.blogpost .type_gallery figure 	{ background:#000 url('../img/icon_gallery.png') 	no-repeat center center;}
	.blogpost .type_video figure	{ background:#000 url('../img/icon_video.png') 		no-repeat center center;}
	.blogpost .type_image figure	{ background:#000 url('../img/icon_image.png') 		no-repeat center center;}

.blogpost figure img{
		margin: 0;
		display: block;
		max-width:100%;
		width:100%;
		opacity: 1;
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		}
	
.blogpost:hover figure img{

		opacity:.15;

		}
		
.masonry .blogpost .summary{
	margin:10px 20px 20px; 
	}





/* Regular blog */
.blogpost  h1{margin:0;}
.page-template-template-blog-php .blogpost{
	margin-bottom:40px;
	float: left;
	width:100%;
	}
	
 figure, 
.epicgallery,
.video-wrap{
	background: #000;
	margin-bottom:16px;
	display: block;
	clear: both;
	}

	

	
#ajaxload figure, #ajaxload .flexslider, #ajaxload .video-wrap {margin-bottom:0 !important;}

/* POST META
======================================================================*/

.post-meta {margin:0px 0 6px; }
.post-meta li {font-size:0.9em;}
.post-meta li, .post-meta li a{ display:inline;  color:#999; margin:0; }
.post-meta a {color:#999 !important;}

.comments-meta .icon { background:url('../img/menu_dot_comment.png') no-repeat center center;}
.categories-meta .icon { background:url('../img/icon_cats.png') no-repeat center center;}

.tags-meta .icon { background:url('../img/icon_tag.png') no-repeat center center;}

.comments-meta {float:right !important; display: block;}

.masonry .comments-meta {float:right !important; display: block; position: absolute; bottom:20px; right:20px;}




.alphaomega{margin:0 !important;}


.subtitle{margin-bottom:2px;}
	
/* PRIMARY MENU
=======================================================*/

#mainmenu { display:block; margin-left:215px;  text-shadow: none;  overflow: visible; }
#main-menu { margin:0; padding:0; list-style: none; min-width:700px;  float: left;}	
#main-menu li, #main-menu li a { display:inline; float: left; color:#ddd; }
#main-menu li { padding:0; margin:1px 0 0; position: relative; font-weight: bold; font-size:0.9em;}
#main-menu li a { 
	padding:10px 15px 11px 15px; 
	margin:0 0px 0 0px; 
	color:#aaa;
	}
			    
#main-menu li a:hover, #main-menu li.primary-active a{color: #eee; background: url('../img/primary_active.png') no-repeat center bottom; }    	
#main-menu .sub-menu{display:none;}
#main-menu .current-menu-item a{ color: #eee; }


/* Level 2 */

#main-menu .sub-menu { 
	position: absolute; 
	display:none; 
	left:0; 
	margin:0 0 0 5px;
	padding:4px 0; 
	width:150px; 
	background: #fff; 
	z-index:500;
	border-radius:2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow:0px 1px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, .1);
	}
    	


#main-menu .sub-menu li {line-height: 16px; padding:5px 10px; margin:0; float: none; display: block; font-size:0.9em;}
#main-menu .sub-menu li a { font-weight:normal; padding:0; margin:0; float: none; display: block; color:#666;}
#main-menu .sub-menu li.current-menu-item a { color:#666;}

/* Level 3 */
#main-menu .sub-menu .sub-menu {margin-left:140px;}



/* Default widget list styles */


.widget ul {margin:0 0 10px 16px;  list-style-position: outside; }
.widget ul li {line-height:16px; margin:4px 0;}
.widget ul ul {margin:8px; margin-left:0; list-style-image: url('../img/menu_sub_dot.png'); list-style-position: outside; }
.widget ul ul li {}
.widget ul ul a { color:#999;}



nav#submenu{display: block; clear: both; float: left; width:100%; border-bottom:2px solid #f9f9f9; margin-bottom:25px;}

#submenu ul { margin:0; border-bottom:1px solid #e4e4e4; float: left; width:100%;}
#submenu ul li {margin: 0;}
#submenu ul li, 
#submenu ul li a{ display:inline; float: left; clear: none; }
#submenu ul li a{ 
	margin:0px 20px -1px 0; 
	padding-bottom:10px;
	border-radius:1px 1px 0 0;
	-moz-border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	
	}
#submenu ul li.current-menu-item a{ 
	background: url('../img/submenu_active.png') no-repeat center bottom;
	font-weight: bold;
	}
#submenu .sub-menu {display:none;}
	
/* Page menu - with description and thumbnail */
.pagemenu { list-style: none; margin:0 0 30px 0; border-top:1px solid #eee;  display:block; clear: both; }
.pagemenu li:last-child {border:none; }
.pagemenu li {display: block; clear: both; margin:0; padding:20px 0; border-bottom:1px solid #eee;}
.pagemenu a, 
.pagemenu a:hover {text-decoration:none; border:none; margin:0; padding:0;}
.pagemenu .caption    	{ display: block;  margin:0 0 0 80px; padding:0;}
.pagemenu .caption h3	{ display: block;  margin:0 0 4px; }
.pagemenu .caption p 	{ margin:0;}
.pagemenu li img {float:left; margin:4px 0  0 0; display: inline;}
.pagemenu li.current_page_item {display: none;}

.pagemenu .sub-menu { border:none; margin:10px 0 0 80px; }
.pagemenu .sub-menu li {clear:none; border:none; display:inline; margin-right:15px; padding:4px 0 4px 15px; background: url('../img/menu_dot.png') no-repeat left 5px !important;  }

	/* Page menu in sidebar */
	.widget .pagemenu { list-style: none; margin:0 0 20px 0; border-top:1px solid #eee;  clear: both; }
	.widget .pagemenu li {display: inline; width:100%; float:left; clear: both; margin:0; padding:20px 0 ; border-bottom:1px solid #eee;}
	.widget .pagemenu .caption    	{ display: block;  margin:0 0 0 0px; padding:0;}
	.widget .pagemenu li img {display:none;}
	
	.widget .pagemenu .sub-menu { border:none; margin:10px 0 0 0px;  }
	.widget .pagemenu .sub-menu li {clear:none; border:none; width:auto; margin-right:15px; padding:4px 0 4px 15px; }
	.widget .pagemenu li.current_page_item {display: none;}
	
.widget h3, .widget h4 { margin-bottom:10px;}	

/* SHORTCODE COLUMNS 
=======================================================*/
.one-half{ 
	width:47.9% !important;
	}
.one-third{
	width:30.66% !important;
	}
.two-third{
	width:65.33% !important;
	}
.one-fourth{
	width:22% !important;
	}
.three-fourth{
	width:74% !important;
	}
.one-fifth{
	width:16.75% !important;
	}
.two-fifth{
	width:37.6% !important;
	}
.three-fifth{
	width:58.4% !important;
	}
.four-fifth{
	width:67.2% !important;
	}
.one-sixth{
	width:13.33% !important;
	}

.one-half,.one-third,.two-third,.three-fourth,.one-fourth,.one-fifth,.two-fifth,.three-fifth,.four-fifth,.one-sixth{ 
	display:inline; 
	clear: none; 
	margin-right:4%; 
	float:left; 
	margin-bottom:20px;
	}
	
.last{margin-right:0% !important; /* Used to remove margins in the last item on a row, to ensure proper floating*/}	


/*  # COMMENTS
==================================================

Styles for the comments on pages and posts.

Table of content:

# Comments list
# Comments form

==================================================*/

#comments{margin:0 0 30px; width:100%; float:left; clear:both;}
#commentform p{width:100%;}
#commentform label{width:18%;}
#commentform input[type=text]{width:80%; display:block; float:right;}

.comment-form{float:left; clear:both; width:100%; }

.commentlist  { list-style:none; margin:0 0 20px; }
.commentlist li{clear: both; margin-bottom:20px;}
.commentlist li.depth-1 {margin:0px 0 30px 0;   display:block; width:100%; }
.commentlist li.depth-2 {margin:0px 0 30px 5%;  display:block; width: 95%;}
.commentlist li.depth-3 {margin:0px 0 30px 10%; display:block; width: 90%;}
.commentlist li.depth-4 {margin:0px 0 30px 15%; display:block; width: 85%;}
.commentlist li.depth-5 {margin:0px 0 30px 20%; display:block; width: 80%;}

.single-comment{clear:both; width:100%; float:left; margin-bottom:30px;}
.commentlist .button{margin:0 0 10px 0;}
.commentlist p{min-width:100%; display:block;}

.form-allowed-tags{font-size:12px;}

.comment-author{width:48px; height:48px;  display:inline; float:right; clear:none; margin:0 0 10px 20px;}
.comment-meta {margin:0; width:100%; float: left;}
.comment-text{margin:0px 0 0  0px;}
.commentnavigation{}
.comment-reply-link{ float:left; margin-right:10px; }



/* #Clearing
================================================== */

	    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
/* # Widgets 
=====================================================*/

.widget{ margin: 0 0 20px 0; float: left; clear: both;}

/* Default widget list */
.widget {}
.widget h3 {font-size:1em; font-weight: bold; text-transform:uppercase;}
.widget ul {}
.widget ul li {list-style-image: url('../img/menu_dot.png');}
.widget ul li a {}


/* widget nav menu */
.widget_nav_menu {}
.widget_nav_menu ul {}
.widget_nav_menu ul li {list-style-image: url('../img/menu_dot.png');}
.widget_nav_menu ul li a {}

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li { list-style-image: url('../img/icon_archive.png'); } 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {display: block; clear: both;}
.widget_tag_cloud a { font-size: inherit !important; background: url('../img/icon_tag.png') no-repeat left center; padding:0px 0px 0px 16px; margin:0 10px 0px 0; float: left; }
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* calendar widget */
.widget_calendar {}
#calendar_wrap {}
#calendar_wrap th {}
#calendar_wrap td {}
#wp-calendar tr td {}
#wp-calendar caption {}
#wp-calendar a {}
#wp-calendar #today {}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {list-style-image: url('../img/icon_cats.png');} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {list-style-image: url('../img/menu_dot_comment.png'); margin:6px 0;}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {}
.widget_search {}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:url('../img/tooltip_1.png') no-repeat center center;
	font-size:12px;
	height:40px;
	width:150px;
	padding:30px 20px 20px;
	text-align: center;
	color:#eee;	
	text-shadow: none;
}

.teaser {margin-right:30px; margin-bottom:30px; height:auto;}

.teaser h1  {
	font-size: 36px;
	line-height:44px;
	color: #252525;
   	text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	}

.teaser h2  {
	font-size: 32px;
	line-height:36px;
	color: #252525;
   	text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	}
	
.teaser h3  {
	font-size: 24px;
	color: #252525;
   	text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	}


/* Misc classes */

.block {display:block; clear: both;}

/* SKINS */

/* Turtle skin */
body.turtle {background: #11121a url('../img/skins/black_blue.png'); text-shadow:none;}

/* Blue ultralight */
body.skin_blue_ultralight {background-color: #ecf0f3; background-image: url('../img/skins/blue_ultralight.png'); color:#525a60; }
	.skin_blue_ultralight a, 
	.skin_blue_ultralight a:link {color:#58646d; }
	.skin_blue_ultralight a:hover {color:#323a40; }

/* Gray ultralight */
body.skin_gray_ultralight {background-color: #f4f4f4; background-image: url('../img/skins/gray_ultralight.png'); }
	.skin_gray_ultralight a {color:#666; }
	.skin_gray_ultralight a:hover {color:#444; }

/* Gray silver */
body.skin_gray_silver {background-color: #f4f4f4; background-image: url('../img/skins/gray_silver.png'); }
	.skin_gray_silver a, 
	.skin_gray_silver a:link {color:#666; }
	.skin_gray_silver a:hover {color:#444; }
	
/* Gray snakeskin */
body.skin_gray_snakeskin {background-color: #f4f4f4; background-image: url('../img/skins/silver_drops.png'); }
	.skin_gray_snakeskin a, 
	.skin_gray_snakeskin a:link {color:#666; }
	.skin_gray_snakeskin a:hover {color:#444; }
	
/* Gray flower */
body.skin_gray_flower {background-color: #f4f4f4; background-image: url('../img/skins/silver_flower.png'); }
	.skin_gray_flower a, 
	.skin_gray_flower a:link {color:#555; }
	.skin_gray_flower a:hover {color:#777; }
	
/* Black lemon skin */
body.skin_black_lemon {background-color: #000; background-image: url('../img/skins/black_lemon.png'); text-shadow: none; color:#888;}
	.skin_black_lemon a, 
	.skin_black_lemon a:link {color:#888; }
	.skin_black_lemon a:hover {color:#999;}
	.skin_black_lemon h1,
	.skin_black_lemon h2,
	.skin_black_lemon h3,
	.skin_black_lemon h4,
	.skin_black_lemon h5 { color:#f1f1f1;}
	
	.skin_black_lemon .portfolio-post,
	.skin_black_lemon section#post-content { background:#000; outline:1px solid #202020; border-bottom-color:#000;}
	.skin_black_lemon .pagemenu,
	.skin_black_lemon .pagemenu li,
	.skin_black_lemon nav#submenu {  border-color: #333; }
	.skin_black_lemon #submenu ul li.current-menu-item a{ background-image: url('../img/submenu_active_black.png');}