/*
Theme Name: Moderno
Theme URI:  http://themes.bavotasan.com/our-themes/premium-themes/moderno/
Description: A Premium Theme featuring a fully customizable layout and design. Theme options include site width, widgetized sidebars and footer bar, header logo, Google Analytics, multiple front page layouts, color and font options and tons more. Designed by <a href="http://themes.bavotasan.com/">Themes by bavotasan.com</a>.
Version: 1.0
Author: c.bavota, Juan Gordillo
Author URI: http://themes.bavotasan.com/
Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* General settings */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	}

body {
	width: 100%;
	}

p {
	margin: 12px 0 0;
	}

a {
	text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
		}
			
textarea {
	width: 96%;
	border: 1px solid #ccc;
	}			
		
input { 
	border: 1px solid #ccc;
	padding: 3px;
	}		
		
.fl {
	float: left;
	}
	
.fr {
	float: right;
	}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	}
		
blockquote {
	border-left: 5px solid #ccc;
	margin-left: 20px;
	padding-left: 10px;
	}
	
	blockquote p {
		margin-left: 0 !important;
		}
	
/* Header */

#header {
	margin: auto;
	position: relative;
	}	
	
	#title {
		margin: 40px 0 30px 0;
		}
		
		#title a {
			font-weight: bold;
			}
			
			#title a:hover {
				text-decoration: none;
				}
		
	#description {
		float: left;
		clear: left;
		margin: 0 0 15px 0;
		color: #939393;
		font-size: 16px;
		line-height: 18px;
		}
		
/* Navigation */

#navigation {
	clear: both;
	margin: 0 0 20px;
	position: relative;
	padding: 6px 0 6px;
	}		
	
	#navigation ul {
		list-style: none;
		text-align: center;
		}
	
	#navigation ul li {
		display: inline;
		margin: 0 5px;
		}
		
		#navigation ul li a {
			text-transform: uppercase;
			padding: 9px 10px;
			}
			
			#navigation ul li a:hover, #navigation ul li.current-cat a {
				text-decoration: none;
				background: #ebe6b9;
				-moz-border-radius: 6px;
				-khtml-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 6px;				
				}
				
#navigation ul li:hover ul ul { display: none; }	
#navigation ul ul { position:absolute; top:32px; display:none; text-align: left; list-style:none; margin:0;padding:0; z-index: 500; -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5); }
#navigation ul ul li {position:relative; display: block; width:200px; margin:0; padding: 0; }
#navigation ul ul li a {display:block; padding:8px 7px 8px 12px; border: 0; }
#navigation ul ul li a:hover { background: #3d4a4f; }
#navigation ul ul ul { top: 0; display: none; }	

#magic-line { position: absolute; top: -6px; left: 0; width: 100px; height: 2px; }

/* Main Content */

#content {
	clear: both;
	margin: auto;
	position: relative;
	}	
	
	#wrapper {
		float: left;
		width: 100%;
		padding: 0 0 20px;
		}
	
	#leftbg {
		height: 589px;
		width: 65px;
		background: url(images/newbg.png) no-repeat left top;
		position: absolute;
		top: 0;
		left: -64px;
		}

	#rightbg {
		height: 589px;
		width: 65px;
		background: url(images/newbg.png) no-repeat right top;
		position: absolute;
		top: 0;
		right: -64px;
		}

/* Posts */

#postwrapper {
	padding: 10px 0;
	line-height: 24px !important;
	}
	
	.homepage {
		width: 96%;
		clear: left;
		float: left;
		}
		
		.homepage h2 {
			font-family: Georgia, "Times New Roman", Times, serif;
			}
		
	.homepage h3 {
		color: #000;
		font-variant: small-caps;
		}

.ind-post {
	clear: left;
	margin-top: 20px;
	float: left;
	}
	
	.ind-post ul, .ind-post ol, table {
		padding: 12px 0 12px 16px;
		margin: 0 20px;
		}
	
	.ind-post h2 {
		margin: 0 0 16px 16px;
		width: 94%;
		}
		
		.storycontent h2 {
			margin-left: 0px;
			}
		
		.ind-post h2 a:hover {
			text-decoration: none;
			}
		
	.ind-post p {
		margin: 0 0 12px;
		width: 94%;
		}

	.more-link {
		font-size: 0.9em;
		}

	.storycontent {
		margin: 5px 0 0 16px;
		}

