/*
Theme Name: Magazine Premium
Theme URI:  http://themes.bavotasan.com/our-themes/premium-themes/magazine-premium/
Description: A Premium Theme featuring a fully customizable layout and design built for WordPress 3.3. 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.1.8
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 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	}
	
#body {
	margin: auto;
	}

p {
	margin: 12px 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 {
	clear: both;
	font-weight: normal;
	margin: 12px 0;
	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	}
	
h2 {
	font-size: 22px;
	line-height: 24px;
	}
	
h3 {
	font-size: 16px;
	line-height: 18px;
	}	
	
blockquote {
	clear: left;
	padding: 0 10px;
	margin-left: 20px;
	border-left: 4px solid #aaa;
	}
	
/* Header elements */

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

/***** clearfix *****/
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	background: url(images/tab_b.png) repeat-x;
	height: 38px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab .wrap {
	margin: auto;
	}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 30px;
	margin: 0;
	right: 20px;
  	color: white;
  	font-size: 75%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 38px;
	width: 21px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 38px;
	width: 21px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 5px;
	display: block;
	float: left;
	height: 38px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #FFF;
}

.tab ul.login li a:hover {
	color: #eee;
	text-decoration: none;
}
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 22px !important;
	cursor: pointer;
	display: block;
	position: relative;
	top: 5px;
	font-size: 10px;
}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
	left: 0;
    width: 100%;
    z-index: 9999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	padding-bottom: 20px;
}

#panel .paneltitle,
#panel h1 {
	font-size: 1.6em;
	line-height: 1.8em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2 {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #fff;
}

#panel a:hover {
	color: #eee;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 1em;
	letter-spacing: .02em;
}

#panel .content .left {
	width: 30%;
	float: left;
	padding: 0 1.5%;
	border-right: 1px solid #333;
	min-height: 195px;
}

	#panel .content .left ul {
		padding: 5px 0 0 20px;
		}
		
		#panel .content .left ul li {
			margin: 0;
			}

#panel .content .right {
	border-left: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content a.bt_logout,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 28px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login,
#panel .content a.bt_logout {
	width: 78px;
	background: transparent url(images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_login {
	color: #222;
	padding-bottom: 10px;
	}

#panel .content a.bt_logout  {
	color: #222;
	padding-top: 4px;
	font-size: 12px;
	line-height: 16px;
	}
	
	#panel .content a:hover.bt_logout, #panel .content input:hover.bt_login {
		color: #333;
		text-decoration: none;
		}

#panel .content input.bt_register {
	width: 97px;
	color: white;
	padding-bottom: 4px;
	background: transparent url(images/bt_register.png) no-repeat 0 0;
}
	
	#panel .content input:hover.bt_register {
		color: #eee;
		}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

#title {
	margin: 20px 16px 0;
	padding: 0;
	}
	
	#title.aligncenter {
		margin: 20px auto 0;
		text-align: center;
		}
	
	#title.fr,
	#description.fr {
		text-align: right;
		clear: right;
		}
	
	#title h1 a:hover,
	#title h2 a:hover {
		text-decoration: none;
		}
		
	.headerimage .aligncenter {
		margin: 0 auto !important;
		}
		
#description {
	font-size: 14px;
	margin: 0 16px 20px;
	padding: 0;
	clear: left;
	}
	
	#description.aligncenter {
		margin: 0 auto 20px;
		text-align: center;
		clear: both;
		}
	
.main-navigation {
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	z-index: 1000;
	}
	
	.main-navigation ul {
		width: 100%;
		}
	
	.main-navigation li.search {
		float: right;
		margin: 7px 12px 0 0;
		}
		
		.main-navigation li.search #s {
			padding: 5px 20px 5px 5px;
			background: url(images/search.png) no-repeat right #fff;
			width: 155px;
			}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.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:			2.5em; /* 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 1em .7em;
	text-decoration:none;
}

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


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		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;
	-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 */

#maincontent {
	padding: 0 2%;
	}
	
#leftline {
	background: url(images/line.png) repeat-y;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	}

#leftposts {
	clear: left;
	float: left;
	word-wrap: break-word;
	}
	
	embed,
	object,
	.format-video iframe {
		max-width: 100%;
		}

.morecat {
	text-align: center;
	font-size: 14px;
	background: #eee;
	border: 1px solid #ddd;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	color: #aaa;
	display: block;
	clear: both;
	margin: 0 0 10px;
	padding: 8px 16px;
	line-height: 14px;
	}
	
	.morecat:hover {
		color: #888;
		border-color: #ccc;
		text-decoration: none;
		}

