/**
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/lavalamp.css');
@import url('css/jquery.tabs.css');
@import url('css/widgets.css');
@import url('css/comments.css');

body {
	font:normal 12px Arial, Verdana, Tahoma;
	color:#505050;
}

a {
	text-decoration:none;
	color:#C2CB08;
}

h1, h1.title
{
	font-size: 24px;
	margin-bottom: 10px;
}

h2
{
	font-size: 18px;
	font-weight: normal;
	margin: 10px 0;
}
h3
{
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0;
}

h2.title, h3.title
{
	margin: 0;
}

a:hover { color:#9CA405; }

#body-in {
	background:transparent url('./images/body-in-bg.gif') repeat-x 0 21px;
	width: 1000px;
	margin: 0 auto;
}

#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;
}

/* header */
#header { margin-bottom:10px; }

#page-menu { height:38px; }

#right-now, #subcribe-form, .input-text {
	text-transform:uppercase;
	font-size:11px;
	color:#4E4E4E;
}

/* branding */
#branding {
	overflow:hidden;
	height:105px;
}

#blog-title {
	margin-top:27px;
	font:normal 30px Georgia,'Times New Roman','Bitstream Charter',Times,serif;
	font-style:italic;
	display:block;
}

#blog-title a { color:#000000; }

#blog-title a:hover { color:#BAC300; }

#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;
}

#right-now {
	background-position:0 9px;
	height:36px;
	padding-left:23px;
	line-height:36px;
}

#header-tools {
	float:right;
	width:370px;
	height:36px;
}

#rss-icon {
	background:transparent url('./images/rss_orange.png');
	height:32px;
	padding:0;
	width:32px;
	margin-top: 3px;
	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;
}

/* container */
#container { margin:30px 0;}

/* content */
#content {
	float:left;
	width:628px;
}

#featured { margin-bottom:10px; }

/* ec3 calendar */

ul.ec3_events
{
	display: block;
	margin: 20px 0;
	margin-left: 0;
	list-style-type: none;
	padding: 0;
	text-indent: 0;
}

ul.ec3_events li
{
	border-bottom:1px solid #E6E6DD;
	padding: 4px 0;
}

ul.ec3_events li ul li
{
	border: 0;
	padding: 0;
}


table.ec3_schedule {
 border-collapse:collapse;
 margin: 10px 10px 10px 0;
 border: 1px solid #333;
 background: #eee;
}

table.ec3_schedule td {
 padding: 5px;
}

td.ec3_start { text-align:right; }

td.ec3_to    { text-align:center; }

/* post */
.pagetitle {
	font:normal 25px 'Trebuchet MS', Tahoma, Verdana;
	color:#CDD612;
}

.post-header {
	text-align:right;
	margin-bottom:8px;
	overflow: auto;
}

.post {
	background:#FFFFFF url('./images/post-bg.gif') no-repeat 50% 24px;
	margin-bottom:10px;
}

.single { background:none !important;}

.title {
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#222222;
	float:left;
	text-align:left;
}

.title a { color:#222222; }

.title a:hover { color:#C2CB08; }

.meta {
	clear:left;
	font:normal 11px Tahoma, Verdana;
	color:#A0A0A0;
	margin-bottom:5px;
}

.meta a { color:#A0A0A0; }

.meta a:hover { color:#C2CB08; }

.post-date {
	font:normal 11px Tahoma, Verdana;
	color:#C2CB08;
	line-height:25px;
}

.post-author { background-position:0 -60px; }

.post-categories { background-position:0 -85px; }

.post-comment { background-position:0 -109px; }

.widget {
	background:#FFFFFF url('./images/widget-bg.gif') no-repeat 50% 24px;
	margin-bottom:10px;
}

.widget ul li a { color:#8D8D8D; }

.widget ul li a:hover { color:#5FA9DF; }

/* sidebar */
#sidebar {
	float:left;
	width:305px;
	padding-left:22px;
}

.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:#C2CB08; }

.widget ul li li { border:none; }

/* footer */
#footer {
	height:39px;
	font:normal 10px Tahoma, Verdana;
	line-height:39px;
	overflow:hidden;
	color:#AAA;
	background-color: #222;
	margin: 20px -20px;
	padding: 0 20px;
}

#blog-name, #blog-name span {
	background:#FFFFFF url('./images/blog-name-bg.gif') no-repeat;
	background-position:0 0;
	display:block;
	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;
}

div.cat-menu {
	height:37px;
	font-size:10px;
	margin-left: -10px;
	position: relative;
}

div.cat-menu ul li {
	position: relative;
	float:left;
}

div.cat-menu li a {
	color:#FFFFFF;
	display:block;
	height:37px;
	line-height:35px;
	padding:0 16px;
	text-transform:uppercase;
}

div.cat-menu li a:hover, div.cat-menu li.current-cat a {
	background:#C9D20E url('./images/cat-menu-hover-bg.gif') repeat-x 0 0;
}

div.cat-menu ul
{
	position: relative;
}

div.cat-menu ul li ul
{
	padding: 0;
	display: none;
	position: absolute;
	top: 34px;
	left: auto;
	z-index: 1000;
	padding-right: 0;
	margin-right: 0;
	float: none;
}

div.cat-menu ul li ul li a
{
	margin: 0;
	padding: 0;
	display: block;
	background: #222;
	height: 22px;
	line-height:22px;
	padding-left: 15px;
	padding-right: 15px;
	float: none;
	white-space: nowrap;
}

div.cat-menu ul li ul li
{
	padding: 0;
	margin: 0;
	float: none;
}
div.cat-menu ul li:hover ul
{
	display: block;
}


div.cat-menu ul.languages
{
  display: block;
  position: absolute;
  right: 0;
}

div.cat-menu ul.languages li {
	position: relative;
	float:none;
}

div.cat-menu ul.languages li a {
	color:#FFFFFF;
	display:block;
	height:37px;
	line-height:35px;
	padding:0 16px;
	text-transform:uppercase;
}

div.cat-menu li a:hover, div.cat-menu li.current-cat a {
	background:#C9D20E url('./images/cat-menu-hover-bg.gif') repeat-x 0 0;
}

div.cat-menu ul.languages li ul
{
	padding: 0;
	display: none;
	position: absolute;
	top: 34px;
	right: -1px;
	z-index: 1000;
	padding-right: 0;
	margin-right: 0;
	float: none;
}

div.cat-menu ul.languages li ul li a
{
	margin: 0;
	padding: 0;
	display: inline;
	line-height:22px;
	float: none;
	white-space: nowrap;
}

div.cat-menu ul.languages li ul li a:hover
{
  background: transparent;
}

div.cat-menu ul.languages li ul li img {vertical-align: middle; margin-right: 4px;}

div.cat-menu ul.languages li ul li
{
	padding: 0;
	margin: 0;
	float: none;
	padding-left: 15px;
	padding-right: 15px;
	background: #222;
	height: 22px;
	color: #CCC;
}
div.cat-menu ul.languages li:hover ul
{
	display: block;
}

/* flickr */

#flickr_badge_wrapper div        {display: inline; margin-right:1em; margin-bottom:1em;}
#flickr_badge_wrapper div img    {border: 0;}

/* end of flickr */