/*
Theme Name: Black Buttons Theme
Theme URI: http://www.wptown.com/
Description: Black Buttons Theme is a unique Widget ready WordPress theme with 2 columns, right sidebar, rounded corners and fixed width. Tested on Firefox, Internet Explorer 6, 7 and Opera. Theme is XHTML/CSS valid and SEO friendly.
Version: 1.0
Author: WP Town
Author URI: http://www.wptown.com/
Tags: black, gray, 2 columns, widget ready, rounded corners, right sidebar, fixed width, seo friendly

General*/
BODY
{
	margin: 0;
	background: #171717;
}
H1, H2, H3, H4
{
	margin: 0;
}
IMG
{
	border: 0;
}
.clear
{
	clear: both;
	height: 0;
	overflow: hidden;
}
/*Page*/
#page
{
	margin: 0 auto;
	width: 1004px;
	background: url(images/page.jpg) no-repeat;
}
/*Header*/
#header
{
	width: 1004px;
	height: 510px;
	position: relative;
}
/*Header - Info*/
#header #header-info
{
	position: absolute;
	top: 25px;
	left: 37px;
	width: 930px;
	text-align: right;
}
#header #header-info H1
{
	color: #CFCDCD;
	font: normal 40px Verdana;
	padding-bottom: 5px;
}
#header #header-info H1 A
{
	color: #CFCDCD;
	text-decoration: none;
}
#header #header-info .description
{
	color: #CFCDCD;
	font: normal 18px Verdana;
}
/*Header - Menu*/
#header #header-menu
{
	position: absolute;
	top: 461px;
	left: 20px;
	width: 964px;
	height: 35px;
}
#header #header-menu UL
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 964px;
	height: 35px;
}
#header #header-menu UL LI
{
	float: left;
	width: 125px;
	height: 35px;
	margin-right: 8px;
	font: normal 18px/35px Verdana;
	color: #CFCDCD;
	text-align: center;
	background: url(images/header_menu.gif) no-repeat;
}
#header #header-menu UL LI A
{
	color: #CFCDCD;
	text-decoration: none;
	display: block;
}
#header #header-menu UL LI A:hover
{
	color: #000000;
	background: url(images/header_menu_hover.gif) no-repeat;
}
/*Header - Menu - Active*/
#header #header-menu UL LI.current_page_item A
{
	color: #000000;
	background: url(images/header_menu_hover.gif) no-repeat;
}
/*Header - Menu - Submenu*/
#header #header-menu UL LI UL
{
	display: none;
}
/*Main*/
#main
{
	width: 1003px;
	padding-left: 1px;
}
/*Main - Content*/
#content
{
	float: left;
	width: 766px;
}
/*Main - Content - Post*/
#content .post
{
	float: left;
	margin-bottom: 1px;
	width: 766px;
	background: url(images/post.gif) repeat-y;
}
/*Post - Title*/
#content .post .post-title
{
	width: 734px;
	padding: 16px 16px 0;
	background: url(images/post_title.gif) no-repeat;
	color: #999898;
	font: bold 12px Verdana;
}
#content .post .post-title A
{
	color: #999898;
	text-decoration: none;
}
#content .post .post-title A:hover
{
	text-decoration: underline;
}
#content .post .post-title .post-date
{
	float: left;
	text-align: center;
	text-transform: lowercase;
	color: #7E7E7E;
	width: 52px;
	height: 52px;
	font: normal 20px Verdana;
	background: url(images/post_date.gif) no-repeat;
	margin-right: 10px;
}
#content .post .post-title .post-date SPAN
{
	padding: 1px 0 3px;
	font: bold 14px/18px Verdana;
	color: #000000;
	display: block;
}
#content .post .post-title H2
{
	color: #999898;
	font: normal 20px Verdana;
	padding: 1px 0;
}
#content .post .post-title H2 A
{
	color: #999898;
	text-decoration: none;
}
#content .post .post-title H2 A:hover
{
	text-decoration: underline;
}
#content .post .post-title .post-title-info
{
	padding-top: 4px;
}
/*Post - Entry*/
#content .post .post-entry
{
	padding: 0 17px;
	width: 732px;
	font: normal 12px/19px Verdana;
	color: #7A7A7A;
}
#content .post .post-entry A
{
	color: #CFCDCD;
	text-decoration: none;
}
#content .post .post-entry A:hover
{
	text-decoration: underline;
}
#content .post .post-entry A.more-link
{
	font-weight: bold;
}
#content .post .post-entry BLOCKQUOTE
{
	border-left: 10px solid #1C1C1C;
	margin: 0px 30px;
	padding-left: 15px;
}
/*Post - Info*/
#content .post .post-info
{
	clear: both;
	padding: 0 17px 17px;
	text-align: right;
	background: url(images/post_bottom.gif) no-repeat left bottom;
	width: 732px;
	font: bold 12px Verdana;
	color: #999898;
}
#content .post .post-info A
{
	color: #999898;
	text-decoration: none;
}
#content .post .post-info A:hover
{
	text-decoration: underline;
}
/*Post - Bottom*/
#content .post .post-bottom
{
	clear: both;
	width: 766px;
	height: 17px;
	background: url(images/post_bottom.gif) no-repeat left bottom;
}
/*Post - Subtitle*/
#content .post H3
{
	margin: 20px 0 5px;
	color: #999898;
	font: bold 15px Verdana;
}
/*Post - Comments*/
#content .post .comments
{
	width: 732px;
	font: normal 12px/19px Verdana;
	color: #7A7A7A;
}
#content .post .comments OL
{
	margin: 10px 0;
	padding-left: 25px;
}
#content .post .comments OL LI
{
	padding: 5px;
}
#content .post .comments OL LI A
{
	color: #CFCDCD;
	text-decoration: none;
}
#content .post .comments OL LI A:hover
{
	text-decoration: underline;
}
#content .post .comments OL LI.alt
{
	background: #1C1C1C;
}
#content .post .comments OL LI CITE
{
	color: #CFCDCD;
	font-style: normal;
	font-weight: bold;
}
#content .post .comments OL LI CITE A
{
	color: #CFCDCD;
	text-decoration: none;
}
#content .post .comments OL LI CITE A:hover
{
	text-decoration: underline;
}
#content .post .comments OL LI .commentmetadata A
{
	color: #CFCDCD;
	text-decoration: none;
}
#content .post .comments OL LI .commentmetadata A:hover
{
	text-decoration: underline;
}
/*Post - Comment Form*/
#content .post #commentform
{
	width: 707px;
	font: normal 12px/19px Verdana;
	color: #7A7A7A;
	padding-left: 25px;
	margin: 0;
}
#content .post #commentform A
{
	color: #CFCDCD;
	text-decoration: none;
}
#content .post #commentform A:hover
{
	text-decoration: underline;
}
/*Main - Content - Navigation*/
#content .navigation
{
	width: 766px;
	color: #CFCDCD;
	float: left;
}
#content .navigation A
{
	margin-bottom: 1px;
	font: bold 12px/30px Verdana;
	color: #CFCDCD;
	text-decoration: none;
	padding: 7px;
	width: 150px;
	height: 30px;
	background: url(images/navigation.gif);
	text-align: center;
	display: block;
}
#content .navigation A:hover
{
	text-decoration: underline;
}
#content .navigation .navigation-previous
{
	float: left;
}
#content .navigation .navigation-next
{
	float: right;
}
/*Main - Sidebar*/
#sidebar
{
	float: left;
	width: 236px;
	font: normal 12px/19px Verdana;
	color: #7A7A7A;
}
#sidebar A
{
	color: #CFCDCD;
	text-decoration: none;
}
#sidebar A:hover
{
	text-decoration: underline;
}
/*Main - Sidebar - Boxes*/
#sidebar .sidebar-box
{
	width: 236px;
	margin-bottom: 1px;
	background: url(images/sidebar_box.gif) repeat-y;
}
#sidebar .sidebar-box-top
{
	width: 236px;
	background: url(images/sidebar_box_top.gif) no-repeat;
}
#sidebar .sidebar-box-bottom
{
	width: 236px;
	min-height: 40px;
	background: url(images/sidebar_box_bottom.gif) no-repeat left bottom;
}
/*Sidebar - Titles*/
#sidebar H3
{
	width: 222px;
	height: 35px;
	padding: 7px 7px 8px;
	text-align: center;
	font: normal 18px/35px Verdana;
	color: #7A7A7A;
	background: url(images/sidebar_title.gif) no-repeat;
}
/*Sidebar - Menus*/
#sidebar UL
{
	margin: 0;
	padding: 0 7px 17px;
	list-style-type: none;
	width: 222px;
}
#sidebar UL LI
{
	color: #999898;
	font: bold 12px/23px Verdana;
}
#sidebar UL LI A
{
	color: #999898;
	text-decoration: none;
	padding-left: 15px;
	display: block;
	height: 25px;
	background: url(images/sidebar_menu.gif) no-repeat left bottom;
}
#sidebar UL LI A:hover
{
	text-decoration: underline;
}
/*Sidebar - Menus - Submenus*/
#sidebar UL LI UL
{
	padding: 0;
}
#sidebar UL LI UL LI A
{
	padding-left: 25px;
}
/*Sidebar - Forms*/
#sidebar #searchform
{
	margin: 0;
	padding: 27px 0;
	width: 236px;
	text-align: center;
}
#sidebar #searchform #s
{
	width: 178px;
}
/*Sidebar - Tables*/
#sidebar #calendar_wrap
{
	margin: 0 auto;
	padding-bottom: 12px;
	width: 144px;
}
#sidebar #calendar_wrap CAPTION
{
	font-weight: bold;
}
#sidebar #calendar_wrap TBODY
{
	text-align: right;
}
#sidebar #calendar_wrap TFOOT #next
{
	text-align: right;
}
#sidebar #calendar_wrap #today
{
	font-weight: bold;
}
/*Sidebar - Texts*/
#sidebar .textwidget
{
	padding: 0 13px 12px;
}
/*Footer*/
#footer
{
	margin: 0 auto 8px;
	width: 984px;
	height: 30px;
	padding: 7px;
	background: url(images/footer.gif) no-repeat;
	color: #7A7A7A;
	font: normal 12px/30px Verdana;
	text-align: center;
}
#footer A
{
	color: #CFCDCD;
	text-decoration: none;
}
#footer A:hover
{
	text-decoration: underline;
}