/*  
Theme Name: Derby
Theme URI: http://lesliefranke.com/wordpress
Description: WordPress theme from <a href="http://lesliefranke.com">Leslie Franke</a>.
Version: 1.0
Author: Leslie Franke
Author URI: http://lesliefranke.com/
*/

/* import stylesheets and hide from ie/mac \*/
@import url("ie.css");
/* end import/hide */

/* Basic Styles
================================================*/
body {
	background: #9097a2;
	color: #fff;
	font: 78% Georgia, "Times New Roman", serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

a:link, a:visited {color: #369;}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color: #d11f3e;}

a:link, a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { 
	border-bottom: 1px dotted;
	text-decoration: none; 
}

.lnkimg, .lnkimg0 {
	background: #fff !important;
	color: #369 !important; 
	border-bottom: none !important;
	padding: 0;
	text-decoration: none;
}

.lnkimg0 img {margin: 0;}

.lnkimg img {margin: 0 4px;}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
}

blockquote {
	background: url(images/quoteup.png) no-repeat;
	padding-left: 32px;
}

blockquote blockquote{
	background: none;
	border-left: 1px solid #ccc;
	padding-left: 8px;
}

cite {}

code {
	border: 1px solid #ccc;
	background: #efefef;
	font: 1.1em 'Courier New', Courier, Fixed;
	padding: 0 2px;
}

del {color: #ff999c;}

dl {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif;}

h1, h2, h3, p, table {margin: 1em 0;}

h1 {font-size: 1.6em;}

h2 {font-size: 1.4em;}

h3 {font-size: 1.2em;}

h4 {font-size: 1.1em;}

img {border: 0;}

ins {
	border-bottom: 1px dotted #333;
	text-decoration: none;
}

ins:after {/*Will not appear in versions of IE*/
	content: " (Updated)";
}

label {/* The CSS standard dictates "pointer" as the value for a "pointer that indicates a link". Unfortunately, IE 5 and IE 5.5 for Windows don't understand this value, using "hand" to mean the same thing. By placing pointer first misbehaving Microsoft browsers ignore it and use the hand value, while better behaved browsers take pointer and ignore hand.*/
	cursor: pointer;
	display: inline;
}

pre {
	border: 1px solid #ccc;
	background: #efefef;
	font-size: 1.1em;
	padding: 8px;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*==============================================*/

/* Basic Layout Styles
================================================*/
/*--- Wrappers ---*/
#wrapper {
	min-width: 790px;
	max-width: 1100px;
	background: #fff url(images/bgtop.png) no-repeat top center;
	width: 92%;
	margin: 0px 35px;
	color: #4f4f4f;
	z-index: 1;
}

#wrapperin {
	padding: 0;
	border-left: 1px solid #039; 
	border-right: 1px solid #039;
}

/*--- Header ---*/
#header {padding: 0 2.5em;}

/*--- Navigation ---*/
#nav {
	height: 105px;
	overflow: hidden;
}

#navbar {
	float: left;
	text-align: left;
	width: 50%;
}

#navbar h1 {padding: 20px 0 0 0;}

#navbar h1 a {
	font: italic bold 36px "Bitstream Vera Serif", Georgia;
	color: #fff;
	border: 0;
}

#navmenu {
	float: right;
	text-align: right;
	width: 45%;
	padding: 2px 10px 0 0;
}

#navmenu li {
	display: inline;
	padding: 0;
	margin: 0;
}

#navmenu a:link, #navmenu a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border: 0;
	padding: 0 4px;
}

#navmenu li.current_page_item  a:link, #navmenu li.current_page_item a:visited {color: #C00;}

#navmenu a:hover {color: #c00;}

/*--- Mast ---*/
#mast {
	height: 100px;
	margin: 0;
	padding: .5em 0;
	color: #fff;
	font-weight: bold;
}

#masttext {
	float: left;
	text-align: left;
	width: 58%;
	font-size: 14px;
}

#mastbar {
	float: right;
	text-align: right;
	width: 40%;
}

/*--- Footer ---*/
#footer {
	background: url(images/footer.gif) repeat-x top left;
	padding: 5px 15px;
	font-size: .8em;
}

