/*
Theme Name: Suffusion
Description: Suffusion is an elegant browser-safe theme with a power-packed set of options. It has 8 widget areas, one-column, two-column and three-column fixed-width formats, 10 pre-defined templates, 16 pre-defined color schemes (green, red, orange, purple, 2 shades of blue and 2 shades of gray, each on light and dark backgrounds), two customizable multi-level drop-down menus for pages, categories and links, inbuilt support for featured posts, a magazine layout, a customizable tabbed sidebar, widgets for Twitter, Social Networks and Google Translator, threaded comments, translation support (translations available for many languages), RTL language support and customizable excerpts. Support forum at http://www.aquoid.com/forum.
Theme URI: http://www.aquoid.com/news/themes/suffusion/
Version: 3.3.8
Author: Sayontan Sinha
Author URI: http://mynethome.net/blog
Tags: theme-options, green, blue, silver, red, orange, purple, white, black, light, dark, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-header, threaded-comments, translation-ready, sticky-post, rtl-language-support
*/

/* Standard Styles */
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%;
}
body {/* Default styling for everything that is un-styled and doesn't inherit*/
	color:#B26300;
	font-family: Trebuchet, "Trebuchet MS", sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	background-color: #000;
}

a {text-decoration: none;}
a:hover {color: #ffff00; text-decoration: none;}
p,.p {
	margin-bottom: 15px;
	text-align: justify;
}
img {
	border: none;
}
ul li {
	margin: 0;
}
ul, ol {
	margin: 5px 0 15px 0;
	padding-left: 20px;
}
form {
	margin: 0;
	padding: 0;
}
small {
	font-size: 90%;
}
code, pre {
	font-family: "Courier New", Courier, "Lucida Console", monospace;
	overflow: auto;
	background-color: #F7F7F7;
}
pre {
	padding: 10px;
	border: 0px solid #dddddd;
	margin: 15px 0 15px 0;
}
hr{
	border: none;
	border-bottom: 0px dotted #666;
	margin-bottom: 1em;
}
blockquote{
	background: #f7f7f7;
	padding: 10px 15px;
	margin: 0 0 1em 2.5em;
	font-size:100%;
	border: 0px solid #ddd;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: normal;
	margin:0;
	padding: 0;
	line-height: 1.1em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #B26300;
}

h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 12px;
}

/* WordPress Standard Elements */
img#wpstats {
	width:0;
	height:0;
	overflow:hidden;
}

.border{
	padding: 2.5px;
	border: 0px solid #ccc;
}
.hidden {
	display: none;
	visibility: hidden;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin:0 10px 5px 0;
}
.alignright {
	float: right;
	margin:0 0 5px 10px;
}

.floatleft{
	float:left;
	margin:3px 7px 0 0;
}
.floatright{
	float:right;
	margin:3px 0 0 7px;
}
.right{
	float:right;
}
.block{
	display:block;
}
.left{
	float:left;
}
.clear{
	clear:both;
}
.center {
	text-align: center;
}

div.suf-widget{
	background: #000;
	border: 0px solid #c0c0c0;
}

#wrapper {
	width: 1000px;
	margin: 20px auto;
	position: relative;
	border: 0px solid #008000;
	background-color: #000000;
	padding: 10px;
}

#wrapper.shadow {
	/* Shadows - CSS3 for browsers that support it */
	box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 10px 10px 5px #888;
	-khtml-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
}

#header {
	height: 55px;
	padding: 15px 0;
}

/* Blog title */
.blogtitle {
	font-size: 39px;
	float: left;
	line-height: 47px;
	position:relative;
}
.blogtitle-left {
	float: left;
	text-align: left;
}

.blogtitle-right {
	float: right;
	text-align: right;
}

.blogtitle-above {
	width: 100%;
}

.blogtitle-hidden {
	display: none;
}

div.blogtitle a {
	color: #B26300;
}

.blogtitle a:hover {
	text-decoration: none;
}

/* Blog description on the right side of the title */
.description {
	float: right;
	margin-top: 21px; 	/* description distance from top of screen */
	margin-right: 20px;
	margin-left: 20px;
	text-transform: uppercase;
	font-size: 14px;
}

.description-left {
	float: left;
}

.description-right {
	float: right;
}

.description-below {
	margin-top: 0; 	/* description distance from top of screen */
	display: block;
}

.description-hidden {
	display: none;
}

/* search form */
.searchform {
	display: inline-block;
	font-size:12px;
	padding: 0;
	margin-bottom: 2px;
}
.searchform .searchfield {
/*	width: 158px;*/
	padding: 4px 7px 2px 5px;
	color: #fff;
	border: 0px solid #888;
	margin-top: 6px;
}

.searchform input[type="submit"].searchsubmit {
	background-repeat: no-repeat;
    background-position: 0 0;
	height: 24px;
	width: 24px;
	border: none;
	cursor: pointer;
	text-indent: -999%;
	margin: 0;
	padding: 0 3px 0 3px;
}

#right-header-widgets .searchform,
#top-bar-right-widgets .searchform {
	float: right;
}

.dbx-content .searchform {
	float: left;
	text-align: center;
	width: 100%;
}

.dbx-content .searchform .searchfield {
	width: 70%;
}

/*
 * The layout has "page" as the base element.
 * Inside the "page" is a "wrapper". The "wrapper" has 4 rows:
 *     1. A "header"
 *     2. A navigation bar ("nav")
 *     3. A "container" with two columns:
 *        a. A main column ("main-col")
 *        b. A "sidebar"
 *     4. A section for credits ("cred")
 */

/* Main column  */
#wrapper #container #main-col {
	width: 725px;
	float: left;
}
#wrapper #container #single-col {
	width: 1000px;
	float: left;
}

/* See Ruthsarian Menus: Ruthsarian Layouts at http://webhost.bridgew.edu/etribou/layouts/rMenu/rMenu.css
 * There are details for z-index settings to avoid overlaps on the second line for IE 7
 */

/* main menu */
#nav {
	font-size: 15px;
	border-bottom: 0px solid #009000;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
	list-style: none;
	list-style-type:none;
	display: block;
	margin: 0 0 -1px 0;
	padding: 0;
/*	width: 75%;*/
	float: left;
	vertical-align: bottom;
}

#nav ul li {
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
	border: 0px solid #009000;
/*	border-bottom: none;*/
}

#nav ul li a {
	padding: 8px 8px 5px 8px;
	text-decoration: none;
	color: #222;
	display: inline-block;
}

