/*  



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: #FFFFFF url(images/body-bg.jpg) top center repeat-y;



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



	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: #137bbb;



	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: #137bbb;



	text-transform: uppercase;	



	text-decoration: none;



	letter-spacing: -1px;



}



h1 a, a:visited {



	color: #137bbb;



	text-decoration: none;



}



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







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



	background: #5f5f5f;



	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: #666;



	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: #ababab url(images/menuback.gif) repeat-x;



	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: 539px; /* 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 #666;



	border-bottom: 1px dotted #666;



}



.meta-bottom {



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



	padding: 5px;



	margin: 10px 0px;



	border-top: 1px dotted #666;



}







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



		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: 210px;



	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: #666;



	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: 210px; 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: #666;



	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: 210px; 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 #666;



	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: #000;



	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: #000;



	width: 45%;



	float: left;



	margin: 0px;



	padding: 10px;



	text-align: left;



	}



	



.footerright {



	background: #000;



	width: 45%;



	float: right;



	margin: 0px;



	padding: 10px;



	text-align: right;



	}