/*  

Theme Name: Blogging Success

Author URI: http://success.ithemes.com/

Version: 1.1.0

Author: iThemes

Description: Blogging Success is a 2 column blog theme.


Version History

	1.0.0 - 2008-11-12

		Initial Release

	1.0.0 - 2008-09-01

		First Release

	1.0.1 - 2008-09-18

		Fixed sidebar.php bug - See Changelog.txt

	1.0.2 - 2008-10-09

		Corrected menu styles and header.php - See Changelog.txt

	1.0.3 - 2008-10-15

		Merged multiple color themes into one theme with style switcher

	1.0.4 - 2008-10-31

		Corrected array issue in /lib/theme-options.php

	1.1.0 - 2009-02-03

		Added lib/billboard folder

		Modified theme-options.php to add required globals

		Add iThemesFileUtility.php

		Updated functions.php to add billboard include

*/


html, body { margin: 0; padding: 0; }


body { 

    background-color:#ffebb2; background-image:url(images/page_bg.jpg); background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica;

	font-size: 12px;

	text-align: center;

}


body * {margin: 0px; padding: 0px;}


.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }


/*********************************************

		Link Styles

*********************************************/

a, a:visited {

	color: #263a91;

	text-decoration: none;

}

a:hover { color: #000; text-decoration: underline; }


/*********************************************

		Text Elements

*********************************************/

p, ul, ol, blockquote {color: #333;}

ol, ul {

	margin: 5px 35px;

	line-height: 16px;

}

blockquote {

	margin: 5px 0px 5px 10px;

	padding: 0px 0px 0px 10px;

	border-left: 1px solid #999;

}

img { border: 0px; background: none; }

p {

	padding: 5px 0px;

	margin: 0px;

	line-height: 16px;

}


/*********************************************

		The Obligatory WP Stuff

*********************************************/

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

.alignleft {

   float: left;

}

.alignright {

   float: right;

}

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}


/*********************************************

		Header Styles

*********************************************/

h1 { /* This style used as title on single posts and pages */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px; line-height: 24px;

	padding: 10px 0px 0px 0px;

	margin: 0px;

	color: #263a91;

	text-transform: uppercase;
		text-decoration: none;

	letter-spacing: -1px;

}

h1 a, a:visited {

	color: #263a91;

	text-decoration: none;

}

h1 a:hover { color: #000; text-decoration: none; }


h2 { /* This style used as header in the sidebars */

	background: #a91418;

	font-size: 15px;

	color: #FFF;

	font-family: Helvetica, Arial, Sans-Serif;

	margin: 0px 0px 10px 0px;

	padding: 5px;

	font-weight: normal;

}

h3 { /* This style used as the post titles on homepage/archive */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #000;

	text-decoration: none;

}

h3 a {

}

h3 a:hover {

}

h4 { /* This style used as title for comments and as the identifying header on archive page  */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #a91418;

	text-decoration: none;

}


/*********************************************

		Container Div

*********************************************/

#container {

	background: #fff;

	text-align: left;

	margin: 15px auto; padding: 15px;

	width: 860px;

	border: 1px solid #888;

}


/*********************************************

		Header Styles

*********************************************/

#header {

	background: #000 url(images/header.jpg) no-repeat;

	margin: 0px; padding: 0px;

	width: 860px; height: 90px;

	display: block;

	position: relative;

}

#header a#headerlink {

	display: block;

	margin: 0px; padding: 0px;

	width: 860px; height: 90px;

	overflow: hidden;

}

#header #title {

	display: block;

	margin: 0px; padding: 20px 0px 0px 35px;

	font-family: "Trajan Pro", "Times New Roman", Georgia, Serif;

	font-variant: small-caps;

	font-size: 34px; line-height: 34px;

	letter-spacing: 1px;

	color: #000000;

}

#header #desc {

	display: block;

	clear: both;

	margin: 0px; padding: 0px 0px 0px 55px;

	font-family: "Trajan Pro", "Times New Roman", Georgia, Serif;

	font-variant: small-caps;

	font-size: 20px; line-height: 20px;

	letter-spacing: 1px;

	color: #000000;

}

/*********************************************

		Horizontal Navigation Styles

*********************************************/

/****************************** 

The top-level stuff 

*******************************/

/* This is style for the main #menu nav (the black) */

