/*
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.0. 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>. Built for WordPress 3.0.
Version: 1.1.5
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;height: 0;line-height: 0;}
.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 {
		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;
}
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 */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.85em;
	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: 50;
 	position: relative;
	margin: 6px 0 0 10px;
	background: url(images/blackdot.png) 1% 3px no-repeat;
	}
	
	.sub-navigation ul {
		padding: 0;
		margin: 0;
		}
	
	.sub-navigation li {
		list-style-type: none;
		float: left;
		padding: 0 10px 0 0;
		text-transform: uppercase;
		margin: 0;
		line-height: 20px;
		background: url(images/blackdot.png) right 3px no-repeat;
		position: relative;
		}
	
	.sub-navigation a {
		padding: 0 5px;
		}
		
		.sub-navigation a:hover {
			text-decoration: underline;
			}
			
.sub-navigation ul li:hover ul ul { display: none; }	
.sub-navigation ul ul { position:absolute; border:1px solid #aaa; top:20px; left:4px; background:#fff; display:none; 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); }
.sub-navigation ul ul li {position:relative; width:159px; margin:0; padding: 0; background: none; line-height: 14px;}
.sub-navigation ul ul li a {display:block; padding:5px 7px 5px 12px; background-color:#fff; border-right: 0; font-size: 12px; }
.sub-navigation ul ul li a:hover {background-color:#eee}
.sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	

/* 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;
	}
	
	#leftposts embed, #leftposts object, #rightposts embed, #rightposts object {
		width: 100%;
		height: auto;
		}

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

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

	.ind-post .meta,
	.post .meta {
		font-size: 12px;
		float: left;
		width :100%;
		margin-bottom: 5px;
		font-style: italic;
		opacity: 0.8; 
		filter: alpha(opacity=80);
		}
		
		.ind-post .author,
		.post .author {
			float: left;
			}
		
		.ind-post .date,
		.post .date {
			float: right;
			}
	
	.storycontent { word-wrap: break-word; }
	
	.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;
		float: left;
		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: 22px;
	float: left;
	}

.ind-comments {
	float: left;
	background: url(images/commentbox-r.png) no-repeat right;
	height: 22px;
	padding-right: 8px;
	text-decoration: none;
	display: block;
	}
		
h1.catheader {
	padding:10px;
	text-align:center;
	text-transform:uppercase;
	margin: 10px 0;
	font-size: 24px;
	}			
	
	.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 .ind-post {
			float: left;
			border: 0;
			}
			
			.sections .ind-post img {
				padding: 0 10px 0 0;
				margin: 0;
				}
			
			.sections .ind-post 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 .ind-post1 {
					clear: left;
					}	
			
		.section2title {
			font-size: 1.4em;
			line-height: 1.4em;
			}


.single .storycontent {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	}

/* Magazine Basic styles */


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

	#twocol img {
		margin: 0px 8px 5px 0;
		}
		
	#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;
	}	

	.twopost img,
	.threepost img,
	.twopost embed,
	.threepost embed {
		max-width: 100%;
		height: auto !important;
		}

	.twopost2, .twopost4 {
		margin-left: 7.5%;
		}
		
	.twopost3, .twopost4 {
		border-top: 1px solid #eee;
		}
		
	.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%;
	float: left;
	border: 0;
	border-top: 1px solid #eee;
	padding-top: 10px;
	word-wrap: break-word;
	padding: 10px 0 15px;
	}

	.threepost2, .threepost5 {
		margin: 0 6%;
		}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 0;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}



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

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

	 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 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;
}
#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; 
}	
	
/* Pagination */	
	
.pagination {
	margin: 20px 0 10px;
	float: left;
	width: 97%;
	padding: 12px 1% 10px;
	}	

.pagination a {
	padding: 3px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	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 #ccc;
	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 #ccc;
	color: #444;
	background-color: #FFFFFF;
}	

/* 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 .authorlist li {
		clear: left;
		float: left;
		margin: 0 10% 15px;
		border: 0;
		padding: 0;
		width: 80%
		}	

	.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 .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 ;
		}	
		
/* Sidebar Ads */

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

.sideads img {
	float: left;
	}

	.sideads 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 {
   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: 3px 4px 5px;
   margin: 0;
}

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

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