#footertext {
	float: left;
	text-align: center;
	width: 75%;
}

#footerbar {
	float: right;
	text-align: center;
	width: 20%;
	padding: 8px 0;
}

#footerbar a {border: 0;}
/*==============================================*/

/* Content Layout Styles
================================================*/
/*--- Content ---*/
#content {}

#content a:hover {
	background-color: #d11f3e; 
	color: #fff; 
}

#contentwrap {background: url(images/fresh.png) no-repeat top left;}

/*--- Featured Content Column ---*/
#feature {background: url(images/hot.png) no-repeat top left;}

#featuretext {
	float: left;
	text-align: left;
	width: 64%;
	background: #fff url(images/icon_new.gif) no-repeat top right;
}

#featuretext h3 {
	font-size: 1.6em; 
	margin: 0;
}

#featurebar {
	float: right;
	padding: 5px;
	text-align: left;
	width: 32%;
}

#featurebar h3 {
	font-size: 1.6em;
	margin: 0;
	border-top: 2px solid #333;
}

.recent {
	background: #efefef;
	padding: 8px;
	font-size: .8em;
}

.recent h3, .recent h4, .recent table {
	margin: 0;
	padding: 0;
}

.recent h4 {
	background: url(images/rightarrow.gif) no-repeat left;
	padding-left: 10px;
}

.recent table tr td {padding: 0 4px;}

/*--- Primary Content Columns ---*/
#primary {
	float: left;
	overflow: hidden;
	text-align: left;
	width: 68%;
}

#primarybox1 {
	float: left;
	text-align: left;
	width: 55%;
}

#primarybox2 {
	float: right;
	text-align: left;
	width: 39%;
}

#primarybox1 h2, #primarybox2 h2 {display: none;}

#primarybox1 h3 a, #primarybox2 h3 a {}

/*--- Secondary Column ---*/
#secondary {
	float: right;
	text-align: left;
	width: 28%;
}

/*--- Other ---*/
#main {
	float: left;
	text-align: left;
	width: 75%;
}

#sidebar {
	float: right;
	text-align: left;
	width: 24%;
}

.clearfix {overflow: auto;}

.inside {padding: 0 20px 20px 40px;}

.insidebar {padding: 0 8px 20px 0;}

.splitter {
	background: url(images/split.png) no-repeat bottom center;
	height: 45px;
}

.splitter hr {display: none;}

#jump {
	top: 0px;
	left: 5px;
	position: fixed;
	background: #fff;
	text-align: center;
	padding: 2px 2px;
	z-index: 99;
}

#jump a {
	border: 0;
	display: block;
	padding: 4px 2px;
}

/*==============================================*/

/* Content Styles
================================================*/

/*--- Posts ---*/
.entry {font-size: 1.1em;}

.entry ul, .entry ol { 
	list-style: square; 
	margin: .5em 0 .5em 20px;
}
		
.entry li {
	list-style: square; 
	margin: .5em 0;
}
.post {}

.post h1, .post h2 {margin-bottom: 0;}

.postmetadata {
	background: #f6f6ff;
	border: 1px solid #ccc;
	color: #666;
	font-size: .9em;
	padding: 8px;
}

span.editthis a {
	background: red; 
	margin-left: 10px; 
	padding: 5px 10px 3px 10px; 
	font-weight: 600; 
	color: black;
}

/*--- Comments ---*/
#comments{}

#comments li {
	border-bottom: 1px dashed #ccc;
	list-style: decimal !important;
}

.comments-header {
	border-bottom: 1px solid #333;
	color: #ae4f0c;
	font-size: 1.6em;
	padding: 4px;
}

#comments-headerform {
	color: #ae4f0c;
	margin-bottom: 0;
}

.comment-meta {
	font-weight: bold;
	margin: 10px 0;
}

.comment-text {}

.comment-text ul li {border-bottom: 0px !important;}

.highlight {
	background: #f6feda;
	border: 1px solid #ccc;
	margin: .5em 0;
	padding: .5em;
}

#comments-form {}

#comments-form p {font-size: 1em;}

#commentform {
	background: #f8f8f8;
	border: 1px solid #ccc;
	padding: 4px;
}

#commentform input {
	width: 98%;
	padding: 2px;
}