#menu {

	background: #263a91;

	font-size: 12px;

	font-family: Helvetica, Arial, Sans-Serif;

	text-align: center;

	margin: 0px 0px 10px 0px; padding: 0px;

	height: 17px; line-height: 17px;

	display: block;

	border-bottom: 2px solid #000;

	border-top: 2px solid #000;

}

/* This is the style for the first UL (the grey) */

#menu ul {

	display: block;

	background: transparent;

	width: 860px;

	height: 30px; line-height: 30px;

	margin: 0px auto; padding: 0px;

}

/* This is the style for the top level list items */

#menu ul li {

	width: auto;

	display: block;

	float: left;

	list-style-type: none;

	height: 20px; line-height: 20px;

	margin: 0px; padding: 0px;

}

/* The style for all links */

#menu a {

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

}

/* The hover state colors and background for all LI items and links */

#menu li:hover,

#menu li:hover a,

#menu li.sfhover,

#menu li.sfhover a,

#menu li a:hover {

	color: #000;

	background: #FFF;

	text-decoration: none;

}

/* This is the style for the top level links */

#menu ul li a {

	display: block;

	height: 20px; line-height: 20px;

	margin: 0px; padding: 0px 10px;

	text-decoration: none;

}

/* if you want to set a "current page item" style, do it here */

#menu ul li.current_page_item a {

}

/****************************** 

The second-level stuff 

*******************************/

/* This hides the nested UL before you hover */

#menu li ul {

	clear: both;

	position: absolute;

	width: 150px;

	left: -999em;

}

/* This shows the nested UL when you hover */

#menu li:hover ul, 

#menu li.sfhover ul {

	left: auto;

	display:  block;

	z-index: 1000;

}


/* This is the style for the nested UL */

#menu li:hover ul, #menu li.sfhover ul {

	background: transparent;

	display: block;

	margin: 0px; padding: 0px;

}

/* This is the style for the LI items within the nested UL */

#menu li:hover ul li,

#menu li.sfhover ul li {

	background: transparent;

	width: 180px;

	display: block;

	padding: 0px; margin: 0px;

	height: 30px; line-height: 30px;

	text-align: left;

	border-top: 1px solid #FFF;

}

/* This is the style for the links within the LI items within the nested UL */

#menu li:hover ul li a,

#menu li:hover ul li.current_page_item a,

#menu li.sfhover ul li a,

#menu li.sfhover ul li.current_page_item a {

	background: #ababab url(images/menuback.gif) repeat-x;

	width: 170px;

	display: block;

	margin: 0px; padding: 0px 5px;

	height: 20px; line-height: 20px;

	border: none;

	color: #FFF;

	font-weight: bold;

}

/* This is the style for the hover state on the links within the LI items within the nested UL */

#menu li:hover ul li a:hover, 

#menu li.sfhover ul li a:hover {

	color: #FFF;

	background: #ababab;

	text-decoration: none;

	margin: 0px; padding: 0px 5px;

	height: 30px; line-height: 30px;

	font-weight: bold;

}


	/*********************************************

		Content Div

*********************************************/

#content {

	float: left;

	margin: 0px 0px 10px 0px; padding: 0px 10px 0px 0px;

	width: 500px; /* minus one pixel to account for the dotted border */

	display: block;

	border-right: 0px dotted black;

}


a.more-link { /* the more link */

	display: block;

	clear: both;

	margin: 15px 0px 0px 0px; padding: 0px;

	text-align: right;

}


/*********************************************

		Post Meta Styles

*********************************************/

.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 5px;

	margin: 3px 0px 10px 0px;

	border-top: 1px dotted #a91418;

	border-bottom: 1px dotted #a91418;

}

.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 5px;

	margin: 10px 0px;

	border-top: 1px dotted #a91418;

}


/*********************************************

		Previous/Next Page Navigation

*********************************************/

.page-nav {

	clear: both; /* To clear any floats */

	margin: 10px 0px;

	padding: 10px 0px;

}

.nav-previous {

	width: 249px; 

	float: left; 

	text-align: left;

}

.nav-next {

	width: 249px; 

	float: right; 

	text-align: right;

}


	/*********************************************

		Left Sidebar

*********************************************/

#sidebar {

	display: inline;

	float: right;

	border: 0px solid black;

width: 250px;

	margin: 0px; padding: 0px 0px 0px 10px;

	display: block; /* floats are handled as block elements, this is to fix 

						a margin collapsing bug in IE */

}

