/*

Theme Name: Hitch

Theme URI: http://milo.peety-passion.com/category/themes/

Version: 1.0

Description: Three column fluid layout.

Author: milo317

Author URI: http://milo.peety-passion.com/

*/

body { margin:5px 0; padding:0; font: 95% Geneva, Sans-Serif; color:#fff;  line-height: 1.4em; 

background-image: url(images/header.jpg);background-repeat:repeat-x ;background-position:top left;background-color: #000;}

.header {height: 328px;margin:0; padding: 0;}

.header .h1 a { color: #fff;float: left;padding: 160px 0 0 40px;font: bold 2.9em Geneva, sans-serif;font-variant: small-caps;}

.header .h1 a:hover {color:#ccc;}

.header .description {float: left;clear: both;padding: 1px 0 0 40px;color: #fff;font: bold 1.0em Arial, sans-serif;}

#nav {list-style: none;margin: 0;position: absolute;right: 20px;top: 20px;}

#nav li {float: right;margin-left: 5px;}

#nav .current_page_item a{color: #ccc;}

#nav .page_item a{color: #fff;text-decoration: none;background: #000 url(images/nav.jpg) repeat-x; 

padding: 50px 10px;font: 11px/100% Arial, Helvetica, sans-serif;border-bottom: 1px solid #000;

border-left: 1px solid #818080;border-right: 1px solid #000;display: block;font-variant: small-caps;}

#nav .page_item a:hover {color: #900;} 

blockquote {background: url(images/stripes.gif)repeat; #000;color: #ccc;border-right: 5px solid #C60303;border-left: 5px solid#C60303;

padding: 5px;}

p { margin: 0 0 5px 0; padding: 0; color: #ccc; background: inherit;}

a { color: #C60303;text-decoration:none;}

a:hover { color: #fff;text-decoration:none;}

.nav ul { margin: 0 0 10px 0; padding : 0; list-style : none; }

.nav li { float: left;font-weight: bold;margin: 0 0 8px 0;padding: 0 0 0 5px;}

.nav li a { color: #C60303; }

.nav li a:hover { background: url(images/select.gif) no-repeat center top;background-position: 50% 30px;color: #fff; }

img {border: 0;}

.content { color: #fff; margin: -120px auto 0px; padding: 0; width: 90%;}

.left_sidebar {font-size: 95%;float: right;padding: 10px 5px 5px 30px;width: 15%;}

.right_sidebar {font-size: 95%; float:right; width: 20%; padding: 15px 1em 1em 10px; }

.left_sidebar h2, .right_sidebar h2 { color:#fff; font: bold 1.1em sans-serif,Geneva; margin: 10px 0 10px 0; padding: 2px 0 2px 20px;border-bottom: 1px solid #aaa;background: url(images/led.gif) no-repeat left center;font-variant: small-caps;}

.left_sidebar ul, .right_sidebar ul{ margin: 5px 0 20px 15px; padding :0; list-style : none; }

.left_sidebar ul li, .right_sidebar ul li {background:#000 url(images/li.gif) color: #C60303;margin:0;padding:0;}

.left_sidebar li a, .right_sidebar li a { color: #C60303; }

.left_sidebar li a:hover, .right_sidebar li a:hover { color: #fff;}

.main { float:left; width: 50%; font-size: 95%; margin: 15px 0 15px 5px; padding: 0; color: #fff;}

.main h2{ color:#C60303; font: bold 1.3em sans-serif,Geneva; margin: 10px 0 10px 0; padding:0; 

border-bottom: 1px solid #aaa;font-variant: small-caps;}

.page h2 , .page h2 a, .page h2 a:visited{ margin: 0 0 5px 0; font: bold 1.3em sans-serif,Geneva; color: #C60303; border-bottom: 1px solid #C60303;font-variant: small-caps; }

.main a, .main a:visited{ color:#C60303; }

.main a:hover{ color:#ccc; }

.footer { clear:both;width: 99%; height: 164px; font-size:90%;

background: #000 url(images/footer.gif) no-repeat bottom center; color:#666;border-top: 10px solid #000;text-align:center; margin-top: 30px;margin-right: 0px;margin-left: 0px;padding: 10px 10px 10px 10px;}

.footer p{text-align: center;color:#fff;}

fieldset {border: 2px dotted #C60303;}

textarea.text { height: 150px; width: 90%; border: 1px solid #C60303; background: #000; color: #fff;}

textarea.text:hover { border: 1px solid #C60303; background: #000; color: #ccc;}

input.field { border: 1px solid #C60303; background-color: #000; width: 100px; color: #fff;}

input.field:hover { border: 1px solid #C60303; background: #000; color: #ccc;}

input.text { margin: 0; width: 110px;border: 1px solid #C60303; background: #000;color: #ccc; }

input.text:hover { border: 1px solid #C60303; }

input.searchbutton { margin: 0; font-size: 100%; font-family: Geneva, Sans-serif; border: none; 

background: #fff; color: #333; padding: 1px; font-weight: bold; }

.date { background: #000 url(images/bgitem.gif) repeat-x; color:#666; text-align: right; 

margin: 4px 0 45px 0; padding: 0.4em 0 0 0; border-top: 1px solid #C60303;}

.date a { color: #C60303; }

.time { color: #192D50; float: left;text-align: left; padding: 5px 0 0 15px; }

input.button { background: #000; color: #ccc;border-right: 1px solid #C60303;

border-bottom: 1px solid #C60303;}

.comments { padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #000; color: #ccc;}

.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #fff; color: #000;}

.error {color: #900;background-color: #333;padding: 7px;margin-top: 5px;margin-bottom: 10px;

border: 1px dashed #900;}

#commentlist li {margin-bottom: 1.5em;padding-bottom: 1em;border-bottom: 1px solid #C60303;}

#commentform {margin: 1em 0;background: #000;width: 380px;}

#commentform textarea {background: #fff;border: 1px solid #C60303;width: 380px;}

#commentform textarea:hover {background: #fff;border: 1px solid #C60303;}

#commentform textarea:focus {background: #fff;border: 1px solid #C60303;}

#commentform #email, #commentform #author, #commentform #url {font-size: 1.1em;background: #fff;

border: 1px solid #C60303;width: 380px;}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {font-size: 1.1em;

background: #fff;border: 1px solid #C60303;width: 380px;}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {font-size: 1.1em;

background: #fff;border: 1px solid #C60303;width: 380px;}

#commentform input{margin-bottom: 3px;}

a img{border:none;}

p img { padding: 0; }

img.centered { display: block; margin-left: auto; margin-right: auto; }	img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; padding: 4px; background: transparent; margin-left: 7px; margin-top: 3px; margin-bottom: 15px; }

.alignleft { float: left; padding: 4px; background: transparent; margin-right: 7px; margin-top: 3px; margin-bottom: 15px; }

acronym, abbr, span.caps{ font-size: 0.9em;letter-spacing: .07em;}

acronym, abbr, span.caps {cursor: help;}

acronym, abbr {border-bottom: 1px dashed #900;}

input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #1E1F21; padding: 3px; color: #888; }

#search {color: #aaa;padding: 10px 5px 5px 5px;height: 20px;background: #000;}

#search a { color: #900; }#search a:hover { color: #fff; }

#search .searchbar {float: right;width: 80px;text-align: right;padding-right: 5px;border-left: 1px solid #333;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} 

.clearfix {display: block;} /* End hide from IE-mac */