/*
Theme Name: HYB WHAT THE FUCK THEME
Theme URI: http://HURTYOUBAD.COM/
Description: WHAT THE FUCK POST FLOW
Version: 1.0
Author: ROB
Author URI: http://HURTYOUBAD.COM/
Tags: WTF

TIPS:
 * Minimize modification of php files and attempt to keep most styling to css for easy-upgrading, hense, lots of repeated styles.
 * Sidebar should consist of widgets (Admin -> Appearance -> Widgets) rather than the default configuration otherwise something funky with the flow happens.

TODO:
 * hyb_main_navbar should be visible in dashboard
 * login page 'log in' button and fonts on rest of page
 * gap between posts and the image
 * gmail hurtyoubad.com email addresses
*/

* {
	/* font-family:		verdana, helvetica, arial, sans-serif; */
	font-family:		Arial,Verdana,'Bitstream Vera Sans',Helvetica,sans-serif;


	margin:				0px;
	padding:			0px;
	border:				0px;
}

#page {
	font-size:			12px;
}

/* main navigation */
div#hyb_main_navbar {
	padding:			3px 3px 0 3px;
	background:			white;
	margin:				24px 24px 0 24px;
	font-size:			12px;
}

div#hyb_main_navbar a, div#hyb_main_navbar a:visited {
	color:				black;
	background-color:	white;
}

div#hyb_main_navbar a:hover {
	background:			transparent ! important;
	color:				#ff9933! important;
}

/* blog navigation */

div#hyb_blog_navbar, div#hyb_forum_navbar {
	background:			white ! important;
	margin:				0 24px 0px 24px;
	padding:			3px 3px 3px 3px;
	clear:				both;
	font-size:			12px;
}

div#hyb_blog_navbar a, div#hyb_blog_navbar a:visited, div#hyb_forum_navbar a, div#hyb_forum_navbar a:visited {
	color:				black;
	background-color:	white;
	font-size:			12px;
}


div#hyb_blog_navbar a:hover, div#hyb_forum_navbar a:hover {
	background:			white ! important;
	color:				#ff9933 ! important;
}

div.float_right {
	float:				right;
}

div.float_left {
	float:				left;
}

hr.clear {
	clear:				both;
	size:				0px;
	height:				0px;
}

/* titles */

h1 {
	font-size:			20px;
	font-weight:		bold;
}

h1 a, h1 a.visited {
	color:				black;
	background:			white;
}

h2 {
	font-size:			14px;
}

h2 a, h2 a.visited {
	color:				#ff9933;
	background:			white;

	position:			relative;
	float: left;

	padding-right:		4px;
	padding-bottom:		3px;
}

/* links */

a, a:visited {
	color: 				#ff9933;

	text-decoration:	none;
}

a:hover {
	color:				#ff9966	! important;
	background:			white	! important;
}

body {
	background: 		url('images/bg_tile.png') repeat;
}

div#headerimg {
	/* background: 		url('images/logo.png') no-repeat; */

	width:				143px;
	height:				61px;

	margin:				24px 2px 2px 24px ! important;

	float:				left;
}

div#headerimg a:hover, div#headerimg a:visited, div#headerimg a {
	background:			transparent ! important;
}

div#content {
	padding:			20px;
}

div#page div#content {
	padding-left:			20px ! important;
	padding-right:			20px ! important;
}

div#content .post {
	background:			white;

	/* margin:			4px	! important; */
	margin:				4px 0px 0px 4px ! important;
	padding:			3px	! important;

	float:				left;
}

div.no_skanks .entry {
	clear:				both;
	padding-top:		4px;
}

div#sidebar li {
	list-style-type:	none;
}

div.footer {
	background:			white;

	width:				100px;

	margin:				4px	! important;
	padding:			4px	! important;

	float:				left;
}

div.searchimg {
	background:			url('images/search.png');
	height:				41px;
	width:				90px;
}

div.searchbox {
	background:			transparent;

	width:				100px;

	margin:				4px	! important;
	margin-top:			20px	! important;
	margin-right:			20px	! important;
	padding:			4px	! important;

	float:				right;
}

div.search {
	margin-left:			300px	! important;
}

input#s {
	width:				96px;
}

div.footer_text {
	color:				white;

	clear:				both;
	padding-left:			24px;
	font-size:			10px;
}

div.footer_text a, div.footer_text a:visited, div.footer_text a:hover {
	color:				white ! important;
	text-decoration:	none ! important;
	background-color:	transparent ! important;
}

/* for each widget in the sidebar */
div#sidebar .widget {
	width: 				160px;
	background:			white;

	margin:				4px	! important;
	padding:			4px	! important;

	clear:				left;
}