#sidebar h2 { /* This style used as header in the sidebars */

	background: #a91418;

	font-size: 15px;

	color: #FFF;

	font-family: Georgia, Arial, Sans-Serif;

	margin: 0px 0px 10px 0px;

	padding: 8px;

	font-weight: normal;

	text-transform: uppercase;

}

#sidebar embed, #sidebar object {

width: 250px; height: 230px;

	margin: 0px; padding: 0px;

}

#sidebar p {

	padding: 5px;

}

#sidebar img {

	text-align: center;

}

#sidebar form {

	padding: 0px;

	margin: 5px;

}

#sidebar ul {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}

#sidebar ul li {

	padding: 0px 0px 10px 0px;

}

#sidebar ul li ul {

	padding: 0px 0px 0px 0px;

}

#sidebar ul li ul li {

	padding: 0px;

	margin: 5px;

}

#sidebar ul li ul li a {

	text-decoration: none;

}

#sidebar ul li ul li a:hover {

	text-decoration: underline;

}

#sidebar ul li ul li ul {

	padding: 0px;

	margin: 0px;

}

#sidebar ul li ul li ul li {

	padding: 0px;

	margin: 5px 10px 5px 5px;

}


/*********************************************

		Left Sidebar QuickLinks

*********************************************/

#sidebar #quicklinks {


	}

#sidebar #quicklinks ul li ul li {

	margin: 0;

}

#sidebar #quicklinks a {

	display: block;

	margin: 10px 0px;padding: 0px 0px 0px 50px;

}

#sidebar #quicklinks a.search {

	height: 33px; line-height: 33px;

	background: url(images/icons.jpg) 0px -7px no-repeat;

}

#sidebar #quicklinks a.rss {

	height: 32px; line-height: 32px;

	background: url(images/icons.jpg) 0px -48px no-repeat;

}

#sidebar #quicklinks a.podcast {

	height: 36px; line-height: 36px;

	background: url(images/icons.jpg) 0px -91px no-repeat;

}

#sidebar #quicklinks a.upcoming {

	height: 30px; line-height: 30px;

	background: url(images/icons.jpg) 0px -135px no-repeat;

}

#sidebar #quicklinks a.storefront {

	height: 34px; line-height: 34px;

	background: url(images/icons.jpg) 0px -178px no-repeat;

}

#sidebar #quicklinks a.shopping {

	height: 27px; line-height: 27px;




	background: url(images/icons.jpg) 0px -224px no-repeat;

}

#sidebar #quicklinks a.address {

	height: 30px; line-height: 30px;

	background: url(images/icons.jpg) 0px -264px no-repeat;

}

#sidebar #quicklinks a.download {

	height: 33px; line-height: 33px;

	background: url(images/icons.jpg) 0px -304px no-repeat;

}


/*********************************************

		Comment Styles

*********************************************/

#comments {

	padding: 8px;

}

#comments .even {

	margin: 5px 0px 5px 0px;

	padding: 10px;

	background: #FFFFFF;

	overflow: hidden;

	border-bottom: 1px dotted #B7B7B7;

}

#comments .odd {

	margin: 5px 0px 5px 0px;

	padding: 10px;

	background: #FFFFFF;

	overflow: hidden;

	border-bottom: 1px dotted #B7B7B7;

}

/************************************************

*	Feedreader Page Template					     		* 

************************************************/


#feedreader {

	margin: 0px auto 0px;

	padding: 0px 0px 20px 0px;

	line-height: 20px;

	clear: both;

	}

#feedreader h1 { /* This style used as title on single posts and pages */

	text-align: center;

}

#feedreader h2 a { 

	color: #FFF;

}

#feedreader h2 a:hover { 

	color: #fff;

	text-decoration: underline;

}

#feedreader img{

	float: left;

	border: none;

	margin: 0px 5px 10px 0px;

	}


	#feedreader ul{

	list-style-type: square;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

#feedreader li{

	list-style-type: none;

	padding: 0px 0px 10px 0px;

	}


	#feedreader ul li{

	list-style-type: square;

	margin: 0px 0px 0px 20px;

	padding: 0px 0px 0px 0px;

	}

		.feedleft {

	float: left;

	width: 238px;

	margin: 0px 0px 0px 0px;

	padding: 20px 20px 0px 25px;

	overflow: hidden;

	}


	.feedmiddle {

	float: left;

	width: 238px;

	margin: 0px 0px 0px 0px;

	padding: 20px 20px 0px 25px;

	overflow: hidden;

	}


	.feedright {

	float: right;

	width: 238px;

	margin: 0px 0px 0px 0px;

	padding: 20px 20px 0px 20px;

	overflow: hidden;

	}

