/*
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.4
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%;
	background: #F8F9F8;'
	}

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;
		}

p.warning {
	-moz-border-radius:3px 3px 3px 3px;
	border-style:solid;
	border-width:1px;
	margin: 5px 0;
	padding: 8px 10px;
	background-color:#FFFFE0;
	border-color:#E6DB55;
	}	
		
/* Header */

#header {
	margin: auto;
	}	
	
	#title {
		margin: 20px 0 5px 0;
		}
		
	#title.aligncenter {
		margin: 20px auto 5px;
		text-align: center;
		}
	
		#title.fr,
		#description.fl {
			text-align: right;
		}
		
		#title a {
			font-weight: bold;
			}
			
			#title a:hover {
				text-decoration: none;
				}
		
	#description {
		clear: both;
		margin: 0 0 20px 0;
		color: #939393;
		font-size: 16px;
		line-height: 18px;
		}
		
		#description.aligncenter {
			text-align: center;
		}
		
/* Navigation */

#main-navigation {
	clear: both;
	margin: 26px 0 12px;
	position: relative;
	padding: 0 0 6px;
	float: left;
	}		
	
	#main-navigation ul {
		list-style: none;
		}
	
	#main-navigation ul li {
		display: inline;
		}
		
		#main-navigation ul li a {
			text-transform: uppercase;
			font-weight: bold;
			padding: 0 8px 8px;
			}
			
			#main-navigation ul li a:hover {
				text-decoration: none;
				}
				
#main-navigation ul li:hover ul ul { display: none; }	
#main-navigation ul ul { position:absolute; top:26px; 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); }
#main-navigation ul ul li {position:relative; display: block; width:140px; margin:0; padding: 0; }
#main-navigation ul ul li a {display:block; padding:5px 7px 5px 12px; border: 0; }
#main-navigation ul ul ul { top: 0; display: none; }	

#magic-line { position: absolute; bottom: -2px; 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: -65px;
		}

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

/* Posts */

#postwrapper {
	}

.ind-post {
	clear: left;
	margin-top: 20px;
	float: left;
	position: relative;
	}
	
	.ind-post ul, .ind-post ol, table {
		padding: 12px 0 12px 16px;
		margin: 0 20px;
		}
	
	.ind-post h2 {
		margin-left: 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: 10px 0 0 16px;
		}

.postimage {
	position: relative;
	}
	
	.postimage .imgbg {
		height: 250px;
		}
	
	.postimage img.aligncenter {
		position: absolute;
		top: 10px;
		left: 19px;
		}
	
	.datecirc {
		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;
		}
		
		.datecirc.nopic {
			position: relative;
			float: right;
			}
	
		.readmore {
			position: absolute;
			top: 115px;
			left: 0;
			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 {
		float: left;
		} 
	
	.meta .ind-comments {
		float: right;
		margin-right: 15px;
		}

.bottomline {
	background: url(images/postbottom.png) repeat-x bottom left; 
	width: 95%;
	margin: 20px 0 10px 3%;
	height: 8px;
	clear: both;
	float: left;
	}

/* 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: 26px 0 0 36px;
	}

	#secondsidebar {
		padding: 26px 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: #1e1d1d;
	color: #787878;
	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: #5f5f5f;
		text-transform: uppercase;
		}
	
	.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;
	}	
	
/* FONTS */

/* The fonts included are copyrighted by the vendors listed below. */

/*
 * @vendor:     SIL International
 * @vendorurl:  http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&cat_id=Home
 * @licenseurl: http://www.fontsquirrel.com/license/Galatia-SIL
 */

@font-face {
	font-family: 'GalatiaSILRegular';
	src: url('admin/css/fonts/GalSILR.eot');
	src: local('Galatia SIL Regular'), local('GalatiaSIL'), url('admin/css/fonts/GalSILR.ttf') format('truetype');
}

/*
 * @vendor:     The League of Moveable Type
 * @vendorurl:  http://www.theleagueofmoveabletype.com
 * @licenseurl: http://www.fontsquirrel.com/license/ChunkFive
 */

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('admin/css/fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('admin/css/fonts/Chunkfive.ttf') format('truetype');
}

/*
 * @vendor:     Bernd Montag
 * @licenseurl: http://www.fontsquirrel.com/license/Chantelli-Antiqua
 */

@font-face {
	font-family: 'ChantelliAntiquaRegular';
	src: url('admin/css/fonts/Chantelli_Antiqua.eot');
	src: local('Chantelli Antiqua Regular'), local('ChantelliAntiqua'), url('admin/css/fonts/Chantelli_Antiqua.ttf') format('truetype');
}

/*
 * @vendor:     Laffayette Systems
 * @licenseurl: http://www.fontsquirrel.com/license/Laffayette-Comic-Pro
 */

@font-face {
	font-family: 'LaffayetteComicProRegular';
	src: url('admin/css/fonts/Laffayette_Comic_Pro.eot');
	src: local('Laffayette Comic Pro Regular'), local('LaffayetteComicPro'), url('admin/css/fonts/Laffayette_Comic_Pro.ttf') format('truetype');
}

/*
 * @vendor:     Casady & Greene
 * @vendorurl:  http://www.moorstation.org/typoasis/designers/casady_greene/
 * @licenseurl: http://www.fontsquirrel.com/license/JottFLF
 */

@font-face {
	font-family: 'JottFLFRegular';
	src: url('admin/css/fonts/JottFLF-Casual.eot');
	src: local('JottFLF Regular'), local('JottFLF-Casual'), url('admin/css/fonts/JottFLF-Casual.ttf') format('truetype');
}

/*
 * @vendor:     Bright Ideas
 * @licenseurl: http://www.fontsquirrel.com/license/Riesling
 */

@font-face {
	font-family: 'RieslingRegular';
	src: url('admin/css/fonts/riesling.eot');
	src: local('Riesling Regular'), local('Riesling'), url('admin/css/fonts/riesling.ttf') format('truetype');
}

/*
 * @vendor:     Yeah Noah
 * @licenseurl: http://www.fontsquirrel.com/license/Existence-Light
 */

@font-face {
	font-family: 'ExistenceLightRegular';
	src: url('admin/css/fonts/Existence-Light.eot');
	src: local('Existence Light Regular'), local('Existence-Light'), url('admin/css/fonts/Existence-Light.ttf') format('truetype');
}

/*
 * @vendor:     Andrew Paglinawan
 * @vendorurl:  http://www.andrewpaglinawan.com
 * @licenseurl: http://www.fontsquirrel.com/license/Quicksand
 */

@font-face {
	font-family: 'QuicksandLight';
	src: url('admin/css/fonts/Quicksand_Light.eot');
	src: local('Quicksand Light'), local('QuicksandLight-Regular'), url('admin/css/fonts/Quicksand_Light.ttf') format('truetype');
}

/*
 * @vendor:     Rogier van Dalen
 * @vendorurl:  http://home.kabelfoon.nl/~slam/admin/css/fonts/fonts.html
 * @licenseurl: http://www.fontsquirrel.com/license/Garogier
 */

@font-face {
	font-family: 'GarogierRegular';
	src: url('admin/css/fonts/Garogier_unhinted.eot');
	src: local('Garogier Regular'), local('Garogier'), url('admin/css/fonts/Garogier_unhinted.ttf') format('truetype');
}

/*
 * @licenseurl: http://www.fontsquirrel.com/license/Adler
 */

@font-face {
	font-family: 'AdlerRegular';
	src: url('admin/css/fonts/adler.eot');
	src: local('Adler Regular'), local('Adler'), url('admin/css/fonts/adler.ttf') format('truetype');
}