/*
Theme Name: Spiffy List
Theme URI: http://www.bryankwilliams.com/
Description: Custom Wordpress theme developed for Spiffy List
Version: 1.0
Author: Bryan Williams
Date: Sept 2009
Based on the Classic WordPress by Dave Shea || http://mezzoblue.com & Matthew Mullenweg || http://photomatt.net
Modified & completely redesigned by Shahee Ilyas || http://shaheeilyas.com
Modified completely again by Bryan Williams || http://www.bryankwilliams.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body{
	padding:5px 0 30px 0;
	background-image: url('http://www.spiffylist.com/wp-content/uploads/2009/09/background_repeat.jpg');
        background-repeat: horizontal;

}
/* --- Header Section --- */
.header{
	background: url(images/header-bg.png) no-repeat 0 0;
	height:54px;
        padding-top:15px
}
.header h1{
	float:left;
}
.header h1 a{
	font-family:Rockwell Light, Rockwell, serif;
	text-transform:lowercase;
	text-decoration:none;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	float:left;
	line-height:54px;
	margin-left:25px;
        width:auto;
}
.header h4{
	float:left;
	color:#fff;
	line-height:54px;
	font-size:12px;
	font-family:arial,sans-serif;
	font-weight:normal;
	margin:6px 0 0 17px;
}
.header .left{
	float:left;
}
.header .right{
	float:right;
        width:293px;
}
.header label{
	display:block;
	float:left;
	font-family:Rockwell Light, Rockwell, serif;	
	margin-right:10px;
	color:#fff;
	font-size:16px;
	line-height:56px;
	text-transform:lowercase;
}
.header input{
	width:130px;
	margin-top:18px;
        float:left;
}
.header button{
	background: url(images/header-submit.gif) no-repeat 0 0;
	float:right;
	border:0;
	width:21px;
	height:20px;
        margin:18px 67px 0 10px;
        cursor:pointer;
}
/* ---------------------------------------------------------- Navbar --------------------------------------------------------- */
.nav{
	background-color:#3e3e40;
	height:43px;
	position:relative;
	overflow:visible;
	width:1047px;
	margin-left:11px;
}
.nav ul li{
	display:inline;
}
.nav ul li a{
        display:block;
	float:left;
	text-decoration:none;
	font-family:Rockwell, serif;
	color:#fff;
	width:100px;
	line-height:40px;
	text-align:center;
	padding-bottom:3px;          
}

.nav ul li a:hover{
        color:yellow; 
}

.nav ul li.current_page_item a,{
	background-color:#01aef0;
	margin-top:-6px;
	padding-top:6px;
}

.nav ul li:hover a{
        background-color:000;
}    

/*.nav ul li a:active{
        color:#01aef0;
}   I was trying to get the current page to render Blue but it isn't working yet....  */        

.nav ul li:hover ul{
	display:block;
}

.nav ul li ul{
	display:none;
	margin-top:43px;
	width:1048px;
	background-color:#01aef0;
	position:absolute;
	top:0;
	left:0;
}
.nav ul li ul li a{
	width:auto;
	margin:0 10px 0 10px;
	font-family:arial,sans-serif;
        text-decoration:underline;
	font-size:13px;
        line-height:30px;
        	
}

.nav ul li ul li a:hover{
        color:yellow;
}

.nav .left{
	float:left;
	overflow:visible;
}
.nav .right{
	float:right;
	overflow:visible;
        margin-right:40px;
        display:inline;
}
.nav ul.right li a{
        font-family:arial;
        font-size:14px;
        line-height:20px;
        padding-bottom:0;
        margin-top:11px;
        padding:0 8px;
        width:auto;
        color:#fff;
}
.nav ul.right li a.first{
        border-right:1px solid #fff;
}
.nav ul.right li:hover a{
        color:#ED008C;
        background-color:transparent;
        line-height:20px;
        padding:0 8px;
        margin-top:11px;     
}
.wing-left,
.wing-right{
	position:absolute;
	display:block;
	height:53px;
	width:12px;
	top:0;
}
.wing-left{
	background: url(images/nav-left.gif) no-repeat 0 0;
	left:-12px;
}
.wing-right{
	background: url(images/nav-right.gif) no-repeat 0 0;	
	right:-12px;
}
/* -------------------------------------------------------------------------------- Content area ---------------------------------- */	
.page-wrap{
	background: url(images/main-bg-bottom.png) no-repeat -3px bottom;
	width:1071px;
	margin:0 auto;
	overflow:visible;
	padding-bottom: 61px;
}
.main-wrap{
	background: url(images/content-bg.png) repeat-y -5px 0;
	overflow:visible;
	padding:0 20px 0 69px;
	padding-top:48px;
        zoom:1;
}
.main-content{
	width:542px;
	margin-right:29px;
	float:left;
	overflow:visible;
        position:relative;
}
.post-wrap{
        padding-bottom:20px;
        margin-bottom:20px;
        border-bottom :2px #414141 dotted;
}