#nav ul ul li,
#nav ul ul li a,
#nav ul ul ul li,
#nav ul ul ul li a,
#nav ul ul ul ul li,
#nav ul ul ul ul li a,
#nav ul ul ul ul ul li,
#nav ul ul ul ul ul li a,
#nav ul ul ul ul ul ul li,
#nav ul ul ul ul ul ul li a {
	z-index: 100;
}

#nav .current_page_item a,
#nav .current_page_item a:hover,
#nav li a:active {
	text-decoration: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
	float:left;
	position:relative;
	z-index: 1;
}

#nav li a:hover,
#nav li:hover,
#nav li.sfHover {
	z-index: 100;
}

/* Styling for drop-down lists */
#nav ul ul li a,
#nav ul ul li a:visited {
	padding: 8px 8px 5px 8px;
	text-decoration: none;
	color: #222;
	display: block;
	line-height:22px;
}

#nav ul ul li a:hover {
	color: #d05eb0;
}

/* style the links for the top level */
#nav a,
#nav a:visited {
	color: #ffff00;
}

#nav a.highlighted,
#nav a:active {
}

#nav a.highlighted,
#nav a,
#nav a:visited {
	display:block;
	font-size:13px;
	text-decoration:none;
	height:22px;
	padding: 8px 8px 5px 8px;
	line-height:22px;
	font-weight:bold;
}

/* style the second level background */
#nav ul ul a.drop,
#nav ul ul a.drop:visited {
}
#nav .float-ptr {
	font-size: 17px;
	float: right;
}

/* style the second level hover */
#nav ul ul a.drop:hover {
}

#nav ul ul :hover > a.drop {
}

/* style the third level background */
#nav ul ul ul a,
#nav ul ul ul a:visited {
}

/* style the third level hover */
#nav ul ul ul a:hover {
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:35px;
	left:0;
	width:149px;
}

/* position the third level flyout menu */
#nav ul ul ul {
	left:145px;
	top:-1px;
	width:149px;
}

/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	border-spacing: 0;
}

/* style the second level links */
#nav ul ul a,
#nav ul ul a:visited {
	height:auto;
	line-height:1em;
	padding:8px 10px 5px 10px;
	width:128px;
	border-width:0px 0px 0px 0px;
	text-align: left;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul li.sfHover ul,
#nav ul a:hover ul {
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#nav ul li:hover ul ul,
#nav ul li.sfHover ul ul,
#nav ul a:hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul li:hover ul,
#nav ul :hover ul li.sfHover ul,
#nav ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the fourth level hidden when you hover over second level list OR link */
#nav ul :hover ul li:hover ul ul,
#nav ul :hover ul li.sfHover ul ul,
#nav ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the fourth level visible when you hover over third level list OR link */
#nav ul :hover ul :hover ul li:hover ul,
#nav ul :hover ul :hover ul li.sfHover ul,
#nav ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the fifth level hidden when you hover over third level list OR link */
#nav ul :hover ul :hover ul li:hover ul ul,
#nav ul :hover ul :hover ul li.sfHover ul ul,
#nav ul :hover ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the fifth level visible when you hover over fourth level list OR link */
#nav ul :hover ul :hover ul :hover ul li:hover ul,
#nav ul :hover ul :hover ul :hover ul li.sfHover ul,
#nav ul :hover ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the sixth level hidden when you hover over fourth level list OR link */
#nav ul :hover ul :hover ul :hover ul li:hover ul ul,
#nav ul :hover ul :hover ul :hover ul li.sfHover ul ul,
#nav ul :hover ul :hover ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the sixth level visible when you hover over fifth level list OR link */
#nav ul :hover ul :hover ul :hover ul :hover ul li:hover ul,
#nav ul :hover ul :hover ul :hover ul :hover ul li.sfHover ul,
#nav ul :hover ul :hover ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the seventh level hidden when you hover over fifth level list OR link */
#nav ul :hover ul :hover ul :hover ul :hover ul li:hover ul ul,
#nav ul :hover ul :hover ul :hover ul :hover ul li.sfHover ul ul,
#nav ul :hover ul :hover ul :hover ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the seventh level visible when you hover over sixth level list OR link */
#nav ul :hover ul :hover ul :hover ul :hover ul :hover ul li:hover ul,
#nav ul :hover ul :hover ul :hover ul :hover ul :hover ul li.sfHover ul,
#nav ul :hover ul :hover ul :hover ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}

#nav-top {
	font-size: 15px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	padding: 0 10px;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav-top ul {
	list-style: none;
	list-style-type:none;
	display: block;
	margin: 0 0 -1px 0;
	padding: 0;
	vertical-align: bottom;
}

#nav-top ul li {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	border-width: 0px;
	border-style: solid;
}

#nav-top ul li a {
	padding: 8px 8px 5px 8px;
	text-decoration: none;
	color: #222;
	display: inline-block;
}

#nav-top ul ul li,
#nav-top ul ul li a,
#nav-top ul ul ul li,
#nav-top ul ul ul li a,
#nav-top ul ul ul ul li,
#nav-top ul ul ul ul li a,
#nav-top ul ul ul ul ul li,
#nav-top ul ul ul ul ul li a,
#nav-top ul ul ul ul ul ul li,
#nav-top ul ul ul ul ul ul li a {
	z-index: 100;
}

#nav-top .current_page_item a,
#nav-top .current_page_item a:hover,
#nav-top li a:active {
	text-decoration: none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav-top li {
	float:left;
	position:relative;
	z-index: 1;
}

#nav-top li a:hover,
#nav-top li:hover,
#nav-top li.sfHover {
	z-index: 100;
}

/* Styling for drop-down lists */
#nav-top ul ul li a,
#nav-top ul ul li a:visited {
	padding: 8px 8px 5px 8px;
	text-decoration: none;
	color: #222;
	display: block;
	line-height:22px;
}

#nav-top ul ul li a:hover {
	color: #d05eb0;
}

/* style the links for the top level */
#nav-top a,
#nav-top a:visited {
	color: #ffff00;
}

#nav-top a.highlighted,
#nav-top a:active {
}

#nav-top a.highlighted,
#nav-top a,
#nav-top a:visited {
	display:block;
	font-size:13px;
	text-decoration:none;
	height:22px;
	padding: 8px 8px 5px 8px;
	line-height:22px;
	font-weight:bold;
}

/* style the second level background */
#nav-top ul ul a.drop,
#nav-top ul ul a.drop:visited {
}

#nav-top .float-ptr {
	font-size: 17px;
	float: right;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav-top ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:35px;
	left:0;
	width:149px;
}

/* position the third level flyout menu */
#nav-top ul ul ul {
	left:145px;
	top:-1px;
	width:149px;
}

