/*
Theme Name: Magazine Flow
Theme URI:  http://themes.bavotasan.com/our-themes/premium-themes/magazine-flow/
Description: A Premium Theme featuring a fully customizable layout and design built for WordPress 3.4. 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.1
Author: c.bavota
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;
}
body {
	line-height: 1;
	margin: auto;
	padding: 30px 20px;
	position: relative;
}
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; text-align: left; }
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: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
small { font-size: 80%; line-height: normal; }

object,
embed,
.format-video iframe,
img {
	max-width: 100%;
	}
	
	img {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
	
	html>/**/body img { height: auto; }

blockquote {
	clear: left;
	padding: 0 10px;
	margin-left: 20px;
	border-left: 4px solid #aaa;
	font-style: italic;
	}
	
	blockquote cite {
		font-size: 90%;
		float: right;
		clear: both;
		}

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

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

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

textarea {
	width: 96%;
	border: 1px solid #ccc;
	}			
		
input { 
	border: 1px solid #ccc;
	padding: 3px;
	}		
		
.fl {
	float: left;
	}
	
.fr {
	float: right;
	}
	
.clear {
	clear: both;
	}
	
#wrapper {
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
	width: 100%;
	}	
		
/* Header elements */

#header {
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
	}
	
	#headerbanner {
		width: 100%;
		padding: 20px 0;
		}
	
	#headerad {
		margin: 16px 20px 0;
		text-align: center;
		}

		.headad, .footad {
			width: 468px;
			height: 60px;
			border: 1px solid #ccc;
			text-align: center;
			line-height: 60px;
			font-size: 12px;
			background: #eee;
			margin: auto;
			}
			
		.footad {
			width: 728px;
			height: 90px;
			line-height: 90px;
			margin: auto;
			}

#title {
	margin: 10px 20px 0;
	padding: 0;
	}
	
	#title.aligncenter,
	#title.aligncenter h1,
	#title.aligncenter div {
		margin: auto;
		text-align: center;
		}
		
	
	#title.fr,
	#description.fr {
		text-align: right;
		clear: right;
		}
	
	#title h1,
	#title div {
		font-weight: bold;
		margin: 0;
		line-height: 40px;
		}
	
	#title h1 a:hover,
	#title div a:hover {
		text-decoration: none;
		}
		
	.headerimage .aligncenter {
		margin: 0 auto !important;
		}
		
#description {
	font-size: 14px;
	margin: 0 20px;
	padding: 0;
	clear: left;
	display: block;
	}
	
	#description.aligncenter {
		margin: 0 auto 20px;
		text-align: center;
		clear: both;
		}

#mainmenucontainer {
	position: relative;
	width: 100%;
	z-index: 1000;
	}
	
.main-navigation {
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	}
	
	.main-navigation ul {
		width: 100%;
		}
	
	.main-navigation li a {
	   border-right: 1px solid #333;
	   display: block;
	   }
	
	.main-navigation li {
	   border-right: 1px solid #777;
	   }

	
	.main-navigation li.search {
		float: right;
		margin: 7px 12px 0 0;
		}
		
	#header #s {
		position: absolute;
		width: 178px;
		top: 5px;
		right: 20px;
		-moz-border-radius: 0;
		-khtml-border-radius: 0;
		-webkit-border-radius: 0;	
		border: 0;
		background: url(images/search.png) no-repeat right #fff;
		padding: 5px 20px 5px 6px;	
		font-size: 12px;
		z-index: 1000;
		height: 15px;
		}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0em;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.48em; /* match top ul list item height */
	z-index:		99;
}

	.sub-navigation .sf-menu li:hover ul,
	.sub-navigation .sf-menu li.sfHover ul {
		top:			2em; /* match top ul list item height */
		left:			10px;
	}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	padding: 		.8em 1.4em .7em;
	text-decoration:none;
}