.noline {
	border: 0 !important;
	}
	
.bottomborder {
	clear: left;
	float: left;
	border-bottom: 2px solid #eee;
	width: 100%;
	}

.hentry {
	float: left;
	background: url(images/line.png) repeat-x bottom;
	margin: 8px 0 15px;
	width: 100%;
	padding-bottom: 16px;
	word-wrap: break-word;
	}	
	
	.single .hentry, .page .hentry { margin-top: 0px; } 
	
	.single .hentry h1,
	.page .hentry h1 {
		margin: 10px 0 0;
		}
	
	.post h2, .hentry h2 {
		margin: 0 0 3px;
		background: none !important;
		clear: none;
		float: none;
		}

	.post .meta, .hentry .meta {
		font-size: 12px;
		float: left;
		width :100%;
		margin-bottom: 5px;
		font-style: italic;
		opacity: 0.8; 
		filter: alpha(opacity=80);
		}
		
		.post .author, .hentry .author {
			float: left;
			}
		
		.post .date, .hentry .date {
			float: right;
			}
	
	.storycontent { word-wrap: break-word; clear: both; float: left; width: 100%; }
	
	.storycontent a.more-link {
		clear: both;
		text-align: center;
		display: block;
		margin: 12px 0 0;
		padding: 0px 8px;
		font-size: 11px;
		line-height: 20px;
		float: right;
		}
	
		
	.storycontent ul, .entry ul, .storycontent ol, .entry ol, dd {
		padding: 0 25px;
		}
	
	.storycontent a:hover.more-link {
		text-decoration: none;
		}
		
	.storycontent .sub {
		font-size: 1.4em;
		line-height: 1.45em;
		font-style: italic;
		margin: 5px 0 5px;
		float: left;
		width: 100%;
		}
		
	.storycontent .postmetadata, .storycontent .tags {
		line-height: 12px;
		color: #666;
		clear: both;
		width: 100%;
		}

.authorpage img {
	float: right;
	margin: 5px 0 10px 10px;
	padding: 5px;
	background: #111;
	border: 1px solid #888;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	}

div.commentbox {
	float: right;
	margin: -1px 0 0 15px;
	}
	
	div.commentbox a {
		color: #205B87;
		}

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

.ind-comments {
	float: left;
	background: url(images/commentbox-r.png) no-repeat right;
	height: 24px;
	padding-right: 8px;
	text-decoration: none;
	display: block;
	line-height: 20px;
	}
		
h1.catheader {
	font-variant: small-caps;
	margin: 10px 0;
	font-size: 30px;
	line-height: 32px;
	padding-bottom: 5px;
	border-bottom: 2px solid #444;
	}			
	
	.catdesc {
		font-size: .9em;
		line-height: 1.2em;
		padding: 0 10px 10px;
		border-top: 0;
		margin-bottom: 10px;
		color: #888;
		}
		
ul.articles li {
	list-style-type: none;
	}
		
#tagcloud {
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
	}		
		
#rightposts {
	float: right;
	word-wrap: break-word;
	}
	
#lowersection {
	margin: 1px 2%;
	}	
	
	.sections {
		background: url(images/2line.png) repeat-x top;
		padding: 5px 0 5px;
		margin: 0 0 15px 0;
		float: left;
		width: 100%;
		}
	
		 .sections .hentry {
			float: left;
			border: 0;
			}
			
			.sections .hentry img.alignleft {
				padding: 0 10px 0 0;
				margin: 3px 0 0;
				}
			
			.sections .gallery-thumb img {
				max-width: 96%;
				height: auto;
				}
			
			.sections .hentry p {
				padding: 0;
				margin: 0;
				}
			
		.sections h2 {
			background: url(images/line.png) repeat-x bottom;
			padding: 0 0 8px;
			}
			
			.sections h3 {
				font-weight: normal;
				margin-bottom: 10px;
				font-size: 18px;
				line-height: 22px;
				}
								
				.sections .post1 {
					clear: left;
					margin: 8px 0 15px;
					}	
						
.single .storycontent {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0 0;
	}

.home .storycontent p.excerpt {
	margin: 0;
	}

/* Magazine Basic styles */


#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 0;
	background: url(images/line.gif) repeat-y 50% 0;
	width: 100%;
	}

	#twocol hr.two {
		height: 0;
		border: 0;
		clear: both;
		border-bottom: 1px solid #eee;
		}
	