/*********************************************

		LANDING PAGE

*********************************************/

#landingpage {

	float: left;

	margin: 0px 0px 10px 0px; padding: 0px 10px 0px 0px;

	width: 610px; 

	display: block;

	border-right: 0px dotted black;

}

#landingpage h1, #launch h1 { /* This style used as title on single posts and pages */

	text-align: center;

}

#landingpage h2 { /* This style used as header in the sidebars */

	background: #fff;

	font-size: 24px;

	color: #000;

	margin: 10px 0px 10px 0px;

	padding: 0px;

	text-align: center;

}

#landingpage h3 { /* This style used as the post titles on homepage/archive */

	font-size: 18px;

	padding: 0px;

	margin: 10px 0px 10px 0px;

	color: #000;

	text-decoration: none;

	font-weight: normal;

	text-align: center;

}

#landingpage h4 { /* This style used as title for comments and as the identifying header on archive page  */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	padding: 10px 0px 5px 0px;

	margin: 0px;

	color: #a91418;

	text-decoration: none;

	text-align: center;

}


#landing_sidebar {

	display: inline;

	background: #ddd;

	float: left;

	border: 1px solid black;

	width: 228px;

	margin: 0px; padding: 0px;

	display: block; /* floats are handled as block elements, this is to fix 

						a margin collapsing bug in IE */

}

#landing_sidebar h2 { /* This style used as header in the sidebars */

	background: #ddd;

	font-size: 15px;

	color: #000;

	font-family: Georgia, Arial, Sans-Serif;

	margin: 0px 0px 10px 0px;

	padding: 10px;

	font-weight: normal;

	text-transform: uppercase;

	text-align: center;

}

#landing_sidebar  embed, #sidebar object {

width: 250px; height: 230px;

	margin: 0px; padding: 0px;

}

#landing_sidebar  p {

	padding: 5px;

}

#landing_sidebar  img {

	text-align: center;

}

#landing_sidebar form {

	padding: 0px;

	margin: 5px;

}

#landing_sidebar  ul {

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}

#landing_sidebar  ul li {

	padding: 0px 0px 10px 0px;

}

#landing_sidebar  ul li ul {

	padding: 0px 0px 0px 0px;

}

#landing_sidebar  ul li ul li {

	padding: 0px;

	margin: 5px;

}

#landing_sidebar  ul li ul li a {

	text-decoration: underline;

}

#landing_sidebar  ul li ul li a:hover {

	text-decoration: underline;

}

#landing_sidebar  ul li ul li ul {

	padding: 0px;

	margin: 0px;

}

#landing_sidebar ul li ul li ul li {

	padding: 0px;

	margin: 5px 10px 5px 5px;

}

/*********************************************

		LAUNCH 

*********************************************/

#launch {

	float: left;

	margin: 0px 0px 10px 0px; padding: 0px 10px 0px 0px;

	width: 539px; /* minus one pixel to account for the dotted border */

	display: block;

	border-right: 0px dotted black;

}

#launch_sidebar {

	display: inline;

	background: #ddd;

	float: left;

	border: 1px solid #a91418;

	width: 298px;

	margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px;

	display: block; /* floats are handled as block elements, this is to fix 

						a margin collapsing bug in IE */

}

#launch_sidebar h2 { /* This style used as header in the sidebars */

	background: #ddd;

	font-size: 18px;

	color: #000;

	font-family: Georgia, Arial, Sans-Serif;

	margin: 0px 0px 0px 0px;

	padding: 8px;

	font-weight: normal;

	text-transform: uppercase;

	text-align: center;

}


/*********************************************

		Footer Styles

*********************************************/

#footer {

	margin: 0px; padding: 0px;

	clear: both;

	color: #f7f7f7;

	background: #a91418;

	height: 75px;

}

#footer a {

	color: #f7f7f7;

	text-decoration: none;

}

#footer a:hover {

	color: #f7f7f7;

	text-decoration: none;

}


#footer p {

	color: #f7f7f7;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	margin: 0px;

	padding: 0px 10px 0px 10px;

	}


	.footerleft {

	background: #a91418;

	width: 45%;

	float: left;

	margin: 0px;

	padding: 10px;

	text-align: left;

	}


	.footerright {

	background: #a91418;

	width: 45%;

	float: right;

	margin: 0px;

	padding: 10px;

	text-align: right;

	}