/*
Theme Name: Orangey WP
Theme URI: http://www.tristarwebdesign.co.uk/
Author: Tristar Web Design
Author URI: http://www.tristarwebdesign.co.uk/
Tags: orange, custom header, fixed width, two columns
*/

/* Misc Styles */

.clear { clear: both; }
a { color: #F90; text-decoration: none; }
a:hover{ color: #333; text-decoration: none; }
img { border: 0; }
img.alignleft { float: left; padding: 5px; border: 1px solid #CCC; margin: 0 15px 10px 0; }
a img.alignleft:hover { border: 1px solid #333; }
img.alignright { float: right; padding: 5px; border: 1px solid #CCC; margin: 0 0 10px 15px }
a img.alignright:hover { border: 1px solid #333; }
ol.commentlist { margin: 0 0 15px 30px; }
ol.commentlist li { padding: 15px; }
.comment-author-admin { background: #F3F4E5; }

#commentform textarea#comment { border: 1px solid #CCC; width: 400px; height: 120px; text-transform: none; padding: 5px; color: #555; font: normal 12px Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif; }
#commentform input#author, #commentform input#email, #commentform input#url { border: 1px solid #CCC; padding: 5px; text-transform: none; color: #555; }
#sidebar li#search form#searchform { margin: 0; }
#sidebar li#search form#searchform label { font-weight: normal; font-size: 22px; margin: 0 0 15px 0; }
input#searchsubmit { border: normal; padding: 0; margin: 0; text-transform: none; color: #555; }
#searchform { padding: 0 0 15px 0; }
#commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus, #commentform textarea#comment:focus
{ border: 1px solid #777; padding: 5px; text-transform: none; color: #000; }

/* Search Box */

#headercont #headerright .searchlogo { float: right; margin: 0 0 15px 0; padding: 0; }
#headercont #headerright .searchlogo input, #headercont #headerright .searchlogo button { vertical-align: middle; }
#headercont #headerright .searchlogo input { height: 14px; padding: 5px; margin: 0; width: 150px; background: #F90; color: #FFF; border: none; }
#headercont #headerright .searchlogo form { padding: 0; }
#headercont #headerright .searchlogo input#searchsubmit { border: none; width: auto; text-transform: uppercase; height: 26px; cursor: pointer; background: none; color: #AAA; font-weight: bold; font-size: 10px; }
#headercont #headerright .searchlogo input#searchsubmit:hover { color: #333; }
#headercont #headerright label.screen-reader-text { display: none; }

#maincont #mainleft .searchlogo {  margin: 0 0 15px 0; padding: 0; }
#maincont #mainleft .searchlogo input, #maincont #mainleft .searchlogo button { vertical-align: middle; }
#maincont #mainleft .searchlogo input { height: 14px; padding: 5px; margin: 0; width: 150px; background: #F90; color: #FFF; border: none; }
#maincont #mainleft .searchlogo form { padding: 0; }
#maincont #mainleft .searchlogo input#searchsubmit { border: none; width: auto; text-transform: uppercase; height: 26px; cursor: pointer; background: none; color: #AAA; font-weight: bold; font-size: 10px; }
#maincont #mainleft .searchlogo input#searchsubmit:hover { color: #333; }
#maincont #mainleft .searchlogo label.screen-reader-text { display: none; }

/* Begin Typography & Colors */

* { margin: 0; padding: 0; }

body
{
	background: #111 url(images/bg.gif) repeat-x;
	color: #333;
	padding: 20px 0;
	font: normal 12px  Arial, Helvetica, sans-serif;
}

.clear { clear: both; }

#menucont
{
	margin: 0 auto;
	width: 860px;
	height: 40px;
}

#menucont #menuleft
{
	float: left;
	width: 40px;
	height: 40px;
}

#menucont #menuleft a.rsslink { float: left; width: 40px; height: 40px; background: url(images/rss-icon.png) top left; }
#menucont #menuleft a:hover.rsslink { background: url(images/rss-icon.png) bottom left; }

#menucont #menuright
{
	float: left;
	width: 820px;
	height: 40px;
}

#menucont #menuright ul { float: right; list-style-type: none; }
#menucont #menuright ul li { display: inline; }
#menucont #menuright ul li a { float: left; color: #FFF; text-decoration: none; padding: 0 14px; line-height: 40px; }
#menucont #menuright ul li a:hover { color: #F90; text-decoration: none; }

#container
{
	margin: 0 auto;
	width: 860px;
	background: #FFF;
}

#headercont
{
	width: 820px;
	height: 80px;
	padding: 0 20px;
}

#headercont #headerleft
{
	float: left;
	width: 570px;
	height: 80px;
}

#headercont #headerleft h1 a { color: #F90; font-size: 26px; text-decoration: none; font-weight: normal; line-height: 80px; }
#headercont #headerleft h1 a:hover { color: #333; }

#headercont #headerright
{
	float: left;
	width: 250px;
	height: 54px;
	padding: 26px 0 0 0;
}

#graphiccont
{
	width: 860px;
	height: 300px;
	background: #F90 url(images/bg-graphiccont.jpg);
}

#maincont
{
	width: 860px;
	line-height: 22px;
	background: url(images/bg-maincont.gif) repeat-y;
}

#maincont p.postmetadata { background: #F5F5F5; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 15px; color: #999; }
#maincont h2.blogtitle { margin: 0; }
#maincont p { margin: 0 0 15px 0; }
#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5, #maincont h6 { font-weight: normal; font-size: 24px; margin: 0 0 15px 0; }
#maincont h2.pagetitle { color: #827D65; padding: 10px 0; border-bottom: 1px dashed #D9D1A8; }
#maincont blockquote { margin: 0 20px 15px 20px; padding: 0 15px; font-style: italic; border-left: 2px solid #F90; }
#maincont #mainleft ul, #maincont #mainleft  ol { margin: 0 0 15px 30px; }

#mainleft
{
	float: left;
	width: 600px;
	padding: 20px;
}

#maincont #mainleft .blogtexttitle * { margin: 0; padding: 0; }
#maincont #mainleft .blogtexttitle { position: relative; padding: 10px 0 21px 40px; margin: 0; width: 600px; left: -40px; background: #F90 url(images/blogtitle.gif) bottom left no-repeat; }
#maincont #mainleft .blogtexttitle a { color: #FFF; }
#maincont #mainleft .blogtexttitle a:hover { color: #925700; }
#maincont #mainleft .blogtexttitle p.blogsmall small { color: #FFE596; }
#maincont #mainleft .blogtexttitle h2 a { color: #FFF; }
#maincont #mainleft .blogtexttitle h2 a:hover { color: #925700; }

#mainright
{
	float: left;
	width: 180px;
	padding: 20px;
	text-align: right;
}

#maincont #mainright ul, #maincont #mainright ol { float: left; margin: 0 0 10px 0; padding: 0; list-style-type: none; }
#maincont #mainright ul li a, #maincont #mainright ol ul li a { float: left; width: 160px; padding: 4px 10px;  }
#maincont #mainright ul li a:hover, #maincont #mainright ol ul li a:hover { color: #925700; background: #F90; }

#footercont
{
	clear: both;
	width: 820px;
	font-size: 11px;
	padding: 20px;
	color: #555;
	text-align: right;
	background: #171717;
}