.mainhr {
	float: left;
	background: #eee;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 10px 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	word-wrap: break-word;
	border: 0;
	padding: 10px 0 15px;
	background: none;
	margin: 0;
	}	

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #eee;
		padding-top: 20px;
		}
		
	.twopost1, .twopost3 {
		clear: left;
		}		
		
#threecol {
	float: left;
	background: url(images/line.gif) repeat-y 31.5% 0;
	margin-top: 3px;
	width: 100%;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.gif) repeat-y 67% 0;
	width: 100%;
}

	#threecol img {
		margin: 0px 5px 5px 0;
		}

.threepost {
	width: 29%;
	background: none;
	float: left;
	border: 0;
	padding-top: 10px;
	word-wrap: break-word;
	padding: 10px 0 15px;
	margin: 0;
	}

	.threepost2, .threepost5 {
		margin: 0 6%;
		}

	.threepost4, .threepost5, .threepost6 {
		border-top: 1px solid #eee;
		padding-top: 20px;
		}		
		
	.threepost1, .threepost4 {
		clear: left;
		}

	#maincontent .twopost h2 {
		font-size: 26px;
		line-height: 28px;
		}
	
	#maincontent .threepost h2 {
		font-size: 20px;
		line-height: 22px;
		}

/* Comment Elements */
.comment-notes { clear: both; }

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

	 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; font:14px/20px normal Arial,Helvetica,sans-serif; }

	.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;
		}
	 		
/* Image bar */			
			
#imagebar {
	clear: both;
	float: left;
	width: 96%;
	margin: 10px 0 10px 2%;
	padding: 12px 0 10px;
	background: url(images/2line.png) repeat-x top;
	}

	#imagebar ul {
		padding: 0;
		margin: 0;
		}
		
		#imagebar ul li {
			float: left;
			list-style-type: none;
			margin: 8px 1.35% 0;
			text-align: center;
			}
						
			#imagebar ul li.lastimg {
				margin-right: 0;
				}
		
		#imagebar ul li span {
			display: block;
			}
	
		#imagebar h4 {
			font-size: 12px;
			line-height: 14px;
			margin-top: 5px;
			}
	
/* Tabs */

#tabbed {
	float: left;
	margin: 0;
	display: none;}
	
	#tabbed ul.ui-tabs-nav {
		width: 100%;	
		}
		
		#tabbed .ui-tabs-panel ul {
			padding: 10px 0 0;
			}
			
		#tabbed .ui-tabs-panel ul li {
			list-style-type: none;
			margin-bottom: 3px;
			padding-bottom: 5px;
			}
			
		#tabbed .ui-tabs-panel ul.comments li {

			padding-left: 20px;
			background: url(images/comments.png) no-repeat left 3px;
			}			

		#tabbed .ui-tabs-panel ul.popular li {
			padding-left: 19px;
			background: url(images/popular.png) no-repeat left 2px;
			}	
			
#tabbed #mailinglistemail {
	margin: 8px 5px 15px 0;
	padding: 3px;
	border: 1px solid #ccc;
	float: left;
	}
	
#tabbed #mailinglistsubmit {
	padding: 3px;
	background: #29ABE2;
	color: #fff;
	cursor: pointer; 
	float:left;
	margin:8px 0 0;
	border: 0;
	}
				
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    #tabbed .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    #tabbed .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#tabbed .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
#tabbed .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#tabbed .ui-tabs-nav li {
    float: left;
    margin: 0 8px 0 0;
    min-width: 60px; /* be nice to Opera */
	background: url(images/line.png) repeat-y right;
}
#tabbed .ui-tabs-nav a, #tabbed .ui-tabs-nav a span {
    display: block;
    padding: 10px 10px 10px 0;
}

	#tabbed .ui-tabs-nav li.tabsub {
		margin-right: 0;
		background: none;
		padding-right: 0;
		}