/* position the third level flyout menu for a left flyout */
#nav-top ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#nav-top table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	border-spacing: 0;
}

/* style the second level links */
#nav-top ul ul a,
#nav-top ul ul a:visited {
	height:auto;
	line-height:1em;
	padding:8px 10px 5px 10px;
	width:128px;
	border-width:0px 0px 0px 0px;
	text-align: left;
}

/* make the second level visible when hover on first level list OR link */
#nav-top ul li:hover ul,
#nav-top ul li.sfHover ul,
#nav-top ul a:hover ul {
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#nav-top ul li:hover ul ul,
#nav-top ul li.sfHover ul ul,
#nav-top ul a:hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#nav-top ul :hover ul li:hover ul,
#nav-top ul :hover ul li.sfHover ul,
#nav-top ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the fourth level hidden when you hover over second level list OR link */
#nav-top ul :hover ul li:hover ul ul,
#nav-top ul :hover ul li.sfHover ul ul,
#nav-top ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the fourth level visible when you hover over third level list OR link */
#nav-top ul :hover ul :hover ul li:hover ul,
#nav-top ul :hover ul :hover ul li.sfHover ul,
#nav-top ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the fifth level hidden when you hover over third level list OR link */
#nav-top ul :hover ul :hover ul li:hover ul ul,
#nav-top ul :hover ul :hover ul li.sfHover ul ul,
#nav-top ul :hover ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the fifth level visible when you hover over fourth level list OR link */
#nav-top ul :hover ul :hover ul :hover ul li:hover ul,
#nav-top ul :hover ul :hover ul :hover ul li.sfHover ul,
#nav-top ul :hover ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the sixth level hidden when you hover over fourth level list OR link */
#nav-top ul :hover ul :hover ul :hover ul li:hover ul ul,
#nav-top ul :hover ul :hover ul :hover ul li.sfHover ul ul,
#nav-top ul :hover ul :hover ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the sixth level visible when you hover over fifth level list OR link */
#nav-top ul :hover ul :hover ul :hover ul :hover ul li:hover ul,
#nav-top ul :hover ul :hover ul :hover ul :hover ul li.sfHover ul,
#nav-top ul :hover ul :hover ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}

/* make the seventh level hidden when you hover over fifth level list OR link */
#nav-top ul :hover ul :hover ul :hover ul :hover ul li:hover ul ul,
#nav-top ul :hover ul :hover ul :hover ul :hover ul li.sfHover ul ul,
#nav-top ul :hover ul :hover ul :hover ul :hover ul a:hover ul ul {
	visibility:hidden;
}

/* make the seventh level visible when you hover over sixth level list OR link */
#nav-top ul :hover ul :hover ul :hover ul :hover ul :hover ul li:hover ul,
#nav-top ul :hover ul :hover ul :hover ul :hover ul :hover ul li.sfHover ul,
#nav-top ul :hover ul :hover ul :hover ul :hover ul :hover ul a:hover ul {
	visibility:visible;
}


/* sub menu */
#subnav {
	background: #000;
	margin-top: 15px;
	border: 0px solid #c0c0c0;
}
#subnav ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
}
#subnav li {
	border-right: 0px solid #D8D8D8;
	padding: 4px 7px;
	margin: 0;
	float: left;
font-weight: bold;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
	text-decoration: none;
	color: #c0c0c0;
}

#subnav li a:hover {
	text-decoration: none;
}

#subnav ul li ul li{display: none;}

/* Level 3 */
#l3nav, #l4nav, #l5nav, #l6nav, #l7nav, #l8nav {
	background: #000000;
	margin-top: 3px;
	border: 0px solid #c0c0c0;
}

#l3nav ul,
#l4nav ul,
#l5nav ul,
#l6nav ul,
#l7nav ul,
#l8nav ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
}

#l3nav li,
#l4nav li,
#l5nav li,
#l6nav li,
#l7nav li,
#l8nav li {
	border-right: 0px solid #D8D8D8;
	padding: 4px 7px;
	margin: 0;
	float: left;
	font-weight: normal;
	font-size: 11px;
}

#l3nav li a, #l3nav li a:visited, #l3nav .page_item,
#l4nav li a, #l4nav li a:visited, #l4nav .page_item,
#l5nav li a, #l5nav li a:visited, #l5nav .page_item,
#l6nav li a, #l6nav li a:visited, #l6nav .page_item,
#l7nav li a, #l7nav li a:visited, #l7nav .page_item,
#l8nav li a, #l8nav li a:visited, #l8nav .page_item {
	text-decoration: none;
	color: #c0c0c0;
}

#l3nav .current_page_item, #l3nav .current_page_parent,
#l4nav .current_page_item, #l4nav .current_page_parent,
#l5nav .current_page_item, #l5nav .current_page_parent,
#l6nav .current_page_item, #l6nav .current_page_parent,
#l7nav .current_page_item, #l7nav .current_page_parent,
#l8nav .current_page_item, #l8nav .current_page_parent {
	background: #000;
	border-left: 0px solid #D8D8D8;
}

#l3nav li a:hover,
#l4nav li a:hover,
#l5nav li a:hover,
#l6nav li a:hover,
#l7nav li a:hover,
#l8nav li a:hover {
	text-decoration: none;
}

#l3nav ul li ul li,
#l4nav ul li ul li,
#l5nav ul li ul li,
#l6nav ul li ul li,
#l7nav ul li ul li,
#l8nav ul li ul li {
	display: none;
}

.breadcrumb {
	font-size: 13px;
	padding: 3px 5px 3px 8px;
}

/* content */
#content {
	clear: both;
	overflow: hidden;
	margin-top: 15px;
}