.postimage {
	position: relative;
	}
	
	.postimage img.aligncenter {
		position: absolute;
		top: 10px;
		left: 19px;
		}
	
	.postimage .date {
		position: absolute;
		top: 5px;
		color: #444;
		right: 0px;
		width: 64px;
		height: 46px;
		padding: 18px 0 2px;
		line-height: 16px;
		background: url(images/datecircle.png) no-repeat;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		}
	
		.readmore {
			position: absolute;
			top: 115px;
			width: 100%;
			text-align: center;
			display: none;
			opacity: 0.8; 
			filter: alpha(opacity=80);
			}
			
			.readmore a {
				-moz-border-radius: 5px;
				-khtml-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 3px;
				padding: 5px 8px;
				background: #fff;
				text-align: center;
				margin: auto;	
				color: #888;
				}
				
				.readmore a:hover {
					text-decoration: none;
					}
		
.meta {
	color: #838383;
	font-style: italic;
	clear: both;
	margin: 20px 0 0 20px;
	}
	
	.meta a {
		color: #838383;
		}
	
	.meta .author, .meta .ind-comments {
		float: left;
		}

.bottomline {

	}

/* Categories */

		
h1.catheader {
	text-transform:uppercase;
	margin: 20px 0 0;
	font-size: 2.5em;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 100%;
	}			
	
	.catdesc {
		font-size: 12px;
		line-height: 1.2em;
		padding: 0 10px 5px 20px;
		border-top: 0;
		color: #888;
		text-align: center;
		width: 92%;
		}
	
	.cattop {
		margin: 0 0 0 10px;
		}	

/* Pagination */	
	
.pagination {
	margin: 20px 6% 0;
	float: right;
	font-size: 12px;
	}	

.pagination a {
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ddd;
	color: #666;
	background-color: #FFFFFF;	
	
}

.pagination a:hover {	
	border: 1px solid #444;
	color: #444;
	background-color: #FFFFFF;
}

.pagination span.pages {
	padding: 3px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #666;
	border: 1px solid #ddd;
	background-color: #FFFFFF;
}
.pagination span.current {
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	border: 1px solid #666;
	color: #444;
	background-color: #FFFFFF;
}
.pagination span.extend {
	padding: 3px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #ddd;
	color: #444;
	background-color: #FFFFFF;
}

/* Comments */

#postcomments {
	padding-top: 20px;
	}
		
	.cancel-comment-reply {
		font-size: 12px;
		margin: 0 0 10px 0;
		}	
		
	#commentform #submit {
		padding: 5px 10px;
		cursor: pointer;
		border: 1px solid #ddd;
		}
		
	#commentform input {
		margin-right: 5px;
		}	
			
	 h3#comments, #respond h3 { font:normal 150% georgia,times,serif; margin: 10px 0; clear: left; }

	#commenttemplate {
		clear: both;
		margin-left: 20px;
		float: left;
		width: 92%;
		}

	 #respond p { font-size:11px; margin:0 0 1em; width: 100%;}	

	 ol.commentlist { list-style:none; margin:0; padding:0; float: left; width: 100%; }

	 ol.commentlist li { margin:0 0 10px; padding:20px 0 20px 20px; background: #fff; border: 1px solid #eee; }

	.commentlist .avatar {
		float: right;
		padding: 5px;
		border: 1px solid #ddd;
		margin: 0 20px 10px 10px;
		background: #fff;
		}
	
	.commentlist .comment-author {
		font-size: 12px;
		}
	
	.commentlist .comment-text {
		padding: 0 20px 0 0;
		}
	
	.commentlist .url {
		font-size: 16px;
		font-style: italic;
		}

	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; margin-top: 10px; }

	 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }

	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

	 ol.commentlist li ul.children { margin:16px 20px 0 0; padding: 0 0 0 20px; list-style-image: url(images/commentarrow.png); }
	 ol.commentlist li ul.children li { background: #eee; }

/* Sidebar */ 

#sidebar {
	padding: 46px 0 0 36px;
	}