/* icons */
div.bgtile {
	background:			url('images/bg_tile.png') repeat ! important;
}

img.rand_icon {
	float:				left;
	margin:				4px ! important;
}

div.rand_space0 {
	width:		50px ! important;
	height:		20px ! important;
	float:		left;
	clear:		left;
}

div.rand_space1 {
	width:		20px ! important;
	height:		20px ! important;
	float:		left;
	clear:		left;
}

/* random post sizes for posts with no images */
div.no_image_bitchez_fixed_width_1 {
	width:				200px;
}

div.no_image_bitchez_fixed_width_2 {
	width:				200px;
}
div.no_image_bitchez_fixed_width_3 {
	width:				300px;
}
div.no_image_bitchez_fixed_width_4 {
	width:				350px;
}

/* if post titles are too long they get cut-off */
div.post {
	overflow:			hidden;
}

div.deffo_image_bitchez h2 {
	float:				left;

	width: 				300px;
}

p.postmetadata, p.postmetadata-edit {
	float: 				right;
	clear:				right;

	padding-left:			3px;
	padding-bottom:			2px;

	font-size:			9px;
	font-color:			black;
	text-align:			right;
	background-color:		white;
}

p.postmetadata-edit {
	background-color:		red ! important;
}

p.postmetadata-edit a:link {
	background-color:		red ! important;
	color:				black ! important;
}

p.postmetadata-edit a:hover, p.postmetadata-edit {
	background-color:		white ! important;
	color:				black ! important;
	margin:				0px ! important;
	padding:			0px ! important;
	border:				0px ! important;
}

hr.break {
	display:			block;
	clear:				left;
}

/* pages */
div#post-3 {
	width:				100%;
	min-width:			800px;
	margin-right:			20px;
}

div.sfmessagestrip {
	display:		hidden;
}

/* div#content .post { background: none !important; } */

/* login page */
form#loginform, form#lostpasswordform, .login .message, #login_error {
	-moz-border-radius-topright:		0px ! important;
	-moz-border-radius-topleft:		0px ! important;
	-moz-border-radius-bottomright:		0px ! important;
	-moz-border-radius-bottomleft:		0px ! important;
	-moz-box-shadow:			none ! important;
	background-color: 			white ! important;
	border-color:				black ! important
}

#login h1 a, #login h1 a:visited, #login h1 a.hover {
	background:			url('images/logo.png') no-repeat ! important;
	padding-bottom:			0px ! important;
	margin-left:			6px ! important;
}

/* login button */
.button-primary:hover, #login form .submit input:hover {
	border-color:			black ! important;
	color:				black ! important;
}

.button-primary :active, #login form .submit #wp-submit:active {
	border-color:			black ! important;
	background-color:		black ! important;
	color:				black ! important;
}

.button-primary, #login form .submit input {
	border-color:			gray ! important;
	color:				black ! important;
}

input#wp-submit {
	color:				black ! important;
	border-color-top:		gray ! important;
	border-color-right:		black ! important;
	border-color-bottom:		black ! important;
	border-color-left:		gray ! important;
	background:			#cccccc! important;
	-moz-border-radius-topright:		0px ! important;
	-moz-border-radius-topleft:			0px ! important;
	-moz-border-radius-bottomright:		0px ! important;
	-moz-border-radius-bottomleft:		0px ! important;
}


div#login {
	margin:						20px auto 0px ! important;
	padding:					0px ! important;
	border:						0px ! important;
}

form#loginform input.input {
	border: 					1px solid black ! important;
}

.login #backtoblog a {
	color: 				black ! important;
}

.form-table .pre {
	background-color:		white ! important;
}

body.login {
	border-top: 0px ! important;
	border-top-width: 0px ! important;
}

html {
	background:		none ! important;
}

#backtoblog a {
	display:		none ! important;
}

p#backtoblog {
	display:		none ! important;
}

p#nav {
	display:		none ! important;
}

#user_pass, #user_login, #user_email {
	font-size:		12px;
}

.prev {
	float:			left;
}

.next {
	float:			left;
}

.next a:hover, .prev a:hover {
	background:		transparent ! important;
}


div.navigation {
	margin-left:	22px;
}

.single div.no_skanks {
	width:		100%;
}

/* forum */
table#mainmenu {
	display:		none;
}

div#wpf-wrapper div.wpf table.wpf-table tbody {
}

/* dont display h2 for certain pages (forum and awstats?) */
div#post-3 h2, div#post-91 h2 {
	display:	none;
}