.post {
	border: 0px solid #c0c0c0;
	background: #000;
	padding: 25px 15px 15px 15px;
	clear: both;
	overflow: hidden;
	padding-bottom: 1em;
	margin-bottom: 10px;
}
.post .date {
	height: 48px;
	width: 48px;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #B26300;
	text-align: center;
	padding: 0 0 0 0;
	line-height: 100%;
	float: left;
}
.post .date span {
	height: 12px;
	display: block;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	padding-top: 2px;
}
.post .date span.year {
	height: 12px;
	display: block;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	padding-top: 0;
}
.post .title {color: #B26300; float: left; margin-left: 10px; width: 635px;}

div.page-links {
	width: 100%;
}

div.page-links span {
	border: 0px solid;
	padding-left: 4px;
	padding-right: 4px;
}

div.page-links a:hover {
	text-decoration: none;
}

span.more-link {
	width: 100%;
}

a.more-link {
	font-size: 12px;
	font-weight: bold;
	float: right;
}
.postdata {
	font-size: 90%;
	color: #999999;
}
.postdata a, .postdata a:visited {
	color: #999999;
	text-decoration: none;
}
.postdata a:hover {color: #ffff00; text-decoration: none;}
.post-footer .category,
.postdata .category{
	background: url(images/icons/folder-gray-16x16.png) no-repeat left top;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
/*	width: 450px; */
}

.post-footer .comments,
.postdata .comments {
	background: url(images/comments.png) no-repeat left center;
	padding-left: 20px;
	padding-right: 10px;
	float: right;
}
.postdata .edit{
	background: url(images/blog_post_edit.png) no-repeat left center;
	padding-left: 20px;
	padding-right: 10px;
	float: right;
}
.entry,
.non-wp-entry {
	padding: 15px 0 5px;
	clear: both;
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 1em;
}

div.post-footer {
	font-size: 12px;
	margin: 5px 0 5px 0;
	width: 100%;
}

/* post title */
h1.posttitle,
h2.posttitle {
	color: #B26300;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font-size: 24px;
	border-bottom: dotted 0px #CCCCCC;
}

h1.posttitle a,
h1.posttitle a:visited,
h2.posttitle a,
h2.posttitle a:visited {
	color: #ffff00;
	text-decoration: none;
}

h1.posttitle a:hover,
h2.posttitle a:hover {color: #B26300; text-decoration: none;}
.author {
	float: left;
	display: inline-block;
	color: #aaa;
	max-width: 200px;
}

.tags {
	float: right;
	display: block;
	color: #aaa;
	text-align: right;
/*	width: 450px;*/
}
.tags a {
	font-weight: bold;
	color: #333;
}
.tags a:hover {
	text-decoration: none;}

/* next & previous page navigation */
.page-nav {
	clear: both;
	padding: 5px 0 5px 0;
	margin-bottom: .6em;
	background-color: #000000;
	border: 0px solid #c0c0c0;
}
.page-nav a, .page-nav a:visited {
	color: #B26300;
	text-decoration: none;
}
.page-nav a:hover,
.navigation .suf-page-nav a:hover {color: #ffff00; text-decoration: none;}
.previous-entries a {
	float: left;
	padding-left: 20px;
	margin-left: 10px;
	background: url(images/older-pages.png) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 20px;
	margin-right: 10px;
	background: url(images/newer-pages.png) no-repeat right center;
}

.suf-page-nav {
	text-align: center;
	margin: 5px 0;
}

.suf-page-nav a,
.suf-page-nav span {
	padding: 2px 5px 2px 5px;
	border: 0px solid;
	margin: 2px;
}

.suf-page-nav span.dots {
	border: none;
}

.suf-page-nav a.page-numbers:hover {
	color: #ffff00;
}


/* next & previous post navigation */
.post-nav {
	clear: both;
	padding: 5px 5px 5px 5px;
	margin: 0 0 15px 0;
/*	font-size: 95%;*/
	background-color: #000000;
	border: 0px solid #c0c0c0;
}
.post-nav table {width: 100%;}
.post-nav a, .post-nav a:visited {
	color: #B26300;
	text-decoration: none;
}
.post-nav a:hover {text-decoration: none; color: #ffff00}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(images/larrow.png) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(images/rarrow.png) no-repeat right center;
}

/* Comments  */
h3#comments,
h3.comments {
	background-image: url(images/icons/comments.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	padding: 7px 7px 7px 35px;
	font-size: 14px;
	clear: both;
}
h3#respond,
h3.respond {
	background-image: url(images/icons/comment_edit.png);
	background-repeat: no-repeat;
	background-position: 7px center;
	padding: 7px 7px 7px 35px;
	margin: 20px 0 0;
	clear: both;
	font-size: 14px;
}

/* Comment navigation */
div.navigation {
	padding: 5px;
}

/* commentform */
#commentform {
	margin-top: 10px;
}
#commentform label {
	font-weight: bold;
	color:#B26300;
	font-size: 100%;
	padding: 5px;
	margin: 0;
	display: inline;
	float: left;
	text-align: right;
	height: 20px;
	width: 80px;
	border: solid 0px #999;
}

#commentform label.textarea {
	display: block;
	float: none;
	width: 140px;
	text-align: center;
}

#commentform small {
	color: #999999;
	font-size: 90%;
}

#commentform input[type="text"] {
	height: 22px;
	margin: 0 0 0 0;
}

#commentform textarea {
	font: 110% Arial, Helvetica, sans-serif;
	width: 480px;
	height: 140px;
	border: solid 0px #999999;
	padding: 5px 3px 3px 7px;
	margin-top: -1px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 0px #999;
}

div.reply {
	text-align: right;
	width: 100%;
}

a.comment-reply-link {
	border: solid 0px #999999;
	padding: 0 6px 0 6px;
	margin: 5px;
}

div.comment-response-types {
	margin: 5px 0 5px 0;
	display: block;
	width: 100%;
}

a.comment-response-types, span.comment-response-types {
	float: left;
	border: solid 0px #999999;
	padding: 6px;
	margin: 5px;
	font-weight: bold;
}

a.comment-response-types:hover {
	text-decoration: none;
}

/* comment list */
.commentlist {
	margin: 10px 0;
	padding-left: 45px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
	background-color: #fbfbfb;
	margin-bottom: 5px;
}
.commentlist ul li {
	list-style-type: none;
}
.commentlist ul li:last-child {
/*	border-bottom: none;*/
}

.commentlist .alt {
}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
}
.commentlist cite a, .commentlist cite a:visited {
}

img.avatar {
  float: right;
  margin: 5px;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
	color: #999999;
}

/* Credits  */
#cred {
	font-size: 11px;
	padding: 0 0 0 0;
	clear: both;
	height: 36px;
	border-top: 0px solid #009000;
}

#cred .designer {
	padding: 8px 22px 8px 22px;
	float: left;
}

#cred a {
	color: #B26300;
}

#cred a:hover {color: #ffff00; text-decoration: none;}

#cred .valid {
	padding: 8px 22px 8px 22px;
	float: right;
}

#cred table {
	border: none;
	padding: 0;
	margin: 10px 0 10px 0;
	width: 100%;
}

#cred td {
	width: 33%;
}

#cred td.cred-left {
	text-align: left;
}

#cred td.cred-center {
	text-align: center;
}

#cred td.cred-right {
	text-align: right;
}

/* Emphasis */
.download, .announcement, .warning, .note {
	padding: 10px 5px 10px 5px;
	margin: 10px 0 10px 0;
	width: 98%;
	color: #000000;
}

.download {
	background-color: #E3F5F9;
	border: 0px solid #0000ff;
}