#tabbed .ui-tabs-nav a {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    opacity: 0.4;
    filter: alpha(opacity=40);
}
#tabbed .ui-tabs-nav .ui-tabs-selected a {
    opacity: 1;
    filter: alpha(opacity=100);
}
#tabbed .ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>#tabbed .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#tabbed .ui-tabs-nav .ui-tabs-selected a, #tabbed .ui-tabs-nav a:hover, #tabbed .ui-tabs-nav a:focus, #tabbed .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
#tabbed .ui-tabs-nav a, #tabbed .ui-tabs-nav .ui-tabs-disabled a:hover, #tabbed .ui-tabs-nav .ui-tabs-disabled a:focus, #tabbed .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
#tabbed .ui-tabs-nav .ui-tabs-selected a span, #tabbed .ui-tabs-nav a:hover span, #tabbed .ui-tabs-nav a:focus span, #tabbed .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
#tabbed .ui-tabs-nav a span, #tabbed .ui-tabs-nav .ui-tabs-disabled a:hover span, #tabbed .ui-tabs-nav .ui-tabs-disabled a:focus span, #tabbed .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
#tabbed .ui-tabs-nav .ui-tabs-selected a:link, #tabbed .ui-tabs-nav .ui-tabs-selected a:visited, #tabbed .ui-tabs-nav .ui-tabs-disabled a:link, #tabbed .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tabbed .ui-tabs-nav a:hover, #tabbed .ui-tabs-nav a:focus, #tabbed .ui-tabs-nav a:active,
#tabbed .ui-tabs-nav .ui-tabs-deselectable a:hover, #tabbed .ui-tabs-nav .ui-tabs-deselectable a:focus, #tabbed .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#tabbed .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
#tabbed .ui-tabs-panel {
    padding: 5px 0 15px;
	line-height: 16px;
}
#tabbed .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html #tabbed .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html #tabbed .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Featured slider */

#featured{ 
	padding-right:250px; 
	position:relative; 
	height:248px; 
	background:#fff;
	margin: 10px 0 20px;
	overflow: hidden;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0;
	list-style:none; 
	padding:0; margin:0; 
	width:250px;
	height: 248px;
	float: right; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0;  
	font-size:12px; 
	color:#666; 
	margin: 0;
	clear: both;
	float: left;
	width: 250px;
	height: 62px;
	display: block;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
	margin: 3px 0 3px 5px; 
	background:#fff; 
	padding: 2px; 
	max-width: 80px;
	max-height: 50px;
}

	#featured .ui-tabs-panel img {
	    height: auto;
	    min-height: 248px;
	    }

#featured ul.ui-tabs-nav li span{ 
	float: left;
	padding-top: 5px;
	line-height: 1.4;
	margin-left: 5px;
	word-wrap: break-word;
	max-width:150px;
}
#featured li.ui-tabs-nav-item a{ 
	overflow: hidden;
	display:block; 
	margin: 0;
	padding-top: 1px;
	height:61px; 
	color:#444;  
	background: url(images/featuredbg.png) repeat-x; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	opacity: 0.8; 
	filter: alpha(opacity=80);
	text-decoration: none;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected{ 
	background:url(images/selected-item.png) top left no-repeat;
	padding-left: 13px;
	position: relative;
	left: -13px;
	z-index: 40;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: url(images/featuredbg-hover.png) repeat-x; 
	width: 250px;
	color: #fff;
}
#featured .ui-tabs-panel{ 
	height:248px; 
	background:#999; position:relative;
	overflow: hidden;
}
#featured .ui-tabs-panel .more-link {
	float: right;
	color: #ccc;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom: 0; left:0; 
	background: url(images/transparent-bg.png); 
	width: 100%;
	padding: 0 0 10px 0;
}
#featured .info h2{ 
	font-size:18px;
	color:#fff; 
	padding:5px 10px 3px; 
	margin:0;
	overflow:hidden;
	}
	
#featured .info p{ 
	margin:0 15px 0 10px; 
	font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}	

/* Tabberoata NU slider */

#tabberota,
#tabberota .ui-tabs-panel {
	height: 300px;
	}

#tabberota ul.ui-tabs-nav,
#tabberota ul.ui-tabs-nav li,
#tabberota ul.ui-tabs-nav li.ui-tabs-selected a {
	width: 80px;
	}

#tabberota{ 
	padding-right: 80px; 
	position:relative; 
	margin: 10px 0 20px;
	overflow: hidden;
}

#tabberota ul.ui-tabs-nav { 
	position:absolute; 
	top:0;
	list-style:none; 
	padding:0; margin:0; 
	float: right; 
	border-left: 1px solid #fff;
}

#tabberota ul.ui-tabs-nav li { 
	padding:0;  
	margin: 0;
	clear: both;
	float: left;
	height: 60px;
	display: block;
	overflow: hidden;
	}
	
#tabberota ul.ui-tabs-nav li img{ 
	float:left; 
    min-width: 80px;
    min-height: 60px;
    padding: 0;
    margin: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	}

	#tabberota ul.ui-tabs-nav li.ui-tabs-selected img,
	#tabberota ul.ui-tabs-nav li img:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		}

	#tabberota .ui-tabs-panel img {
	    height: auto;
	    min-height: 300px;
	    }
		