.sf-menu li li a {
	border: 0;
	}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			.90em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
	.sub-navigation .sf-sub-indicator {
		background:	url(images/arrows-000000.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
		}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.85em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
	.sub-navigation a > .sf-sub-indicator {  /* give all except IE6 the correct values */
		top: .75em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0 !important;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sub-navigation {
	clear: both;
	float: left;
	width: 96%;
	padding: 0 2%;
 	z-index: 500;
 	position: relative;
	margin: 0;
	}
	
	.sub-navigation ul {
		padding: 0;
		margin: 0;
		}
	
	.sub-navigation li {
		list-style-type: none;
		float: left;
		padding: 0 0 0 10px;
		text-transform: uppercase;
		margin: 0;
		line-height: 20px;
		background: url(images/blackdot.png) left 9px no-repeat;
		}
	
	.sub-navigation a {
		padding: 5px 8px;
		}
		
		.sub-navigation a:hover,
		.sub-navigation .sfHover a {
			background: #eee;
			}
			
.sub-navigation ul ul li { background:#eee; margin:0; padding: 0; line-height: 14px;}
.sub-navigation ul ul li a {  padding: 8px; font-size: 12px; }
.sub-navigation ul ul li a:hover { background-color:#ddd; }
.sub-navigation ul ul ul { top: 0 !important; }
/* main content */

h1.catheader {
	font-size: 24px;
	line-height: normal;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 5px;
	}

	.catdesc {
		clear: both;
		float: left;
		width: 100%;
		text-shadow: #fff 0 1px 0;
		color: #888;
		font-size: 12px;
		line-height: 15px;
		}
		
		.catdesc p {	
			margin-top: 0;
			}

#maincontent {
	padding: 0 20px 20px;
	}

	.home #maincontent { visibility: hidden; width: 100%; padding: 0 0 20px; }
	.home #maincontent .post { word-wrap: break-word; margin: 5px 10px; padding: 5px 10px; }
	.home #maincontent .post img,
	.archive .hentry img,
	.category .hentry img,
	.search .hentry img,
	.gallery img { 
		padding: 5px; 
		background: #eee; 
		border: 1px solid #fff; 
		box-shadow: 0 0 0 1px #e6e6e6;
		-webkit-box-shadow: 0 0 0 1px #e6e6e6;
		-moz-box-shadow: 0 0 0 1px #e6e6e6;
		}
	
	#maincontent .post .entry-content {
		text-align: justify;
		width: 100%;
		}

	.home #maincontent .post .entry-content { 
		width: 100%; 
		margin-top: 5px;
		}
	
		.home #maincontent .hentry h2 {
			margin: 0;
			}
			
			#maincontent .hentry h2 {
				margin: 20px 0 0;
				}
			
			.home #maincontent .hentry p {
				margin-top: 0px;
				float: left;
				width: 100%;
				}
				
			.home #maincontent .hentry img.alignleft {
				margin-bottom: 10px;
				}

.archive .hentry,
.category .hentry,
.search .hentry { 
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	background: url(images/line.png) repeat-x top;
	}
				
.thedate {
	font-size: 90%;
	font-style: italic;
	clear: left;
	}
	
.theauthor {
	font-size: 90%;
	clear: left;
	}	

.themeta { 
	font-size: 90%;
	}
	
div.commentbox {
	float: right;
	margin: 0;
	display: inline-block;
	width: 40px;
	}
	
	div.commentbox a {
		color: #205B87;
		}

div.commentbox-l {
	background: url(images/commentbox-l.png) no-repeat left;
	width: 8px;
	height: 22px;
	float: right;
	}

.ind-comments {
	float: right;
	background: url(images/commentbox-r.png) no-repeat right;
	height: 22px;
	padding-right: 8px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	}

.more-link {
	float: right;
	font-size: 90%;
	}

/* FRONT WIDGET */

.home #maincontent .front-widget.post {
	padding: 10px;	
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
	margin: 5px 20px;
	clear: both;
	float: left;
	}
	
	.home #maincontent .front-widget.post img {
		padding: 0;
		border: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		}
		
	.home #maincontent .front-widget.post.double {
		padding: 10px;
		}
	
/* SINGLE */

.single .post h1,
.page .page h1 {
	margin-bottom: 0;
	}

.single .entry-content {
	width: 100%;
	margin-bottom: 15px;
	}	
	
/* AUTHOR BOX */

#authorbox{
    background:#EFEFEF;
    border:1px solid #CECFD0;
    width: 100%;
    margin: 15px auto;
    margin-bottom:10px;
    overflow:hidden;
	}

	.author #authorbox {
		margin-bottom: 25px;
		}
    #authorbox h4{
        font-size:16px;
        margin:0;
        padding:10px 10px 5px 10px;
    	}
.authortext{
        font-size: 90%;
    	}
#authorbox img{
        margin:0;
        padding:10px;
        float:left;
    	}
    #authorbox p{
        margin:0;
        padding:0px 10px 10px 10px;
    	}
 #authorbox h4 > a{
        text-decoration:none;
    	}	

/* Comment Elements */

#postcomments {
	padding-top: 20px;
	}
			
	 h3#comments-title, #respond h3 { color:#333; font: 20px/24px normal Georgia, "Times New Roman", Times, serif; margin: 10px 0; clear: left; float: left; width: 100%; }

	#respond {
		clear: both;
		}

	.commentlist {
		padding: 0;
		clear: both;
		float: left;
		width: 100%;
		}

	 .commentlist li.comment, ol.commentlist li.pingback, ol.commentlist li.trackback { list-style: none; margin:0 0 10px; padding:20px 0 20px 20px; font:14px/20px normal Arial,Helvetica,sans-serif; }

	ol.commentlist li.pingback, ol.commentlist li.trackback {
		padding: 0 20px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 20px 0 10px;
		}

	.commentlist .even {
		background: #eee;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		}

	.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-family: Georgia, "Times New Roman", Times, serif;
		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; }

	 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 ul.children li.odd { background:#fff; }

	 ol.commentlist ul.children li.even { background:#eee; }
		
	#cancel-comment-reply-link {
		clear: both;
		float: left;
		width: 100%;
		font-size:13px;
		}	
	
	#respond p { font:12px/16px normal Arial,Helvetica,sans-serif; margin:0 0 1em; }	
		
	#respond input { 
		clear: both;
		display: block;
		}
	 		