.announcement {
	background-color: #b8f9d5;
	border: 0px solid #088c43;
}

.warning {
	background-color: #ffdbea;
	border: 0px solid #ff0000;
}

.note {
	background-color: #f9f6a7;
	border: 0px solid #e7d605;
}

/* Excerpts */
img.left-thumbnail,
.left-thumbnail {
	float: left;
	margin: 10px;
}

img.right-thumbnail,
.right-thumbnail {
	float: right;
	margin: 10px;
}

/* Forms */
legend {
	display: none;
}
fieldset {
	border:none;
	background: transparent;
}

/* commentform */
label {
	color:#333;
	font-size: .9em;
	display: block;
}
small {
	color: #555;
	font-size: 90%;
}

input{
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	padding: 5px 3px 3px 5px;
	border-top: 0px solid #ccc;
	border-right: 0px solid #aaa;
	border-bottom: 0px solid #aaa;
	border-left: 0px solid #ccc;
}

textarea {
	font-family: Trebuchet, "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
	height: 140px;
	border-top: 0px solid #ccc;
	border-right: 0px solid #aaa;
	border-bottom: 0px solid #aaa;
	border-left: 0px solid #ccc;
	padding: 5px 3px 3px 7px;
}

textarea:focus, input[type="text"]:focus {
	border: solid 0px #666;
}

.button, input[type="submit"], .submit {
	font-weight: normal;
	margin:0;
	padding:3px 15px 3px 15px;
}

.button:hover, input[type="submit"]:hover,
.button:active, input[type="submit"]:active {
	font-weight: bold;
}

/* sidebar */
#sidebar,
#sidebar-2 {
	margin-top: 15px;
	width: 260px;
	color: #666666;
	line-height: 160%;
}
#sidebar.left,
#sidebar-2.left {
	margin-right: 15px;
	float:left;
}

#sidebar.right,
#sidebar-2.right {
	margin-left: 15px;
	float:right;
}

.suf-widget,
#sidebar p,
#sidebar-2 p {
	margin: 0 0 15px;
}

.suf-widget h3 {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color: #444;
}

.suf-widget h3:hover {
	color: #B26300;
}

.suf-widget h3 a,
.suf-widget h3 a:visited {
	color: #333;
}

.suf-widget h3 img {
	vertical-align: middle;
}

.tab-box div.sidebar-tab-content a,
.suf-widget a,
.suf-widget a:visited {
	color: #fff;
	text-decoration:none;
}

.tab-box div.sidebar-tab-content a:hover,
.tab-box div.sidebar-tab-content a:focus,
.tab-box div.sidebar-tab-content a:active,
.suf-widget a:hover,
.suf-widget a:focus,
.suf-widget a:active {
	text-decoration:none; color: #ffff00
}

.suf-widget a.openid_link,
.recentcomments a.openid_link,
a.openid_link {
	padding-left: 16px;
}

.suf-mag-category ul,
.tab-box div.sidebar-tab-content ul,
.suf-widget ul,
.suf-flat-widget ul,
.suf-panel-widget ul {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}

.suf-mag-category ul li,
.tab-box div.sidebar-tab-content ul li,
.suf-widget ul li,
.suf-flat-widget ul li,
.suf-panel-widget ul li {
	background-repeat: no-repeat;
	padding-left: 22px ;
	background-position: 0 1px;
	padding-bottom: 3px;
}

.tab-box div.sidebar-tab-content ul li ul li,
.suf-widget ul li ul li {
	background-repeat: no-repeat;
	padding-left: 22px ;
	padding-bottom: 3px;
}

.tab-box div.sbtab-content-archives ul li,
.tab-box div.sbtab-content-archives ul li ul li,
.widget_archive ul li,
.widget_archive ul li ul li {
	background-image: url(images/icons/calendar_date.png);
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

.tab-box div.sbtab-content-categories ul li,
.tab-box div.sbtab-content-categories ul li ul li,
.tab-box div.sbtab-content-categories ul li ul li ul li,
.widget_categories ul li,
.widget_categories ul li ul li,
.widget_categories ul li ul li ul li {
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 20px;
	padding-bottom: 3px;
}

/* Other Widget Areas */
#right-header-widgets {
	float: right;
/*	width: 24%;*/


	display: inline-block;
	margin-left: 10px;
}

#top-bar-right-widgets {
	float: right;
	display: inline-block;
	margin-left: 10px;
}

#left-header-widgets,
#top-bar-left-widgets {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

#horizontal-outer-widgets-1,
#horizontal-outer-widgets-2 {
	width: 100%;
	padding: 10px 0 10px 0;
	display: inline-block;
}

.suf-horizontal-widget {
	margin: 5px;
	float: left;
	display: inline-block;
}

#sidebar .suf-horizontal-widget,
#sidebar-2 .suf-horizontal-widget {
	width: 100%;
}

/* Settings for Twitter widget */
.widget-suf-twitter {
	text-align: center;
	margin: 0;
}

.widget-suf-follow-twitter ul li {
	background-image: url(images/icons/comment.png);
	background-repeat: no-repeat;
}

#right-header-widgets .widget-suf-twitter,
#left-header-widgets .widget-suf-twitter,
#top-bar-right-widgets .widget-suf-twitter,
#top-bar-left-widgets .widget-suf-twitter {
	padding: 0;
}

.widget-suf-twitter-boxed {
	padding: 10px;
}

.twitter-icon-and-tag img {
	margin: 5px 10px 0 0;
	float: left;
}

.twitter-icon-and-tag {
	margin: 10px 5px 10px 0;
	display: inline-block;
	font-size: 15px;
}

#right-header-widgets a.twitter-icon-and-tag,
#right-header-widgets a.twitter-icon-and-tag img,
#left-header-widgets a.twitter-icon-and-tag,
#left-header-widgets a.twitter-icon-and-tag img,
#top-bar-right-widgets a.twitter-icon-and-tag,
#top-bar-right-widgets a.twitter-icon-and-tag img,
#top-bar-left-widgets a.twitter-icon-and-tag,
#top-bar-left-widgets a.twitter-icon-and-tag img {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a.twitter-icon-and-tag:hover,
#nav a.twitter-icon-and-tag:hover,
#nav a.twitter-icon-and-tag:active,
#nav a.twitter-icon-and-tag,
#nav-top a.twitter-icon-and-tag:hover,
#nav-top a.twitter-icon-and-tag:active,
#nav-top a.twitter-icon-and-tag,
#sidebar a.twitter-icon-and-tag:hover,
#sidebar-2 a.twitter-icon-and-tag:hover {
	text-decoration: none;
	background: none;
}
/* End Twitter widget settings */