#tabberota li.ui-tabs-nav-item a:hover{ 
	text-decoration: none;
	}
	
#tabberota .ui-tabs-panel{ 
	background:#999; position:relative;
	overflow: hidden;
}
	
#tabberota .ui-tabs-panel .info{ 
	position:absolute; 
	bottom: 0; left:0; 
	background: url(images/transparent-bg.png); 
	width: 100%;
	padding: 0 0 10px 0;
}
#tabberota .info h2{ 
	font-size:18px;
	color:#fff; 
	padding:5px 10px 3px; 
	margin:0;
	overflow:hidden;
	}
	
#tabberota .info p{ 
	margin:0 15px 0 10px; 
	font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#tabberota .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#tabberota .info a:hover{ 
	text-decoration:underline; 
}
#tabberota .ui-tabs-hide{ 
	display:none; 
}	

/* SLIDEROTA */

#sliderota,
#scrollerota {
	height: 280px;
	overflow: hidden;
	position: relative;
	margin: 10px 0 20px;
	}
 
	#sliderota .slides {
		position: absolute;
		top: 0;
		left: 0;
		}
 
	#sliderota img {
		float: left;
		height: auto;
		}
 
	#sliderota ul {
		position: absolute;
		bottom: 8px;
		left: 8px;
		z-index: 100;
		list-style: none;
		padding: 0;
		margin: 0;
		}
 
	#sliderota ul li  {
		float: left;
		}	
 
		#sliderota ul li a {
			background: url(images/controls.png) no-repeat 0 0;
			width: 16px;
			height: 16px;
			display: block;
			}
 
		#sliderota ul li.selected a {
			background-position: -18px 0;
			}
 
	#sliderota .controls a {
		z-index: 100;
		position: absolute;
		right: 8px;
		bottom: 8px;
		background: url(images/controls.png) no-repeat -54px 0;
		width: 16px;
		height: 16px;
		}
 
		#sliderota .controls a.play {
			display: none;
			background-position: -36px 0;
			}

/* SCROLLEROTA */
#scrollerota a.readmore {
	background: #444;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #555;
	color: #fff;
	clear: both;
	display: block;
	height: 16px;
	width: 80px;
	margin-top: 16px;
	}
	
#scrollerota a:hover.readmore {
	background: #888;
	border: 1px solid #999;
	text-decoration: none;
	}	

#scrollerota ul.text {
	list-style: none;
	width: 200px;
	background: url(images/pixel.png);
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 12px;
	}
	
	#scrollerota ul.text li p {
		margin: 0;
		word-wrap: break-word;
		}
	
	#scrollerota ul.text li {
		padding: 10px;
		height: 260px;
		}
	
#scrollerota ul.images {
	height: 100%;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	}
	
	#scrollerota ul.images li {
		float: left;
		height: 280px;
		}
		
		#scrollerota ul.images li img {
			height: auto;
			}
			
#scrollerota .controls {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}
	
	#scrollerota .controls a {
		width: 22px;
		height: 22px;
		display: block;
		float: left;
		background: url(images/controls2.png) no-repeat;
		}

	#scrollerota .controls .prev {
		background-position: 0 -22px;
		}

	#scrollerota .controls .next {
		background-position: -23px -22px;
		}
		
	#scrollerota .controls .play {
		background-position: -23px 0;
		display: none;
		}	
	
/* Pagination */	
	
#pagination {
	margin: 20px 0;
	width: 100%;
	padding: 8px;
	font-size: 1em;
	line-height: normal;
   	clear: both;
    float: left;
    border: 0;
    }	
    
#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, #front_lower_sidebar {
	padding: 0;
	margin: 10px 0 0 2.2%;
	float: left;
	}
	
	#front_lower_sidebar {
		margin-top: 0 !important;
		}	
	