/*

.post-wrap object{
         display:none;

*/

.post-wrap h3{
         display:none;

}
.post-wrap h3{
        display:none;
}
.post-wrap .meta{
        margin-bottom:10px;
}
.post{
	position:relative;
	overflow:visible;
}
.post h2,
.post h2 a{
	font-family:Rockwell, serif;
	color:#00b3f5;
	font-size:24px;
	line-height:30px;
        text-decoration:none;
}

.post h2 a:hover{
        text-decoration:underline;
}

.post h3{
	background-color:#f2f2f2;
        color: #3e3e30;
        font-family:Rockwell, serif;
	/* border-bottom: 2px #414141 dotted; */
        line-height:40px;
        padding: 0 0 0 20px;
	margin:30px 0 20px 0;
	font-size:22px;
        
}

.post h5{
        font-family:Arial,san;
        padding: 20px 0 10px 0;
        font-size:14px;
        color:#ec008c;
        line-height:21px;

}
.post h6{
	width:65px;
	height:60px;
	padding-top:9px;
	background:transparent url(images/number-box-bg.gif) no-repeat;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	font-family:arial,sans-serif;
	text-align:center;
	position:absolute;
	top:0;
	left:-76px;
}

.post-wrap h7{
        display:none;
}

.post li,
.post p{
	color:#414141;
	line-height:18px;
	font-family:fruitiger, arial, sans-serif;
	font-size:13px;	
        
}
.post p{
        margin-bottom:12px;
}

.post ul{
        padding-bottom:30px;
}


.post li{
        margin-left:25px;
        list-style-type:disc;
        
        
}
.post h6 span{
	font-size:24px;
        display:block;
}
.page h2{
        margin-bottom:12px;
}
.meta a{
        color:#ed008c;
        text-decoration:none;
        font-weight:regular;
}

.meta a:hover{
        text-decoration:underline;
       
}

a.more-link{
        display:block;
        margin:10px 0;
        color:#ed008c;
        text-decoration:none;
        font-weight:bold;
}
a.more-link:hover{
        text-decoration:underline;
}

a{
        color:#00b3f5;
        text-decoration:underline;
}

