/*
Theme Name: Milomade
Description: Wordpress Blog Design for Milomade
- using the Starkers theme from Elliot Jay Stocks for structure

Author: Evie Milo
Author URL: http://www.my-igloo.net
*/

* RESET */
/* ----------------------------------------- */
* {
    font-style: normal;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	color:#333333;
	background:url(http://www.milomade.co.uk/assets/bgrpt_graphpaper.jpg) #ffffff;
	font-size: small;
	font-family: "trebuchet ms", "times new roman", times, serif;
	text-align:center;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

a img 	{ border:none } /* Gets rid of IE's blue borders */


/* GENERIC CLEAR FOR FLOATED ELEMENTS
------------------------------------------------------------------------*/
.floatclear{clear: both;}
.leftclear{clear: left;}
.fakeheight {height: 1px;}


/* TYPOGRAPHY */
/* -------------------------------------------------------------------------------------------*/
h1 {font-size: 200%; font-weight:normal; padding: 20px;}
h1 em{color: #990000; font-style:normal;}
h1 a:link, h1 a:visited { color: #000000; text-decoration: none; }
h1 a:hover, h1 a:active { color: #990000; text-decoration: underline; }

h2 {font-size: 180%; font-weight:normal; color: #990000; margin: 0px; padding: 0px;}
h2.archivecategory { color: #AE936C;}

h2 a:link, h2 a:visited { color: #990000; text-decoration: none; }
h2 a:hover, h2 a:active { color: #990000; text-decoration: underline; }

h3 {font-size: 160%; font-weight:normal; color: #990000;}

p {margin: 5px 0px 15px 0px; font-size: 90%;}

a:link, a:visited { color: #990000; text-decoration: none; }
a:hover, a:active { color: #990000; text-decoration: underline; }



/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin: 0px 20px 10px 0px; }
.alignright { float:right; margin: 0px 0px 10px 20px; }
.wp-caption { border:1px solid #990000; text-align: center; background:#f3f3f3; padding-top: 4px;
margin: 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }

.wp-caption img {
margin: 0 auto;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
text-align: right;
}



/* WRAPPER FITS THE WIDTH OF THE BROWSER AND HOUSES THE REPEAT GRAPHIC FOR THE HEADER ###################################### */
#wrapper {
	width: 100%;
	margin: 0px auto;
	background: url(http://www.milomade.co.uk/assets/bgrpt_header.jpg) repeat-x top left;
}

/* LEFT AND RIGHTS ########################## */
.left {
	float: left;
	text-align:left;
}

.right {
	float: right;
	text-align:right;
}

/* HEADER CONTAINS THE LOGO ###################################### */
#header {
	width: 1000px;
	height: 234px;
	margin: 0px auto;
}

#header p {
	color: #ffffff;
	font-size: 85%;
	padding: 5px 0px 0px 0px;
	margin: 0;
}

.rss a {
	background:url(http://www.milomade.co.uk/assets/feed-icon16x16.png) no-repeat top left;
	padding: 0px 0px 0px 20px;
	color: #ffffff;
}

#header a:link, #header a:visited { color: #ffffff; text-decoration: none; }
#header a:hover, #header a:active { color: #ffffff; text-decoration: underline; }


/* NAVIGATION DIV TO HOLD PRIMARY NAVIGATION ###################################################### */
#navigation {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 30px;
	text-align: left;

}

#primarynav {
	width: 1000px;
	height: 30px;
	background: url(http://www.milomade.co.uk/assets/navigation.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-indent: -3000px;
}

#primarynav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;	
}

#primarynav a {
	display: block;
}

#home {		left:20px; top:0; width:39px; height:30px;}
#about {	left:120px; top:0; width:117px; height:30px;}
#products {	left:298px; top:0; width:79px; height:30px;}
#stockists {left:438px; top:0; width:62px; height:30px;}
#shop {		left:562px; top:0; width:109px; height:30px;}
#contact {	left:732px; top:0; width:88px; height:30px;}
#blog {		left:882px; top:0; width:97px; height:30px;}

#home a, #about a, #products a, #stockists a, #shop a, #contact a, #blog a {height:30px;}

#home a:hover,#home .active {			background:url(http://www.milomade.co.uk/assets/navigation.gif) -20px -30px no-repeat; width:39px; height:30px;}
#about a:hover,#about .active {			background:url(http://www.milomade.co.uk/assets/navigation.gif) -120px -30px no-repeat; width:117px; height:30px;}
#products a:hover,#products .active {	background:url(http://www.milomade.co.uk/assets/navigation.gif) -298px -30px no-repeat; width:79px; height:30px;}
#stockists a:hover,#stockists .active {	background:url(http://www.milomade.co.uk/assets/navigation.gif) -438px -30px no-repeat; width:62px; height:30px;}
#shop a:hover,#shop .active {			background:url(http://www.milomade.co.uk/assets/navigation.gif) -562px -30px no-repeat; width:109px; height:30px;}
#contact a:hover,#contact .active {		background:url(http://www.milomade.co.uk/assets/navigation.gif) -732px -30px no-repeat; width:88px; height:30px;}
#blog a:hover,#blog .active {			background:url(http://www.milomade.co.uk/assets/navigation.gif) -882px -30px no-repeat; width:97px; height:30px;}

body.blog #blog, .active {			background:url(http://www.milomade.co.uk/assets/navigation.gif) -882px -30px no-repeat; width:97px; height:30px;}

/* CONTENT BLOG ################################################################### */
#contentblog {
	width: 1000px;
	text-align: left;	
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	background:url(http://www.milomade.co.uk/assets/bgrpt_columns.gif) repeat-y top left;
}

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

#contentinner .left {
	width: 680px;
	margin: 20px 0px 0px 0px;
}

#contentinner .right {
	width: 250px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

blockquote {
	padding:0px 40px 0px 40px;
	margin: 0px 0px 0px 10px;
	background:url(http://www.milomade.co.uk/assets/blockquote.gif) no-repeat top left;
	font-style: italic;
	font-size: 105%;
}
.post cite {
	padding:0px 0px 0px 40px;
	margin: 0px 0px 0px 10px;
	font-weight: bold;
	color:#990000;
}


/* --------------------------------------------Sidebar Content----------------- */


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 2px;
	text-indent: -2px;
	}

html>body .entry li {
	margin: 7px 0 8px 2px;
	}

.entry ul li:before, #sidebar ul ul li:before, #shopinner .right ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 2px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 2px;
	}

ol li, #sidebar ul ol li, #shopinner .right ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#sidebar .widgettitle {
	font-size: 150%; font-weight:normal; color: #AE936C; margin: 0px; padding: 0px;

}
/* End Entry Lists */

#coriandr {text-align: left; margin-left: -50px;}


/* --------------------------------------------Width of drop downs----------------- */
select { width: 200px; font-size: 1em; color: #4c5b52; }


/* --------------------------------------------Posts Content----------------- */
.post {padding-bottom:30px;}

.post h3 {font-size: 140%; font-weight:normal; color: #990000; margin: 10px 0px 0px 0px;padding: 0;}

.post ul {font-size: 90%;}

.post h2 {margin: 0px; padding: 0px;}

.datestyle {
	margin: 0;
	padding: 0px 0px 10px 0px;
	color:#AE936C;
}
.attachment-post-thumbnail {
	float: left;
	margin: 0px 15px 10px 0px;
	padding-top:8px;
}

.postinfo {
	text-transform:uppercase;
	font-size: 80%;
	color: #AE936C;
	border-top: 1px dotted #CCCCCC;
	padding-top: 3px;
	clear: left;
}



/* comment styles */
.comments-template{
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0px 0px 0px;
	line-height: 15px;
	padding: 5px 0px 0px 0px;
	border-bottom: 1px dashed #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.commentmetadata em{
	color: #990000;
	font-weight: bold;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.commentlist li {
	list-style: none;
	list-style-type:none;
}

.commentlist li .avatar {
	float:left; 
	background: #fff; 
	border: 1px solid #bbb; 
	padding:5px;
	margin: 0px 15px 0px 0px;
	list-style: none;
	list-style-type:none;
}

.comments-template cite {
	padding:0px;
	margin: 0px;
	font-style:normal;
	font-weight: bold;
}

.more-link { background: #F8EDED; color: #ffffff; text-decoration: none; padding: 5px; }

/* next previous */
.previous a {float:left;}
.next a {float:right;}


/*related posts */
ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}  
ol.related-posts li{width:150px; float:left; display:inline; margin:0px 10px 20px 0px; padding:0;  border:1px solid #CCCCCC;}  
ol.related-posts img{clear:both; padding:0px; background:#F7F7F7;}  
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}  
ol.related-posts li{font-size:12px;}  


/* CONTENT SHOP ################################################################### */
#contentshop {
	width: 1000px;
	text-align: left;	
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	background: #FAF8F8;
}

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

#shopinner .left {
	width: 680px;
	margin: 20px 0px 0px 0px;
}

#shopinner .right {
	width: 250px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

#contentshop h3 {font-size: 160%; font-weight:normal; color: #990000; padding: 0px; margin: 0px;}
#contentshop #shopinner .left h3 {font-size: 140%; font-weight:normal; color: #333333; padding: 0px; margin: 0px;}

.details h4 {font-size: 160%; font-weight:normal; color: #990000; padding: 0px; margin: 0px;}
.details p {font-size: 120%;}



/* FOOTER ELEMENTS ############################################################################################### */
#footer {
	width: 1000px;
	background: url(http://www.milomade.co.uk/assets/bgrpt_footerline.gif) repeat-x;
	margin: 0px auto 0 auto;
	padding: 0px;
}

#footer p{
	font-size: 80%;
	margin: 10px 0px;
	padding: 0;
}

ul.footernav {
	margin: 10px 0px;
	padding: 0;
	font-size: 80%;
}

.footernav li {
	display: inline;
	list-style-type: none;
}

.footernav a:link, .footernav a:visited {
	color: #990000;
	text-decoration: none;
}

.footernav a:hover {
	color: #990000;
	text-decoration: underline;
}