/* @override http://toronto.brokehipster.com/wp-content/themes/Derekj/style.css */

/**
Theme Name: Derekj
Author URI: http://wpjunction.com
Theme URI: http://wpjunction.com
Version: 1.0
Author: hpa
Description: Derekj Theme Premium WP
*/

@import url('css/reset.css');
@import url('css/default.css');
@import url('css/mainnav.css');
@import url('css/widgets.css');
@import url('css/comments.css');
@import url('css/custom.css');



body {
	font: 12px/18px  Arial, Helvetica, Geneva, sans-serif;
	color: #292929;
}

a {
	text-decoration:none;
	color: #034769;
}

* {
	font-family: Arial, Helvetica, sans-serif;
}

/* globalwarn */
#checkout {
	background: #1e1e1e url(./images/checkout.png) no-repeat center top;
	width: 680px;
	height:  100px;
	padding: 45px 15px 5px 250px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom:15px;
	color: white;
	display: block;
	overflow: auto;
}
#featured {
	background: #1e1e1e url(/images/featured.png) no-repeat center top;
	width: 680px;
	height:  100px;
	padding: 45px 15px 5px 250px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom:15px;
	color: white;
	display: block;
	overflow: auto;
}

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

#ad {
	background-color: #f6f6f6;
}

#globalwarn {
	
	background-color: #f3e5a6;
	border: 1px solid #978664;
	padding: 15px;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		margin-bottom:15px;
	color: black;
}


#body-in {
	background: url('./images/bodybg.gif') repeat-x left top;
}

h3 {
	font: 22px/30px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	display: block;
	padding-bottom: 25px;
	color: #696969;
}

h4 {
	text-align: left;
	display: block;
	padding-bottom: 25px;
	color: #505050;
	font: 22px/26px  Arial, Helvetica, Geneva, sans-serif;
}

h2 {
	text-align: left;
	display: block;
	color: #222;
	font: bold 22px  Arial, Helvetica, Geneva, sans-serif;
}
.italic {
	font-style: italic;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

.icon {
	background:transparent url('./images/all-icons.gif') no-repeat;
	padding-left:20px;
	display:block;
	float:left;
	height:15px;
	line-height:15px;
	margin-right:5px;
}



/* register */

#register-hd {
		width: 355px;

	background-color: #034769;
	padding: 10px;

	font-family:  Arial, Helvetica, Geneva, sans-serif;
	color: white;
}

#register-hd a{
	font-weight: bold;
	color: white;
}
#register-hd a:hover{
	font-weight: bold;
	color: white;
	text-decoration: underline;
}



/* header */
#header { margin-bottom:10px; }

#page-menu {
	 height:35px;
	background-color: #212121;
	margin-bottom:15px;
}

#right-now, #subcribe-form, .input-text {

	font-size: 11px;
	color:#4E4E4E;
	font-style: italic;
	text-align: right;
	float: right;
	clear:left;
}

/* branding */
#branding {
height: 140px;
align: center;
}



#blog-title {
	margin-top:1px;
	font: italic 0px  Arial, Helvetica, Geneva, sans-serif;
	display:block;
	color:#FFFFFF;
}

#blog-title a {
	
	background:transparent url('./images/logo.png') no-repeat 0 0;
	margin: auto;
	display: block;
	width: 600px;
	height:150px;
	position: relative;
	top: 3px;
	z-index:10;
}

#blog-title a:hover {
	color:#FF9900;
}

#blog-description {
	background:transparent url('./images/tagline-bg.gif') no-repeat 0 0;
	font:normal 12px 'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;
	color:#9CA405;
}



/* hotweek */

#hotweek {
	background-color: #2c2c2c;
	color: white;
}


ul.week {
	height: 125px;
	background-color: #343434;
	margin-bottom: 20px;
	text-align: center;
}



ul.week li {
	float:left;
	list-style:none;
	z-index:9;
	padding: 0 15px 0 15px;
	width:  105px;
	margin-top: 10px;
	font-weight: bold;
	font-family:  Arial, Helvetica, Geneva, sans-serif;
	color: #034769;
}

ul.week p {
	font-weight: normal;
	font-style: normal;
	color: white;
}

#content div.boop {
	font: 18px/22px  Arial, Helvetica, Geneva, sans-serif;
	color: #3c3c3c;
}

#hotweek h1 {
		font-family:  Arial, Helvetica, Geneva, sans-serif;
		padding: 3px 0 3px 3px;
	background-color: black;
}


.border-right {
	border-right: 1px dotted #898989;
}


#right-now {
	
	background-position:0 9px;
	height:36px;
	padding-left:23px;
	color: #222;
	font: 12px/36px  Arial, Helvetica, Geneva, sans-serif;
}

#header-tools {
	float:right;
	width:370px;
	height:36px;
}

