/*
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.5
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

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* General settings */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	word-wrap: break-word;
}
body {
	line-height: 1;
	width: 100%;
	position: relative;
	background: #F8F9F8;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 12px 0; float: left; width: 100%; line-height: normal; }
p, table { margin: 1em 0; }
ul, ol { padding: 0 0 0 20px; list-style: disc; }
ol { list-style: decimal; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

small { font-size: 80%; line-height: normal; }


blockquote {
	margin: 1em 2em;
	border-left: 1px dashed #999;
	padding-left: 1em;
	line-height: normal; 
	font-style: italic;
	}

th {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #eee;
	border: 1px solid #ccc;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
}

td {
	border: 1px solid #ccc;
	padding: 6px 6px 6px 12px;
}

dt { font-weight: bold; text-decoration: underline; } 
dd { margin: 0; padding: 0 0 0.5em 1em; }


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 h1 { margin: 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;
		padding: 0;
		}
	
	#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 {
	}

.post {
	clear: left;
	margin-top: 20px;
	float: left;
	position: relative;
	}
		
	.post h2 {
		margin-left: 16px;
		width: 94%;
		}
		
		.storycontent h2 {
			margin-left: 0px;
			}
		
		.post h2 a:hover {
			text-decoration: none;
			}
		
	.post p {
		margin: 0 0 12px;
		width: 94%;
		}

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

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

.postimage {
	position: relative;
	clear: both;
	}
	
	.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;
			margin: -15px 0 10px 10px;
			}
	
		.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;
		}

.tags a {
	border: 1px solid #ccc;
	background: #ddd;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	padding: 2px 4px;
	margin-right: 3px;
	}

	.tags a:hover {
		background: #ccc;
		text-decoration: none;
		}

.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 {
	font-variant: small-caps;
	margin: 20px 0 0;
	font-size: 3em;
	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,
.gallery-caption {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.sticky {}
.bypostauthor {}

p.error {
	color: #cc0000;
	margin: 12px 0;
	}	

.h22 { font-size: 23px; margin: 12px 0; float: left; width: 100%; line-height: normal; font-weight: bold}

/* for article page graphics */
img.left {
   float: left;
   margin: 5px 10px 5px 0;
   padding: 3px; 
   border: 2px solid #CCCCCC; 
}
img.right {
   float: left;
   margin: 5px 10px 5px 0;
   padding: 3px; 
   border: 2px solid #CCCCCC; 
}

sup {
	height: 0;
	line-height: 0.5em;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:75%;
}

sup {
	bottom: 1ex;
}

p.footnote {
	font-size:80%;    
	padding-left: 0.5em;
	text-indent: -0.5em ;	
}

span.back-to-reference {
	font-weight:bold;    
}

div.storycontent li {
  padding: 0 0 6px 0;
}

h1.searchheader {
  display: none;
}

div.cattop {
  display: none;
}

div.storycontent p {
  font-weight: normal;
}