#commentform p {}

#comment {
	width: 98%;
	font-size: 1.2em !important;
}

#commentform #submit {float: right;}

.commentlist {text-align: justify;}

.commentlist li {
	font-weight: bold;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5;
	text-transform: none;
}

.commentlist li, #commentform input {font-size: 1em;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

#comments-closed {color: #c00; font-weight: bold;}

#trackbacks li {
	list-style: decimal !important;
	padding: 4px 0;
}

/*--- Archives ---*/
.archives {
	overflow: hidden;
	text-align: left;
}

.archives h2 {
	border-bottom: 1px dashed #ccc;
}

/*--- Links ---*/
#skip {}

#skip a {
	color: #fff;
	font-size: .9em;
}

.linkcat {margin: 2px 8px;}

.postsites {}

/*--- Search Box ---*/
.homesearch {
	background: #e7e7e7;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px 0;
}

.homesearch input {
	background: #fff url(images/search.png) no-repeat left center;
	padding-left: 20px;
}

.homesearch label{
	display: none;
}

.homesearch #searchsubmit {
	padding: 0;
	margin: 0;
	background: #e7e7e7;
}

.homesearch #searchsubmit:hover {
  cursor: pointer; /* cursor: hand; for IE5 */
  color: #fff;
  background: #68bc43;
}

/*--- Ads ---*/
.ad {
	border: 1px solid #e7e7e7;
	padding: .25em;
	margin: 5px 0;
	position: relative;
}

/*--- Icons ---*/
.icondel {
	padding-left: 20px;
	background: transparent url(images/delicious.png) no-repeat center left;
}

.icondigg {
	padding-left: 20px;
	background: transparent url(images/digg.png) no-repeat center left;
}

/*--- Date Time ---*/
.datetime {
	background: transparent url(images/calendar.png) no-repeat center left;
	color: #aaa;
	font-size: .9em;
	padding-left: 20px;
}

/*--- Other ---*/
.clear {clear: both;}	

.splash {}

.light {color: #aaa;}

.dark {color: #000; text-decoration: underline;}

.small {font-size: .85em;}

/* Widget Styles
================================================*/
.me, .widget {
	margin: .75em .5em;
}

.me h2, .widget h2, .asides h3, .splash h3 { 
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #333; 
	font-weight: bold; 
	font-size: 1.1em; 
	padding: .4em 2px; 
	text-transform: uppercase; 
}

.profile {background: url(images/lfprofile.png) no-repeat bottom right;}

.profilebox {margin: 8px 0; padding: 0; border: 4px double #ccc; width: 200px; height: 75px; text-align: center;}

.profilebox a {border-bottom: 0;}

.widget ul { 
	list-style: square; 
	margin: 0 0 .5em 20px;
}
		
.widget ol {margin: 0 0 .5em 20px;}
		
.widget li {
	list-style: square; 
	margin: 0 0 .5em 0;
}

.asides h4, asides .entry {margin: .2em 0; padding: 0;}		

.asides h4 {
	padding-left: 10px;
	background: transparent url(images/rightarrow.gif) no-repeat left;
}	

.asides .entry {font-size: .9em !important;}	

.flickr_badge { float: left; }
.flickr_badge img { width: auto; 
height: 75px; 
padding: 4px; 
margin: 0 10px 10px 0; 
border: 1px double #ccc; 
background: #fff; 
float: left; 
}

.archives h3 {
	background: transparent url(images/footer.gif) repeat-x left;
	border-bottom: 1px solid #333;
	border-top: 2px solid #000;
	margin: 1em 0;
	padding-left: 4px;
}

.archives h4 {
	border-top: 1px solid #000;
	margin: 0;
	padding: 4px 0 0 0;
}

.archivesl {
	float: left;
	width: 47%;
}

.archivesr {
	float: right;
	width: 47%;
}

.archives h4 a span.archivesr {
	text-align: right;
}

.catposts h4 {
	overflow:hidden
}

.catposts h4 a {
	display: block;
	height: 25px;
	border: 0;
	cursor: pointer;
	text-decoration: none;
}

.catposts h4 a:hover {
	background-color: #c00 !important;
	color: #fff !important;
}