/* Featured Posts */
#featured-posts {
	margin-top: 15px;
	padding: 0;
	border-color: #000000;
	background-color: #000000;
}

.featured-content .top,
#featured-posts .top {
	top: 0;
	left: 0;
}

.featured-content .bottom,
#featured-posts .bottom {
	bottom: 0;
    left: 0;
}

.featured-content .left,
#featured-posts .left {
	top: 0;
    left: 0;
}

.featured-content .right,
#featured-posts .right {
	right: 0;
	bottom: 0;
}

/*#horizontal-outer-widgets-1 .featured-content ul,
#horizontal-outer-widgets-2 .featured-content ul,*/
#featured-posts ul {
	list-style-type: none;
}

.featured-content ul, .featured-content ul li {
    padding-left: 0;
}
.featured-content ul.sliderContent li {
    background-image: none;
}
/* JQuery Cycle is used for the featured posts */
#slider {
	position: relative; /* important */
	overflow: hidden; /* important */
	margin: 5px;
}

.slider {
	position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
	width: 100%; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
	padding: 0;
}

.sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
	width: 100%;
	padding: 0;
	margin: 0;
}

.sliderImage div {
	position: absolute; /* important */
	width: 100%;
	background-color: #222222;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #B26300;
	text-align: left;
}

.sliderImage div p {
	margin: 10px;
	font-size: 13px;
	text-align: left;
}

.sliderImage div a {
	font-weight: bold;
}

.sliderImage div a:hover {
	text-decoration: none;
}

.sliderImage div ins {
	text-decoration: none;
	font-weight: bolder;
}

img.featured-excerpt-left {
	float: right;
}

img.featured-excerpt-right {
	float: left;
}

#sliderIndex {
}

.sliderIndex a,
#sliderIndex a {
	border-style: solid;
	border-width: 0px;
	margin: 1px;
	padding: 2px 5px;
	font-weight: bold;
}

.sliderIndex a:hover,
#sliderIndex a:hover {
	cursor: pointer;
	text-decoration: none;
}

.sliderPager,
#sliderPager {
	float: left;
	padding: 5px;
	height: 30px;
}

.sliderControl,
#sliderControl {
	float: right;
	padding: 5px;
	height: 30px;
}

.sliderPager,
.sliderControl {
    height: 28px;
    padding: 5px 0 0px 0;
    margin: 5px 0 0 0;
}

.featured-content img.left-thumbnail,
.featured-content img.right-thumbnail,
#featured-posts img.left-thumbnail,
#featured-posts img.right-thumbnail {
	margin: 0;
}

.featured-content .sliderIndex a, .featured-content .sliderIndex a:hover, .featured-content .sliderIndex a:visited,
.featured-content .sliderIndex a:active, .featured-content .sliderIndex a:focus {
    text-decoration: none;
}

.tab-box div.sbtab-content-archives ul li,
.tab-box div.sbtab-content-archives ul li ul li,
.widget_archive ul li,
.widget_archive ul li ul li {
	background-image: url(images/icons/calendar_date.png);
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

#recent-comments ul li {
	background-image: url(images/icons/comments.png);
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

#recent-posts ul li {
	background-image: url(images/icons/page_copy.png);
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

.widget_categories ul li,
.widget_categories ul li ul li,
.widget_categories ul li ul li ul li {
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 20px;
	padding-bottom: 3px;
}

/* meta */
.tab-box div.sbtab-content-meta .rss,
.suf-widget .rss {
	background-repeat: no-repeat;
	background-position: left center;
	padding-bottom: 3px;
}

#meta .check {
	background: url(images/check.gif);
	background-repeat: no-repeat;
	padding-bottom: 3px;
}
/* calendar */
#calendar table,
.widget_calendar table {
	margin: 0 auto;
}
#calendar td,
.widget_calendar td {
	padding: 0 10px 0 10px;
}

#calendar a,
.widget_calendar a {
	font-weight: bold;
}

/* alignments */
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0;
}

img[align="right"] {
	float:right;
	margin: 2px 0 5px 10px;
}

.clear {
	clear:both;
}

hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.author-profile,
.tag-info,
.category-info {
	padding: 15px;
	margin-bottom: 15px;
	background-color: #000000;
	font-size: 13px;
	border: solid 0px #c0c0c0;
}

.author-profile h2,
.tag-info h2,
h2.category-title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: dotted 0px #CCCCCC;
}

.author-profile img.avatar {
  margin: 5px 10px;
}

.author-even img.avatar {
	float: right;
	margin: 5px 0 5px 15px;
}

.author-odd img.avatar {
	float: left;
	margin: 5px 15px 5px 0;
}

.category-info a img {
	float: right;
	margin: 5px 0 5px 10px;
}

.wp-caption {
	text-align: center;
	background: #000;
	text-align: center;
	padding: 4px;
	margin-bottom: 1em;
}

.wp-caption-text {
	font-size: 12px;
	font-style: italic;
	margin:0;
	padding:6px 3px 2px;
	line-height: 16px;
	text-align: center;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	margin-top: 5px;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Clearfix: Courtesy http://www.positioniseverything.net/easyclearing.html */
.fix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.fix { display: inline-block; }
/* Hide from IE Mac \*/
.fix {display:block;}
/* End hide from IE Mac */

#sidebar-container {
	display: inline-block;
	margin-top: 15px;
}

.sidebar-container-left {
	float: left;
}

.sidebar-container-right {
	float: right;
}

/* Contains the entire.tab-box section */
.tab-box {
	display: block;
/*	margin-top: 15px;*/
}

.tab-box-left {
	margin-right: 15px;
}

.tab-box-right {
	margin-left: 15px;
}

/* List of tabs */
.tab-box ul.sidebar-tabs {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	display: inline-block;
	width: 100%;
	margin: 0 0 -1px 0;
	padding: 0;
}

.tab-box ul.sidebar-tabs li {
	list-style: none;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}

.tab-box ul.sidebar-tabs li a {
	overflow: hidden;
	display: block;
	padding: 7px;
	text-decoration: none;
	border: 0px solid #c0c0c0;
	cursor: pointer;
	color: #fff;
	background-color: #000;
}

/* The current selected tab */
.tab-box ul.sidebar-tabs li a.tab-current {
}

/* The content shown when a tab is selected */
.tab-box div.sidebar-tab-content {
	display: block;
	padding: 10px;
	background: #000;
	border: 0px solid #c0c0c0;
}

/* Magazine */
.suf-mag-headlines {
	margin-top: 3px;
	display: block;
	background: #000;
	border-width: 0px;
	border-style: solid;
	border-color: #c0c0c0;
}

