/*
THEME NAME: Milk It
THEME URI: http://www.milkitdesign.co.uk/blog/
DESCRIPTION: A Wordpress theme designed to match the Milk It website
VERSION: 1.0
AUTHOR: <a href="http://www.yoursitenow.co.uk/">Tim Berry</a>
AUTHOR URI:
TAGS: milkit, blog
*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {
	color: #B5D334;
	font-size: 1.2em;
}
h2 {
	font-size: 1.1em;
}
h3 {
	font-size: 0.9em;
	color: #B5D334;
}

body{
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Helvetica, "Helvetica Neue", Arial;
}

div#container {
font-size: 0.9em;
}

div#wrapper {
width: 780px;
margin: 0 auto;
border: 1px solid #000000;
background: #280000;
}

a {
text-decoration: none;
color: #B5D334;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}

#header img {
	padding-left: 554px;
	padding-top: 15px;
}

#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	float: left;
}
#header li a {
	display: block;
	float: left;
	padding: 8px 15px;
	color: #fff;
	text-decoration: none;
}
#header li {
	font-size: 100%;
	float: left;
}
#header li a:hover, #header li a:active {
	color: #B5D334;
}
#header li a.current, #header li a.current:hover, #header li a.current:active{
	color: #B5D334;
	cursor: default;
}

div#content {
float: left; 
display: inline; 
position: relative; 
width: 540px;
background: #280000;
text-align: left;
padding: 0 15px 0 20px;
}

div.sidebar {
display: inline;
float:right;
position: relative;
width:200px;
text-align: left;
}

div#secondary {
clear:right;
}

#footer {
        margin-top: 1em;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#280000;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	width: 59%;
	font: 0.8em Helvetica, "Helvetica Neue", Arial;
	color: #CCCCCC;
        text-align: left;
}
#footer ul {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	width: 39%;
	list-style: none;
}
#footer li {
	float: right;
}
#footer li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #CCCCCC;
	font-size: 0.8em;
}
#footer li a:hover, #footer li a:active, #footer li a:focus {
	color: #B5D334;
}

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title {
clear:both;
color: #B5D334;
}

.entry-meta {
clear:both;
}

div#container,div#primary {

}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
}

div.sidebar input#s {
width:7em;


}

div.sidebar ul {

list-style:none;
}


div.sidebar li {
margin-top: 1em;
list-style:none;
}

div.sidebar ul ul {
list-style:none;
}

div.sidebar ul ul li {
margin-top: 0;
list-style:none;
}

div.sidebar ul ul li a {
color: #fff;
font-size: 0.9em;
}

div.sidebar ul ul ul {
list-style:none;
}

div.sidebar ul ul ul li {
list-style:none;
}

div.sidebar li form {
padding:0;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

#header {
background: #280000 url(/images/round_corner.gif) no-repeat right top;
padding: 0 10px 0 8px;  
height: 130px;
} 

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;

}