/*
This file contains the structural CSS required to make the
structure of builder layouts work without limiting the style.
*/


/*********************************************
	Generic module styling
*********************************************/

.builder-container-outer-wrapper {
}

.builder-module,
.widget-wrapper-single,
.widget-wrapper-left {
	clear: both;
}


/*********************************************
	Navigation module
*********************************************/

/* The following sets sub-navigation element width
.builder-module-navigation li ul {
.builder-module-navigation li li {
	width: 14em;
}*/
/* The following sets navigation element height
.builder-module-navigation,
.builder-module-navigation ul {
	line-height: 2em;
}*/
/* The following need to be adjusted if the width and height is changed 
.builder-module-navigation li ul ul {
	margin: -2em 0 0 10em;
}*/


.builder-module-navigation {
	padding: 0;
	list-style: none;
}

.builder-module-navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.builder-module-navigation a {
	display: block;
}
.builder-module-navigation li {
	float: left;
}
.builder-module-navigation li ul {
	background-color: white;
	position: absolute;
	left: -999em;
}
.builder-module-navigation li:hover ul ul,
.builder-module-navigation li:hover ul ul ul,
.builder-module-navigation li:hover ul ul ul ul,
.builder-module-navigation li:hover ul ul ul ul ul,
.builder-module-navigation li.sfhover ul ul,
.builder-module-navigation li.sfhover ul ul ul,
.builder-module-navigation li.sfhover ul ul ul ul,
.builder-module-navigation li.sfhover ul ul ul ul ul {
	left: -999em;
}
.builder-module-navigation li:hover ul,
.builder-module-navigation li li:hover ul,
.builder-module-navigation li li li:hover ul,
.builder-module-navigation li li li li:hover ul,
.builder-module-navigation li li li li li:hover ul,
.builder-module-navigation li.sfhover ul,
.builder-module-navigation li li.sfhover ul,
.builder-module-navigation li li li.sfhover ul,
.builder-module-navigation li li li li.sfhover ul,
.builder-module-navigation li li li li li.sfhover ul {
	left: auto;
}
.builder-module-navigation li:hover,
.builder-module-navigation li.sfhover {
	position: static;
}



/*********************************************
	Widget module
*********************************************/
.builder-module-widget-bar {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}
.builder-module-widget-bar .widget-wrapper {
	float: left;
	overflow: hidden;
}

.widget ul,
.widget ol {
	margin: 0 15px 5px 25px;
	list-style-type: square;
}

/*********************************************
	Content module
*********************************************/
.builder-module-content .content {
	float: left;
	overflow: hidden;
}


/*********************************************
	Image module
*********************************************/

.builder-module-image a img {
	border: none;
}


/*********************************************
		Post Meta Styles, if needed
*********************************************/
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
}
.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
	margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;
}
.meta-bottom .alignleft {
	width: 70%;
}
.meta-bottom .categories {
	padding: 0px 0px 0px 18px;
}
.meta-bottom .comments {
	padding: 0px 0px 0px 18px;
}
.photometa {
	margin: 0px 5px 0px 5px; padding: 0px 0px;
	width: 100%;
}
.EXIF {
	margin: -22px 0px 0px 10px; padding: 0px 0px;
	float: left;
	width: 33%;
}
.photometa h4 {
	text-align: center;
	margin: 0px; padding: 0px;
}
.photometa ul {
	list-style-type: none;
}

/*********************************************
		Previous/Next Page Navigation
*********************************************/
.paging {
	clear: both; /* To clear any floats */
	margin: 0px; padding: 10px;
}

/*********************************************
		Sidebar
*********************************************/
#sidebar { /* Wide Sidebar */
	margin-top: 6px;
}
#sidebar .widget {
	clear: both;
}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	margin: 0; padding: 20px 10px;
}
#comments .title {
	margin: 0px; padding: 15px 0px;
}
#comments ol.commentlist {
	margin: 0px; padding: 0px;
}
#comments ul.children {
	margin: 0px; padding: 10px 0px 0px 20px;
}
#comments .vcard {
	
}
#comments .vcard .avatar {
	display: block;
	float: left;
	margin: 0px; padding: 0px 10px 0px 0px;
}
#comments .comment-meta {
	padding: 0px 0px 20px 0px;
}
#comments li.even,
#comments li.odd {
	clear: both;
	list-style-type: none;
	margin: 5px 0px 5px 0px; padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border: 1px solid #999;
}
#comments ul.children li {
}
#comments li.even {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	overflow: hidden;
}
#comments li.odd {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	overflow: hidden;
}
#comments blockquote {
	margin: 10px 0px; padding: 10px;
}
#comments .alert {
	background: #fffbd6;
	border: 1px solid #ebe067;
	margin: 5px 0px; padding: 5px;
}
#comments p {
	margin: 0px 0px 10px; padding: 0px;
}

#respond {
	overflow: hidden;
	padding: 10px;
}
#respond #commentform {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}
#respond #commentform #author,
#respond #commentform #email,
#respond #commentform #url {
	width: 50%;
	margin: 0px 0px 5px 0px; padding: 5px;
}
#respond #commentform #comment {
	width: 90%;
	margin: 10px 0px 15px 0px; padding: 5px;
}

/*********************************************
		Footer Styles
*********************************************/
#footer {
	text-align: left;
}
#footer .alignleft,
#footer .alignright {
	padding: 1em;
}
#footer .alignright {
	text-align: right;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/*********************************************
		Contact Form Styles
*********************************************/
.ithemes-contact-page {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}
.ithemes-contact-page td {
	padding: 5px;
	text-align: left;
}
.ithemes-contact-page td.label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

.ithemes-contact-page input,
.ithemes-contact-page textarea,
.ithemes-contact-page select {
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 3px;
}
.ithemes-contact-page input:hover,
.ithemes-contact-page textarea:hover,
.ithemes-contact-page  select:hover	{
}

.ithemes-contact-page  input:focus,
.ithemes-contact-page  textarea:focus,
.ithemes-contact-page  select:focus	{
}

.ithemes-contact-page textarea,
.ithemes-contact-page input {
}

/*Alignment and Float*/
.center {
	margin: 0 auto;
}
.left {
	float: left;
}
.right {
	float: right;
}

.clearfloat {
	clear: both;
}

.wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.nomarpad {
	margin: 0;
	padding: 0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/*********************************************
		The Obligatory WP Styles
*********************************************/
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	text-align: right;
}
img.alignleft {
	margin: 0px 8px 8px 0px;
}
img.alignright {
	margin: 0px 0px 8px 8px;
}
.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;
	padding: 0 4px 5px;
	margin: 0;
}
