/*
Theme Name: Debry 5
Theme URI: http://wordpress.org/
Description: Derby with HTML5 
Author: Leslie Franke
Version: 1.0
*/


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

/* Basic Styles
================================================*/
/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article, figure {
	display: block;
}

body {
	background: #fff url(images/bgtop.png) repeat-x top center;
	color: #333;
	font:13px/18px "Helvetica", Arial, sans-serif;
	line-height: 1.6;
	margin: 0;
	padding: 30px 0 0 0;
}

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

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: 8px 0;}

h1 {
	font-family: Georgia, serif;
	font-size: 32px;
}

h2 {font-size: 28px;}

h3 {font-size: 24px;}

h4 {font-size: 18px;}

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;
}

/*==============================================*/
/* Basic Layout Styles
================================================*/
#wrapper {
	min-width: 790px;
	max-width: 1100px;
	margin: 0px auto;
	overflow: hidden;
	z-index: 1;
	border: 1px solid #fff;
}

#contentwrap, #head, #intro  {
	margin: 0 4px;	
}

#head header {
	float: left;
	width: 49%;
}

#head header h1{
	background: url(images/logo.png) no-repeat left center;
	height: 55px;
	padding-left: 55px;
}

#head header h1 a{
	font-size: 28px;
	text-decoration: none;
}

#intro header {
	float: left;
	width: 45%;
}

#intro header hgroup h2, #intro header hgroup h4 {
	margin: 0;
	display: inline;
}

#intro header hgroup h4 {
	color: #bbb;
	font-style: italic;
	display: inline;
}

 #intro figure {
	float: right;
	text-align: right;
	width: 45%;
}

#head nav {
	float: right;
	text-align: right;
	width: 49%;
}

#head nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

#head nav li a {
	background: #369;
	color: #fff;
	font-family: Georgia, serif;
	font-size: 24px;
	margin: 0px 8px;	
	padding: 4px 8px;
	text-decoration: none;
}

footer {
	background: #545454;;
	color: #fff;
	padding: 4px 32px;
	text-align: center;
}

footer a {
	font-size: 11px;
	text-decoration: none;
	color: #c1e4fa;

}

#contentwrap {
	border-top: 1px dotted #ccc;
}

.contain {
	border-right: 1px dotted #ccc;
	float: left;
	width: 66%;
}

#content {
	float: left;
	width: 66%;
	padding: 0 8px 0 0;
}

#sidebar {
	border-left: 1px dotted #ccc;
	float: right;
	width: 30%;
	padding: 2px 2px 2px 8px;
}

.main {
	border-right: 1px dotted #ccc;
	float: left;
	width: 49%;
}

.more {
	float: right;
	width: 49%;
}

.more header h3 {
	font-size: 18px;
	background: url(images/twitterbird.png) no-repeat left center;
	padding-left: 28px;
}

.main header h3 {
	font-size: 18px;
	background: url(images/comment_user.png) no-repeat left center;
	padding-left: 32px;
}

aside {
	float: right;
	width: 33%;
}

#bar {
	background: #1a1a1a;
	color: #fff;
	font-size: 11px;
	margin-top: 24px;
	padding: 8px 32px;
	text-align: center;
}

#bar a {
	text-decoration: none;
	color: #1589FF;
}

#bar h2 {
	font-size: 16px;
	margin: 0;
}

#bar .dark {
	color: #fff;
}

.bmain {
	float: left;
	width: 65%;
	
}

.bmainl {
	float: left;
	width: 48%;
	text-align: left;
	padding: 4px;
	border-right: 1px dashed #a7b2b6;
}

.bmainr {
	float: right;
	width: 48%;
	text-align: left;
	padding: 4px;
	border-right: 1px dashed #a7b2b6;
}

.bside {
	float: right;
	width: 33%;
	text-align: left;
	padding: 4px 4px 8px 4px;
}

#sub{
	background: #1f1f1f;
	padding: 4px 16px;
}

#latest article{
	background: #efefef;
	padding: 4px 8px;
	margin: 0 8px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

li.cat-item {
	display: inline;
	margin-right: 8px;
	font-size: 15px;
}

.bymonth, .bytopic, .bycat {
	margin: 0px;
	padding: 0px;
}

.bymonth li {
	display: inline;
	margin-right: 8px;
	font-size: 15px;
}

/*--- Search Box ---*/
.homesearch {
	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;
}

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

aside .me h2, aside .social 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; 
}


.widget {
	list-style: none;
}

.widget ul { 
	margin: 0 0 .5em 5px;
}
		
.widget ol {margin: 0 0 .5em 5px;}
		
.widget li {
	margin: 0 0 .5em 0;
}


.flickr_badge {float: left;}

.flickr_badge_image { 
	width: 75px; 
	display: inline;
	border: 1px double #ccc; 
	background: #fff; 
	float: left; 
	height: 75px; 
	margin: 0 5px 5px 0; 
	padding: 4px; 
}

.tweet {
	border-bottom: 1px solid #ccc;
	padding: 8px 2px;
}

.main h4 {margin: 0;}

.main .entry {
	
}

/*--- 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;
}

.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;
}

#bread {
	padding: 50px 0 0 0;
	margin: 0;	
}

#crumbs {
	display: inline;
	padding: 0;
	margin: 0;
}

#crumbs li {
	display: inline;
	padding: 0;
	margin: 0 4px;
}

.blog 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;
}

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

section.blogl {
	border-right: 1px dotted #ccc;
}

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

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

.blog h4 a span.blogr {
	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;
}


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

.light {color: #aaa;}

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

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

.clearfix {overflow: auto;}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}