.callouts img {
	margin-bottom: 25px;
	}

	#secondsidebar {
		padding: 46px 0 0;
		}


	.side-widget {
		float: left;
		margin-bottom: 20px;
		}
		
		.side-widget .authorlist li {
			clear: left;
			float: left;
			margin: 0 0 15px;
			border: 0;
			padding: 0;
			width: 100%
			}	
	
		.side-widget .authorlist img.photo {
			width: 40px;
			height: 40px;
			float: left;
			}
		
		.side-widget .authorlist div.authname {
			margin: 12px 0 0 10px;
			float: left;
			}
			
		.side-widget h3, .bottom-widget h3 {
			text-transform: uppercase;
			padding-bottom: 8px;
			border-bottom: 2px solid #cccccc;
			margin-bottom: 10px;
			}
			
		.side-widget ul li, .bottom-widget ul li {
			list-style-type: none;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #cccccc;
			}
		
		.side-widget h3.twitter {
			background: url(images/twitter.png) no-repeat top left;
			padding: 8px 0 8px 35px;
			}
			
		.side-widget .portfolio {
			margin: 5px;
			float: left;
			border: 1px solid #ccc;
			}
			
			.side-widget .twitterlink {
				text-align: center;
				display: block;
				letter-spacing: 1px;
				font-variant: small-caps;
				font-size: 1.2em;
				}	
		
.sideads img {
	margin: 2px;
	}
	
#s {
	margin: 0;
	padding: 5px 8px;
	float: left;
	}

#searchsubmit {
	border: 0;
	padding: 5px;
	float: left;
	}

/* Extended Footer */

#bottombar {
	margin: 20px 0;
	border-top: 4px solid #fff;
	padding: 20px 0 0;
	clear: left;
	float: left;
	width: 100%;
	}
			
	#bottombar .bottom-widget {
		float: left;
		width: 18%;
		margin: 0 1%;
		}
	
	#bottombar .rsswidget img {
		display: none;
		}

/* Footer */

#footer {
	clear: both;
	float: left;
	width: 100%;
	background: #ebe6b9;
	border-top: 1px solid #dbd6ad;
	color: #758c4d;
	font-size: 12px;
	padding: 20px 0;
	margin: 0;
	}
	
	#footercontent {
		margin: auto;	
		}
		
	#footerad {
		width: 100%;
		text-align: center;
		clear: both;
		float: left;
		margin-top: 15px;
		}
	
	#footer a {
		color: #758c4d;
		}
	
	.footerright {
		position: relative;
		}
		
	.backtotop {
		position: absolute;
		right: -40px;
		bottom: -5px;
		}

/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin: 10px auto;
	clear: both;
}

.alignleft, div.alignleft {
   float: left;
   margin: 5px 15px 5px 0;
}

.alignright, div.alignright {
   float: right;
   margin: 5px 0 5px 15px;
}

.alignnone {
	margin: 5px 0;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

#wp-calendar {
	margin: auto;
	}
	
	#wp-calendar tbody td {
		margin: 0;
		padding: 2px;
		text-align: right;
		}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

p.error {
	color: #cc0000;
	margin: 12px 0;
	}		
	
/* Tabs
----------------------------------*/
#tabs {
	width: 100%;
	float: left;
	margin: 30px 0 0 0px;
	display: none;
	color: #444;
	}
	
	#tabs.side {
		/*background: url(http://www.mvholistic.com/wp-content/themes/moderno/images/tabright.png) repeat-y #fff;*/
		}

	
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; margin: 0; float: left; }
	#tabs.side.ui-tabs .ui-tabs-nav { width: 180px; margin-bottom: 20px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; font-size: 12px; padding: 5px 37px; border-right: 1px solid #fff; background: #ebe6b9; color: #758c4d; }
	#tabs.side.ui-tabs .ui-tabs-nav li a { display: block; text-align: right; width: 180px; padding: 5px 10px; border: 0; border-bottom: 1px solid #fff; }
	.page-id-7 .ui-tabs .ui-tabs-nav li a { padding: 5px 45px; }
	.page-id-50 .ui-tabs .ui-tabs-nav li a { padding: 5px 16px; }
	.page-id-36 .ui-tabs .ui-tabs-nav li a { padding: 5px 50px; }
