/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.2
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/

@import "css/reset.css";
@import "css/layout.css";

/*////////// SITE COLOUR PALETTE //////////*/
/* Base Colour: #fcb94a | rgb(252,185,74) */
/* Blue #1: #006699 | rgb(0,102,153) */
.RedAccent { color: rgb(199,46,57); color: #c72e39; }

/*////////// SITE TYPOGRAPHY //////////*/
.FontLevelOne, h1, h3 { font-family: Verdana, Geneva, sans-serif, cursive; font-size: 250%; color: rgb(255,255,255); text-shadow: 0px 1px #fff; }
.FontLevelTwo, h2, h2 a { font-family: Verdana, Geneva, sans-serif; font-size: 150%; color: rgb(0,0,0); }
.FontLevelThree, p { font-family: Verdana, Geneva, sans-serif; font-size: 80%; colour: rgb(153,0,0); }

/*////////// UTILITY //////////*/

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
body { background: #fef4e4; }

.button {
	background: #006 url(/images/ButtonBG.png);
	padding: 5px 10px;
	width: 215px;
	height: 30px;
	border: 1px solid #006;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
	text-decoration: none;
	font-weight: 600;
	font-style: italic;
	font-size: 150%;
	text-align: center;
	text-shadow: 0px -2px #006;
}

.button a { color: #fff; text-decoration: none; }
.button:hover { background: #006 url(/images/ButtonBG_over.png); }

.Micro { font-size: 70%; }
	.Micro a { color: rgb(252,185,74); }

a { color: rgb(117,95,49); }
a:visited { color: rgb(177,116,56); }
a:hover { text-decoration: none; }

/* Pagination */
.wp-pagenavi { font-family: Verdana, serif; font-size: 70%; color: rgb(177,116,56); }
.current { color: rgb(117,95,49); }

/*////////// STRUCTURE ////////////*/
#master { width: 960px; margin: 0px auto; background: #fff; }
#header { height: 160px; }
	#Logo { padding-top: 10px; padding-left: 10px; }
	.HeaderColumn { width: 400px; float: left; margin-right: 20px; }
	.HeaderAddress { text-align: right; padding-top: 10px; padding-right: 10px; }
#menu { background: url(/images/menuBG.jpg); height: 36px; border: 1px solid rgb(0,0,0); padding-top: 4px; }
	#menu li { display: inline; font-variant: small-caps; font-weight: 600; font-style: italic; margin-left: 15px; font-size: 75%; }
	#menu  li a { text-decoration: none; color: #ffffff; }
	#menu li a:hover { color: #09F; }
#slideshow { height: 500px; margin-left: 9px; margin-top: 25px; margin-bottom: 25px; }
#main { background: rgb(0,102,153); width: 940px; margin-left: 9px; border: 1px solid rgb(0,0,0); padding-bottom: 22px; }
#NewAdditions { height: 480px; }
	.InnerContainer { width: 920px; margin-left: 10px; border-bottom: 1px solid rgb(33,33,33); box-shadow: 0px 1px #fff; }
		.PositioningStatement { font-size: 100%; float: left; width: 640px; padding-top: 10px; padding-left: 10px; }
		.BoxColumn { width: 276px; height: 310px; float: left; margin-right: 15px; background: url(/images/BoxColumnBG.jpg); padding: 10px; margin-top: 25px; }
			.BoxColumnPhoto { width: 188px; height: 150px; border: 5px solid #fff; background: #ccc; margin-bottom: 5px; overflow: hidden; }
#loop { width: 620px; float: left; margin-left: 10px; margin-top: 25px; }
	#loop h2 { font-size: 100%; }
	.PostThumb { float: left; margin-right: 10px; border: 5px solid white; clear: both; height: 140px; }
	.LoopPost { margin-bottom: 25px; border-bottom: 1px solid rgb(252,185,74); box-shadow: 0px 1px #fff; padding-bottom: 28px; }
#sidebar { width: 290px; float: right; margin-right: 10px; margin-top: 25px; }
#footer { height: 80px; margin-top: 15px; padding: 10px; width: 940px; margin: 0 auto; border-top: 25px solid #fff; }
	.FooterColumn { width: 220px; float: left; margin-right: 20px; }