.suf-mag-headline-photo-box {
	padding: 5px;
	overflow: hidden;
	float:left;
	margin: 5px 3px 5px 5px;
	text-align: center;
}

.suf-mag-headline-photo {
	display: inline-block;
	padding: 5px;
}

.suf-mag-headline-block {
	float: right;
	margin: 5px 5px 5px 2px;
}

.suf-mag-headline-block ul.mag-headlines {
	border-collapse: collapse;
	list-style: none;
	list-style-type:none;
}

.suf-mag-headline-block li.suf-mag-headline a {
	padding: 3px 8px;
	text-decoration: none;
	color: #B26300;
}

.suf-mag-headline-block li.suf-mag-headline a.tab-current {
	padding: 2px 7px;
	border: none;
}

.suf-mag-headline {
	display: block;
	line-height: 22px;
	font-size: 13px;
}

.suf-mag-excerpts {
	width: 100%;
	padding: 0;
	margin: 10px 0;
}

.suf-tiles {
	width: 100%;
	padding: 0;
}

.suf-mag-excerpts td,
.suf-tiles td {
	margin: 10px;
	border-width: 0px;
	border-style: solid;
	border-color: #c0c0c0;
	vertical-align: top;
	background-color: #000000;
}

div.suf-mag-excerpt,
div.suf-tile {
	margin: 8px;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}

div.suf-tile-image {
	float: none;
	display: inline-block;
}

h2.suf-mag-excerpt-title a,
h2.suf-mag-excerpt-title a:hover,
h2.suf-mag-excerpt-title a:visited,
h2.suf-mag-excerpt-title a:active,
h2.suf-tile-title a,
h2.suf-tile-title a:hover,
h2.suf-tile-title a:visited,
h2.suf-tile-title a:active {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	color: #444;
}

h2.suf-mag-excerpt-title,
h2.suf-tile-title {
	border-top: 0px dotted #c0c0c0;
	border-bottom: 0px dotted #c0c0c0;
	line-height: 18px;
	padding: 5px 0;
}

.suf-mag-excerpt-image,
.suf-tile-image {
	overflow: hidden;
	height: 100px;
	width: 100%;
	margin-bottom: 12px;
	text-align: center;
}

.suf-tile-image img {
	margin: auto;
}

.suf-mag-excerpt-text,
.suf-tile-text {
	margin: 12px 5px;
}

.suf-mag-categories {
	width: 100%;
	padding: 0;
	margin: 10px 0;
}

h2.suf-mag-headlines-title,
.suf-mag-excerpts th,
.suf-mag-categories th,
.suf-tiles th {
	padding: 5px;
	border-width: 0px;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #000000;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	line-height: 26px;
}

.suf-mag-categories td {
	margin: 10px;
	border-width: 0px;
	border-style: solid;
	border-color: #c0c0c0;
	vertical-align: top;
	background-color: #000000;
}

div.suf-mag-category {
	margin: 8px;
}

.suf-mag-category-image {
	overflow: hidden;
	height: 100px;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

h2.suf-mag-category-title {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	padding: 5px;
}

.widget-suf-cat-posts ul.suf-cat-posts-list,
.suf-mag-category ul.suf-mag-catblock-posts {
	border-collapse: collapse;
	list-style: none;
	list-style-type:none;
	padding-left: 0;
}

.widget-suf-cat-posts li.suf-cat-post,
.suf-mag-category li.suf-mag-catblock-post {
	padding: 6px 1px 6px 20px;
	border-bottom: 0px dotted #c0c0c0;
	background-repeat: no-repeat;
	background-image: url(images/right_arrow.png);
	background-position: 0 10px;
}

.widget-suf-cat-posts li.suf-cat-post a,
.suf-mag-category li.suf-mag-catblock-post a {
	text-decoration: none;
	color: #B26300;
}

.widget-suf-cat-posts li.suf-cat-post:hover,
.suf-mag-category li.suf-mag-catblock-post:hover {
	padding: 5px 0 5px 19px;
	border: 0px solid #c0c0c0;
}

.suf-cat-post,
.suf-mag-catblock-post {
	display: block;
	line-height: 22px;
	font-size: 13px;
}

.suf-mag-category-footer {
	vertical-align: bottom;
}

#sidebar a.suf-mag-category-all-posts,
#sidebar a.suf-mag-category-all-posts:hover,
#sidebar a.suf-mag-category-all-posts:visited,
#sidebar-2 a.suf-mag-category-all-posts,
#sidebar-2 a.suf-mag-category-all-posts:hover,
#sidebar-2 a.suf-mag-category-all-posts:visited,
#horizontal-outer-widgets-1 a.suf-mag-category-all-posts,
#horizontal-outer-widgets-1 a.suf-mag-category-all-posts:hover,
#horizontal-outer-widgets-1 a.suf-mag-category-all-posts:visited,
#horizontal-outer-widgets-2 a.suf-mag-category-all-posts,
#horizontal-outer-widgets-2 a.suf-mag-category-all-posts:hover,
#horizontal-outer-widgets-2 a.suf-mag-category-all-posts:visited,
a.suf-mag-excerpt-full-story,
a.suf-mag-excerpt-full-story:hover,
a.suf-mag-excerpt-full-story:visited,
a.suf-mag-category-all-posts,
a.suf-mag-category-all-posts:hover,
a.suf-mag-category-all-posts:visited {
	float: right;
	margin: 5px;
	padding: 4px 10px;
	text-decoration: none;
}

.suf-cat-posts-widget-image {
	overflow: hidden;
	height: 80px;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.follow-icon-and-tag {
	margin: 10px 5px 10px 0;
	display: inline-block;
	font-size: 15px;
    vertical-align: middle;
}

div#right-header-widgets .follow-icon-and-tag,
div#left-header-widgets .follow-icon-and-tag {
	display: inline-block;
	margin: 0;
}

div#top-bar-right-widgets .follow-icon-and-tag,
div#top-bar-left-widgets .follow-icon-and-tag {
	display: inline-block;
	margin: 0;
}

div#right-header-widgets a.follow-icon-and-tag:hover,
div#right-header-widgets a.follow-icon-and-tag:active,
div#right-header-widgets a.follow-icon-and-tag,
div#left-header-widgets a.follow-icon-and-tag:hover,
div#left-header-widgets a.follow-icon-and-tag:active,
div#left-header-widgets a.follow-icon-and-tag,
div#top-bar-right-widgets a.follow-icon-and-tag:hover,
div#top-bar-right-widgets a.follow-icon-and-tag:active,
div#top-bar-right-widgets a.follow-icon-and-tag,
div#top-bar-left-widgets a.follow-icon-and-tag:hover,
div#top-bar-left-widgets a.follow-icon-and-tag:active,
div#top-bar-left-widgets a.follow-icon-and-tag {
	padding: 3px 2px;
}