.side-widget {
	float: left;
	margin: 0 0 20px;
	padding: 0 10px 10px 14px;
	word-wrap: break-word;
	}
	
	.side-widget h4.side {
		font-size: 1.6em;
		line-height: 1.2em;
		}
		
		.side-widget .storycontent {
			padding: 0 0 10px;
			margin: 0 0 15px;
			float: left;
			}
			
			.side-widget .storycontent.noline {
				border: 0;
				background: none !important;
				}
	
	.side-widget h3 {
		text-align: center;
		margin: 0 0 10px;
		background: url(images/h2line.png) repeat-x bottom;
		padding: 10px 0 8px;
		}	
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
		
	.side-widget ul li {
		padding: 0 15px;
		margin: 2px 0;
		}
		
	.side-widget .storycontent {
		background: url(images/line.png) repeat-x bottom;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}
	
	.side-widget #s {
		width: 90%;
		margin-top: 10px;
		padding: 5px 20px 5px 5px;
		background: url(images/search.png) no-repeat right #fff;
		}
	
	.side-widget select {
		padding: 5px;
		width: 100%;
		border: 1px solid #ccc;
		}
		
		.side-widget select option {
			padding: 0 8px;
			}

	.side-widget ul.ui-tabs-nav	li {
		padding: 0;
		}
		
	.side-widget .bird {
		margin: 0 5px 0 15px;
		float: left;
		}	
		
	.side-widget ul.mytweets li {
		margin: 10px 0;
		}
		
	.side-widget h3.twitter {
		background: url(images/twitterbox.png) no-repeat right;
		height: 46px;
		float: left;
		padding: 0 20px 0 0;
		line-height: 42px;
		margin: 5px 0 10px 0px;
		font-weight: normal;
		letter-spacing: 0.6px;
		width: auto;
		clear: none;
		}
		
		.side-widget h3.twitter a {
			color: #fff;
			}
		
		.side-widget .twitter-l {
			background: url(images/twitterbox-l.png) no-repeat left;
			width: 17px;
			height: 46px;
			float: left;
			margin: 5px 0 0 ;
		}	
		
/* Authors widget */
		
.mp_authors .avatar {	
	float: left;
	clear: both;
	background: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	}
 
	.mp_authors .avatar:hover  {
		border-color: #999;
		}
 
.side-widget.mp_authors li {
	padding: 0;
	float: left;
	width: 100%;
	} 
 
.mp_authors .contributor-link {
	float: left;
	margin: 10px 0 0 10px;
	}
		
/* Sidebar Ads */

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

.mp_ad_space img {
	float: left;
	}

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

/* Extended Footer */

#bottombar {
	margin: 0 2% 0;
	background: url(images/line.png) repeat-x top;
	font-size: 11px;
	line-height: 13px;
	padding: 20px 2% 0;
	clear: left;
	float: left;
	width: 92%;
	}
		
	#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;
	}


/* 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 {
	text-align: center;
	border: 1px solid #bbb;
	background: #ddd;
	padding-top: 5px;
	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;
	max-width: 100%;
}

#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: 15px;
   padding: 5px 4px;
   margin: 0;
}	
	.pformat .wp-caption img {
		max-width: 94% !important;
		margin: 0;
		height: auto;
		}	

p.error {
	color: #cc0000;
	margin: 12px 0;
	}	
	
.ajaxsave {
	width: 16px;
	height: 16px;
	float: left;
	display: none;
	margin: 10px 0 0;
	}
	
.bypostauthor {}
.sticky {}

.pagesnav {
	clear: both;
	float: left;
	width: 100%;
	}

#loginform input.input { display: block; margin-top: 4px; width: 90%; }
	
/* This is your blockquote style */
	
.hentry .pullquote {
	width: 35%;
	font-size: 20px;
	line-height: 22px;
	float: right;
	margin: 12px 0 12px 20px;
	padding: 0;
	font-style: italic;
        display: block;
	}
	
	.hentry .pullquote p {
		padding: 0;
		margin: 0;
		}

/* NEW POST FORMATS */

.gallery-thumb { 
	float: left;
	width: 100%;
	}
	
	p.gallery-text {
		margin: 5px 0 0;
		width: 100%;
		}
	
.gallery-thumb img,
#maincontent .pformat img {
	margin: 0;
	padding: 5px;
	border: 1px solid #bbb;
	background: #ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	width: auto\9; /* IE 8 Hack */
	}
	
	#maincontent .gallery-thumb img,
	#maincontent .pformat img  {
 		max-width: 96% !important;
 		height: auto;
		}
		
	#maincontent .wp-caption img {
 		max-width: 97% !important;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
		}
	
.format-gallery .storycontent p {
	width: 100%;	
	}	
	
.format-aside .storycontent p.excerpt { 
	padding-left: 30px;
	background: url(images/quotes.png) no-repeat top left;
	min-height: 30px;
	}

.format-audio .storycontent .pformat {
	padding-left: 38px;
	background: url(images/audio.png) no-repeat top left;
	min-height: 30px;
	display: block;
	}
	
.format-link .storycontent 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; }
img { max-width: 100% !important; }
html>/**/body img { height: auto; }