a:hover{
         color:#ed008c;
         text-decoration:underline;
}
.post p.tagline{
         /*border:1px dotted #f4f4f4;
         border-left:0;
         border-right:0; */
         line-height:18px;
         padding:3px 10px 3px 15px;
         background-color:#f4f4f4;
         color: #444444;
         font-family:Rockwell, serif;
        
   
 
}
#home_page_callout{
         background: url('images/callout-box-bg.gif') no-repeat left bottom;
         font-family:arial;
         font-size:24px;
         line-height:30px;
         margin-left:-70px;
         margin-bottom:35px;
         padding:0 15px 13px 0;
         color:#fff;
         width:600px;
}
/* ---------------------------------------------------------------------------- Sidebar --------------------------------------------- */
.sidebar{
	width:411px;
	float:left;
}
.sidebar h4{
	background: url(images/sidebar-title-bg-1.gif) no-repeat 0 0;
	padding-top:11px;
	width:195px;
	height:35px;
	font-family:Rockwell Light, Rockwell, serif;
	text-transform:uppercase;
	color:#fff;
	text-align: center;	
}
.sidebar h4.full{
	background: url(images/sidebar-title-bg-2.gif) no-repeat 0 0;
	width:406px;
}
.sidebar p{
	padding:10px;
	font-size:12px;
	line-height:16px;
}
.sidebar .widget{
        clear:left;
}
.sidebar p,
.sidebar ol,
.sidebar ul,
.widget_tag_cloud div{
	border:1px solid #e4e4e4;
	margin-bottom:10px;
}
.sidebar ol li,
.sidebar ul li{
	border-bottom:1px solid #e4e4e4;
	padding:6px 0 0 15px;
}
.sidebar ol li,
.sidebar ul li{
	padding-bottom:5px;
}
.sidebar p a,
.sidebar ol li a,
.sidebar ul li a{
	color:#3e3e40;
	text-decoration:none;
        font-size:12px;
}
.sidebar p a:hover,
.sidebar ol li a:hover,
.sidebar ul li a:hover{
	text-decoration:underline;
}
.sidebar ul li span{
	font-size:12px;
}
.sidebar .col1,
.sidebar .col2{
	width:196px;
	float:left;
}
.sidebar .col1{
	margin-right:15px;
}
.sidebar .col3{
        margin-top:10px;
        width:392px;
}
.widget_tag_cloud div{
        padding:10px;
}
.widget_tag_cloud div a{
        color:#3E3E40;
}
.ad-blocks{
	clear:left;
}
.ad-blocks div{
	background-color:#b2b2b2;
	width:195px;
	height:120px;
	float:left;
	margin-bottom:15px;
	cursor:pointer;
}
.ad-blocks div.odd{
	margin-right:15px;
}
.sidebar .contribute{
	background:url(images/contribute.gif) no-repeat 0 0;
	width:195px;
	height:118px;
	margin-bottom:15px;
}
.facebook,.rss,.twitter{
	float:left;	
	margin-bottom:15px;
}
.sidebar .facebook{
	background:url(images/facebook.gif) no-repeat 0 0;
	margin-top:9px;
	margin-right:22px;
	padding-right:22px;
	width:105px;
	height:50px;
}
.sidebar .rss{
	background:url(images/rss.gif) no-repeat 0 0;
	margin-top:11px;
	margin-right:22px;
	padding-right:22px;
	width:105px;
	height:48px;
}
.sidebar .twitter{
	background:url(images/twitter.gif) no-repeat 0 center;
	width:101px;
	height:65px;
}
.sidebar .vertical-ad{
	background-color:#b2b2b2;
	width:197px;
	height:377px;
}
/*--- Comments Styles ---*/
.comments h5{
	font-family:Rockwell, serif;
	font-weight:normal;
	letter-spacing:1px;
	background-color:#ed008c;
	color:#fff;
	padding:14px 0 14px 16px;
	margin:33px 0 18px 0;
	font-size:16px;
}
.comments ol li{
	list-style-type:decimal;
	font-size:11px;
	font-weight:bold;
	margin-left:20px;
	font-family:Rockwell,sans-serif;
	margin-bottom:5px;
}
.comments ol li p.source{
	background-color:#ccc;
	padding:6px 16px;
	color:#000;
	margin-bottom:3px;
	float:left;
	width:452px;
}
.comments .comment-text-wrap{
       	background-color:#f2f2f2;
	padding:17px 16px 25px 16px;
	clear:left;
}
.comments ol li p{
}
.comments ol li img.profile{
	float:right;
}
.comments textarea{
        width:540px;
        margin:10px 0;
}
.comments input{
        margin-bottom:10px;
}


/* --- Sign in widget --- */
.pink{
        color:#ED008C;
}
.gsom_widget{
        position:relative;
        margin-bottom:15px;
}
.gsom_widget .wrap{
        border:1px solid #E4E4E4;
        padding:10px;
        color:#3E3E40;
}
.gsom_widget .left{
        float:left;
        width:100px;
        margin-right:10px;
}
.gsom_widget .right{
        float:left;
        width:251px;
}
.gsom_widget .right h4{
        text-transform:none;
        background:transparent none;
        color:#3E3E40;
        font-size:22px;
        width:auto;
}
.gsom_widget .right ul{
        border:0;
}
.gsom_widget .right li{
        border:0;
        list-style-type:disc;
        margin-left:70px;
        font-size:14px;
        padding-left:0;
}
label.gsom-optin-div-label{
        color:#3E3E40;
        float:left;
        font-family:Rockwell Light,Rockwell,serif;
        text-transform:lowercase;
        margin-right:10px;
}
.gsom_widget form{
        position:absolute;
        top:188px;
        left:148px;
}

/* ---------------------------------------------------------------------------- footer --------------------------------------------- */
.footer{
         clear:left;
	 font-family:Rockwell Light, Rockwell, serif;	
         font-size:16px;
         line-height:20px;
         padding-top:15px;
}