a.follow-icon-and-tag:hover,
div#right-header-widgets a.follow-icon-and-tag:hover,
div#right-header-widgets a.follow-icon-and-tag:active,
div#right-header-widgets a.follow-icon-and-tag,
div#left-header-widgets a.follow-icon-and-tag:hover,
div#left-header-widgets a.follow-icon-and-tag:active,
div#left-header-widgets a.follow-icon-and-tag,
div#top-bar-right-widgets a.follow-icon-and-tag:hover,
div#top-bar-right-widgets a.follow-icon-and-tag:active,
div#top-bar-right-widgets a.follow-icon-and-tag,
div#top-bar-left-widgets a.follow-icon-and-tag:hover,
div#top-bar-left-widgets a.follow-icon-and-tag:active,
div#top-bar-left-widgets a.follow-icon-and-tag,
#sidebar a.follow-icon-and-tag:hover,
#sidebar-2 a.follow-icon-and-tag:hover {
	text-decoration: none;
	background: none;
}

.widget-suf-subscription form p,
.widget-suf-subscription p {
    text-align: center;
}

.widget-suf-subscription form {
    margin: 10px 0;
}

.widget-suf-subscription div {
    text-align: center;
}

.widget-suf-subscription input[type='text'].subscription-email {
	color: #999;
	border: 0px solid #888;
    margin: 10px 0;
}

.suf-flat-widget {
    margin: 15px 8px;
}

.suf-flat-widget h3 {
    font-size: 14px;
    border-top: 0px dotted #666;
    border-bottom: 0px dotted #666;
    margin-bottom: 10px;
    padding: 5px 0;
}

#sidebar.flattened,
#sidebar-2.flattened,
#horizontal-outer-widgets-1.flattened,
#horizontal-outer-widgets-2.flattened,
.flattened#sidebar,
.flattened#sidebar-2,
.flattened#horizontal-outer-widgets-1,
.flattened#horizontal-outer-widgets-2 {
    background-color: #000;
    border: 0px solid #c0c0c0;
}

#horizontal-outer-widgets-1.flattened {
    margin-top: 10px;
}

#horizontal-outer-widgets-2.flattened {
    margin: 10px 0;
}

.author-info {
    border: 0px solid #c0c0c0;
    margin-top: 15px;
    padding: 5px;
}

.author-info h4 {
    padding: 5px 0 5px 5px;
    font-family: Arial, sans-serif;
}


.attachment-thumbnail {
}

.title-container {
	padding-left: 48px;
	padding-right: 10px;
/*	padding-left: 0;
	padding-right: 0;*/
}

.post .date {
	width: 48px;
	right: 58px;
	margin-left: -100%;
	float: left;
	position: relative;
/*	display: none;*/
}

.post .title {
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0 0 0 10px;
}

.widget_tag_cloud {
	font-family: Arial, Trebuchet, "Trebuchet MS", sans-serif;
}

.col-control {
	margin: 0 auto;
	padding: 0;
}

/* Sliding panel. */
#top-bar-right-spanel {
	text-align: center;
	display: none;
	padding: 10px;
	background-color: #040D0F;
	border: 0px solid #222;
}

/* The part of the panel that actually slides. */
.spanel {
	overflow: hidden;
	position: relative;
	z-index: 10;
}

/* Widget container. */
.spanel .spanel-content {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* Sliding panel widgets. */
.spanel .suf-panel-widget {
	overflow: hidden;
	float: left;
	color: #AAA;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
}

.spanel .suf-panel-widget h3 {
	color: #999;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
}

#top-bar-right-spanel-tab {
	float: right;
	display: inline-block;
	margin-left: 10px;
}

/* Wrapper for the open/close button. */
#top-bar-right-spanel-tab .toggle {
}

/* Open/close link. */
#top-bar-right-spanel-tab a {
	margin: 0;
	padding: 8px 8px 5px 8px;
 	text-align: center;
	}

/* Open link. */
#top-bar-right-spanel-tab a.open {
}

/* Close link. */
#top-bar-right-spanel-tab a.close {
	}

/* Open/close link hover. */
#top-bar-right-spanel-tab a:hover {cursor: pointer;}

/* Open/close link array (&urarr;). */
#top-bar-right-spanel-tab a .arrow {font-style: normal;}
/*******************************************************************************

Bookmarkify Theme Name: Subdued
Description: Contains settings to make link images appears subdued. When the user hovers over the button, they brighten.
Author: Gary Keorkunian
Author URI: http://www.gara.com/

This theme is licensed under a 
Creative Commons Attribution-Share Alike License 3.0
http://creativecommons.org/licenses/by-sa/3.0/us/

You are free to use, copy, and distribute this theme and you are free to modify 
this theme under the condition that attribute the work to the original author
and you distribute any modification of this theme under the same license.
 
*******************************************************************************/

div.bookmarkify
{ margin: 0px; border: none; padding: 0px;

height: 1%;

background: transparent;

text-align: left; vertical-align: middle;

font-family: verdana, arial; font-size: 12px; }

div.bookmarkify a { text-decoration: none;

font-family: verdana, arial; }

div.bookmarkify a:hover { text-decoration: none; }

div.bookmarkify div.title { margin: 0px; border: none; padding: 0px;

height: 1%;

background: transparent;

vertical-align: auto;

font-weight: bold; }

div.bookmarkify div.linkbuttons { margin: 0px; border: none; padding:
2px;

height: 1%;

background: transparent;

vertical-align: auto; }

div.bookmarkify div.linkbuttons a { margin: 0px; border: none; padding:
2px;

height: 1%;

background: transparent;

vertical-align: auto; }

div.bookmarkify div.linkbuttons a:hover { }

div.bookmarkify div.linkbuttons a img { margin: 0px; border: none;
padding: 0px;

display: inline;

background: transparent; opacity: 0.5; filter:alpha(opacity=50);

vertical-align: auto; }

div.bookmarkify div.linkbuttons a:hover img { opacity: 1;
filter:alpha(opacity=100); }

div.bookmarkify div.brand { margin: 0px; border: none; padding: 2px;

height: 1%;

background: transparent;

vertical-align: auto; }

div.bookmarkify div.brand a { margin: 0px; border: none; padding: 0px;

height: 1%;

background: transparent;

vertical-align: auto;

color: gray; font-weight: normal; }

div.bookmarkify div.brand a:hover { }