/* Pagination */	
	
#pagination {
	margin: 20px 0 10px;
	width: 97%;
	padding: 12px 1% 10px;
	font-size: 1em;
	line-height: normal;
   	clear: both;
    float: left;
    border: 0;
   }	
   
   	.home #pagination {
		width: 94%;
		padding: 12px 1% 10px;
		margin: 0 2% 20px;
		}
    
#pagination a,
#pagination span,
#pagination .total-pages {
   	float: left;
    background: #fff;
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #666;
}

#pagination a:hover,
#pagination span.current {	
	border: 1px solid #999;
	color: #444;
}	

/* Sidebar */
	
#sidebar, 
#secondsidebar {
	padding: 0;
	margin: 10px 0 0 2.2%;
	float: left;
	line-height: normal;
	}	
	
.side-widget {
	float: left;
	margin: 0 0 20px;
	padding: 10px 10px 10px 14px;
	word-wrap: break-word;
	}
	
	.side-widget ul,
	.front-widget ul,
	.bottom-widget ul {
		float: left;
		font-size: 90%;
		list-style: none;
		padding: 0 0 0 10px;
		line-height: 1.4em;
		}
		
	.side-widget h3,
	.front-widget h3 {
		background: url(images/h3line.png) repeat-x bottom; 
		padding-bottom: 5px;
		margin: 0 0 10px;
		}

	.bottom-widget h3 {
		margin-bottom: 5px;
		}
/* Sidebar Ads */

.mf_ad_spaces {
	text-align: center;
	width: 100%;
	}

.mf_ad_space img {
	float: left;
	}

	.mf_ad_space img.four {
		margin: 0px 6px 12px;
		}

/* Extended Footer */

#bottombar {
	margin: 0 2% 0;
	background: url(images/line.png) repeat-x top;
	padding: 20px 2%;
	clear: left;
	float: left;
	width: 92%;
	line-height: normal;
	}
		
	#bottombar ul {
		padding: 0;
		margin: 0;
		}	
		
		#bottombar ul li {
			list-style-type: none;
			}

	#bottombar .bottom-widget {
		float: left;
		width: 18%;
		margin: 0 1%;
		}
	
	#bottombar .rsswidget img {
		display: none;
		}		
	
/* Footer */	
	
#footer {
	clear: both;
	float: left;
	text-align: center;
	width: 96%;
	font-size: 11px;
	line-height: 13px;
	padding: 20px 0;
	margin: 10px 2% 0;
	background: url(images/line.png) repeat-x top;
	position: relative;
	}
	
	.backtotop { 
		position: absolute;
		right: 10px;
		bottom: 25px;
		}

/* Footer Ad */

#footerad {
	margin-bottom: 20px;
	}


/* Gallery */

.gallery {
	margin: 10px auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin: 0 15px 8px 0;
	text-align: center;
	width: 30%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery dl {
	margin: 0;
}

.gallery br+br {
	display: none;
}

/* WordPress Required Elements */

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

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

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

.alignnone {
	margin: 5px 0 !important;
	}

.wp-caption {
   text-align: center;
	}

.single .wp-caption {
   border: 1px solid #ddd;
   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;
		}

.single .wp-caption img {
   margin: 0 !important;
   padding: 0 !important;
   border: 0 none !important;
	width: 98%;
}

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

.single .wp-caption,
.archive .wp-caption,
.search .wp-caption {
	margin-top: 10px;
	}

.gallery-item {
	text-align: center;
	}
	
.bypostauthor {}
.sticky {}

/* NEW POST FORMATS */

.gallery-thumb { 
	float: left;
	width: 100%;
	margin-top: 4px;
	}
	
	p.gallery-text {
		margin: 5px 0 0 !important;
		width: 100%;
		}
	
.format-aside .entry-content p { 
	padding-left: 30px;
	background: url(images/quotes.png) no-repeat top left;
	min-height: 30px;
	width: auto !important;
	}

.format-audio .entry-content .pformat {
	padding-left: 38px;
	background: url(images/audio.png) no-repeat top left;
	min-height: 30px;
	display: block;
	}
	
.format-link .entry-content a { 
	padding-left: 38px;
	min-height: 30px;
	display: block;
	background: url(images/link.png) no-repeat top left;
	font-size: 18px;
	line-height: 22px;
	}
	
.pformat .aligncenter { margin: 0; }
.pagesnav { clear: both; float: left; width: 100%; display: block;}