ui-tabs .ui-tabs-nav li.noline a { border: 0;}
.ui-tabs .ui-tabs-nav li a:hover { color: #5A0779; background: #ddd69b; }
	#tabs.side.ui-tabs .ui-tabs-nav li a:hover { color: #5A0779; background: #ddd69b; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #5A0779; background: #ddd69b; }
	#tabs.side.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #5A0779; background: #ddd69b; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; width: 605px; border-width: 0; background: none; clear: both; float: left; padding: 10px 15px 12px; text-align: justify; }
	#tabs.side.ui-tabs .ui-tabs-panel { clear: right; float: right; width: 380px; padding-top: 0; margin-bottom: 10px; text-align: left; }
.ui-tabs .ui-tabs-hide { display: none !important; }
	.ui-tabs-panel h2 {
		margin-top: 10px;
		color: #5A0779;
		}
	
.ui-tabs .ui-tabs-panel ul, 
.ui-tabs .ui-tabs-panel ol {
	padding: 1em 20px 0;
	}

.fivebottom {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0 15px;
	}		
				
	.fivebottom .bottom {
		width: 210px;
		padding: 0;
		float: left;
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		margin-right: 26px;
		}
		
		.fivebottom .bottom4 {
			margin: 0;
			}
				
		.fivebottom .bottom img  {
			margin-bottom: 5px;
			float: left;
			}
			
			.fivebottom .bottom img:hover {
				border-color: #444;
			 	}
							
		.fivebottom .bottom .bottomtitle  {
			font-size: 12px;
			letter-spacing: 1px;
			color: #111;
			}

#postwrapper ul.sitemap {
	padding: 0 16px 1em;
	}
	
	#postwrapper ul.sitemap li {
		list-style-type: none;
		}
	
	#postwrapper ul.sitemap li li {
		list-style-type: disc;
		}
		
.page-id-207 small {
	line-height: 16px;
	}
	
	.page-id-207 strong {
		color: #758c4d;
		}
	
table.athome {
	width: 890px;
	margin: 0 0 15px;
	padding: 0;
	line-height: 16px;
	border-collapse: collapse;
	}

	table.athome th {
		background: #ebe6b9;
		padding: 8px 0;
		border: 1px solid #FFFED7;
		}

	table.athome td {
		vertical-align: top;
		width: 20%;
		font-size: 13px;
		padding: 10px;
		border: 1px solid #ebe6b9;
		}
		
table.sample {
	margin: 0 0 15px;
	padding: 0;
	width: 600px;
	border-collapse: collapse;
	line-height: 16px;
	}
	
	table.sample th {
		vertical-align: top;
		text-align: right;
		width: 100px;
		padding: 10px 5px 10px 0;
		}

	table.sample td {
		vertical-align: top;
		padding: 10px 0 10px 10px;
		}
		
table.contact {
	margin: 0 0 15px;
	padding: 0;
	}
	
table.packages {
	width: 890px;
	margin: 0 0 15px;
	padding: 0;
	line-height: 16px;
	border-collapse: collapse;
	border-bottom: 1px solid #ebe6b9;
	}	
	
table.packages td {
	padding: 10px;
	width: 30%;
	vertical-align: top;
	border-left: 1px solid #ebe6b9;
	border-right: 1px solid #ebe6b9;
	font-size: 13px;
	}
	
	table.packages th {
		padding: 10px 5px 10px 0;
		background: #ebe6b9;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-variant: small-caps;
		border: 1px solid #FFFED7;
		font-size: 16px;
		}
		
	table.packages td.sub {
		text-align: center;
		}

		table.packages td.sub {
			font-size: 14px;
			}
			
		table.packages td.em {
			font-style: italic;
			}

	table.packages span {
		color: #5A0779;
		}
	
strong {
	color: #5A0779;
	}
	
/* SHOPPING CART */

.wpsc_categorisation_group ul {
	list-style: none;
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 12px;
	}

h2 { font-size: 24px !important; line-height: 26px; }

.MailPressFormSubmit {
	margin-top: 5px;
	}
	
.mp-form input {
	margin-bottom: 5px;
	}	
	
.ind-post h2.prodtitles {
	font-size: 18px !important;
	}