#rss-icon {
	background-position:0 -21px;
	height:36px;
	padding:0;
	width:22px;
	margin-right:5px;
}

#subcribe-form {
	margin:0;
	padding:0;
	background:transparent url('./images/subscribe-email-form-bg.gif') no-repeat 0 0;
	float:left;
	width:230px;
	height:23px;
	position:relative;
	top:7px;
	left:110px;
}

#subcribe-form .input-text, #subcribe-form .input-submit, #subcribe-form label {
	border:medium none;
	background:transparent;
	position:absolute;
}

#subcribe-form label {
	left:-107px;
	top:5px;
}

.input-text {
	left:6px;
	top:4px;
	width:192px;
	font-size:11px;
}

.input-submit {
	width:21px;
	height:22px;
	padding:0;
	right:0;
	top:0;
	cursor:pointer;
}



ul#main_nav{
	display:inline;
	margin-right:17px;
}

#main_nav li {
	display:inline;
	margin-right:17px;
}

#cat-menu li a {
	color:#FFFFFF;
	display:block;
	float:left;
	height:37px;
	line-height:35px;
	padding:0 16px;
	text-transform:uppercase;
}

#cat-menu li a:hover, #cat-menu li.current-cat a {
	background:#C9D20E url('./images/cat-menu-hover-bg.gif') repeat-x 0 0;
}

/* container */
#container { margin-bottom:10px;
	background-color: white;
}

/* content */
#content {
	float:left;
	width:580px;
	margin-left:20px;
	margin-right:20px;
	background-color: white;
}

#featured { margin-bottom:10px; }

/* post */
.pagetitle {
	font:normal 25px 'Trebuchet MS', Tahoma, Verdana;
	color:#CD12;
}

.post-header {
	text-align:right;
	margin-bottom:8px;
}

.post {
	background:#FFFFFF url('./images/post-bg.gif') no-repeat 50% 24px;
	margin-bottom:10px;
}

.single { background:none !important;}

.title {
	font:normal 28px 'Trebuchet MS', Tahoma, Verdana;
	color:#222222;
	float:left;
	width:460px;
	text-align:left;
	overflow:auto;
}

.title a { color:#222222; }

.title a:hover { color:#63ADD0; }

.meta {
	clear:left;
	font:normal 11px Tahoma, Verdana;
	color:#A0A0A0;
	margin-bottom:5px;
}

.meta a { color:#A0A0A0; }

.meta a:hover { color:#63ADD0; }

.post-date {
	font:normal 11px Tahoma, Verdana;
	color:#63ADD0;
	line-height:25px;
}

.post-author { background-position:0 -60px; }

.post-categories { background-position:0 -85px; }

.post-comment { background-position:0 -109px; }

#sidebar {
	padding-left:20px;
	float:right;
	width:300px;
}

.widget {
	background:#FFFFFF url('./images/widget-bg.gif') no-repeat 50% 24px;
	margin-bottom:10px;
}

.widget ul li {
	font:normal 11px Tahoma, Verdana;
	line-height:27px;
	border-bottom:1px solid #E2E2E2;
	color:#8D8D8D;
}

.widget ul li a { color:#8D8D8D; }

.widget ul li a:hover { color:#5FA9DF; }

/* sidebar */
#sidebar {
	float:left;
	width:300px;
	border-left: 1px dotted silver;
    padding-left: 20px;
	margin-left: 10px;
	
}

.widget { margin-bottom:10px; }

.widget ul li {
	font:normal 11px Tahoma, Verdana;
	line-height:27px;
	border-bottom:1px solid #E2E2E2;
	color:#8D8D8D;
	padding:0 5px;

}

.widget ul li a { color:#393939; }

.widget ul li a:hover { color:#63ADD0; }

.widget ul li li { border:none; }

/* footer */
#footer {
	height:39px;
	font:normal 12px Tahoma, Verdana;
	line-height:39px;
	overflow:hidden;
	text-transform:uppercase;
	color:#FFFFFF;
}

#blog-name, #blog-name span {
	background:#FFFFFF url('./images/blog-name-bg.gif') no-repeat;
	background-position:0 0;
	display:none;
	float:left;
	height:24px;
	padding-left:8px;
}

#blog-name { margin:8px 9px 0 9px; }

#blog-name span {
	background-position:100% 0;
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	padding:0 8px 0 0;
	color:#000000;
	text-transform:capitalize;
}
ol#message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 503px;
}
li.message_list {
	padding: 0;
	margin: 0;
	background: url(images/message-bar.png) no-repeat;
}
#message_head {
	padding: 10px 10px;
	cursor: pointer;
	position: relative;
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 5px 10px 15px;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(http://www.webdesignerwall.com/demo/jquery/images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(http://www.webdesignerwall.com/demo/jquery/images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(http://www.webdesignerwall.com/demo/jquery/images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}
img {border:hidden;}