/*  
Theme Name: Macdrive
Theme URI: http://www.machinerydrive.com
Description: This is my theme from pixelhouse hacked till it works
Author: Dolph Cooke
Author URI: http://www.machinerydrive.com

*/


body { margin: 0px; font-family: Arial, Helvetica, sans-serif; background: url(/images/bg-body.gif) repeat-y center 0; }
p { font-size: 1.2em; color: #222222; }
p a { color: #222222; } 
p a:hover {color: #a60909;} 
h1, h2 { color: #a60909; font-size: 1.6em; margin: 0px 0px 0.8em 0; }
h1 a { color: #a60909; text-decoration: none; }
h1 a:hover { text-decoration: underline; }
h2 { font-size: 1.6em; font-weight: normal; margin: 1.0em 0px; }
a img { border: none; }


#print { display: none; }
#header, #content { width: 100%; float: left; }
#headerInner, #contentInner { width: 960px; margin: 0px auto; }

#header { height: 193px; background: url(/images/bg-header.gif) repeat-x 0 0 #508cde; }
#headerInner { position: relative; }
#content { padding-top: 40px; }

fieldset { border: solid 1px #ccc; padding: 5px 20px 14px 20px; margin: 3px 0px 20px 0px; }
legend { font-size: 0.85em; color: #666; font-weight: bold; margin-left: -10px; }
legend span { font-weight: normal; }
fieldset p { margin: 0.6em 0; }
fieldset label { float:left; width: 25%; }
fieldset label span { color: #000; }
fieldset .smTxt { font-size: 0.8em; color: #666; }
fieldset input { width: 200px; border: solid 1px #7f9db9; padding: 2px; }
fieldset .top { margin: 1.4em 0 0.6em 0; }
fieldset input:focus { background: #fff0a9; }
.submitB { text-align: right; }
.greyP { color: #666; font-size: 0.85em; margin: 1.4em 0; }


#headerImg {
   position: absolute; 
   top: 0px;
   left: 0px;
   margin: 0px 0px 0px -50px;
   background: url(/images/header-01.jpg) no-repeat 0 0;
   
}
#headerImg span {
   display: block;
   width: 585px;
   height: 464px;
}


#header01 { background: none; }
#header02 { background: url(/images/header-02.jpg)  no-repeat 0 0; }
#header03 { background: url(/images/header-03.jpg)  no-repeat 0 0; }
#header04 { background: url(/images/header-04.jpg)  no-repeat 0 0; }

#header p { margin: 0; }

#slogan, #local, #contactOnline
{ position: absolute; z-index: 80; left: 383px; }

#slogan { 
   position: absolute;
   z-index: 80; 
   left: 383px; 
   top: 30px; 
   background: url(/images/slogan.gif) no-repeat 0 0;
   width: 550px;
   height: 46px;
}

#local {
   top: 90px; 
   background: url(/images/local.gif) no-repeat right 0;
   width: 550px;
   height: 43px;
}
#contactOnline {
   top: 122px; 
   background: url(/images/local-contact.gif) no-repeat right 0;
   width: 550px;
   height: 15px;
   text-indent: -9000px;
}

/* ------------------------------------------------------------------------------

NAVIGATION

------------------------------------------------------------------------------ */


#header ul {
   position: absolute;
   left: 382px; 
   top: 161px; 
   margin: 0px;
   padding: 0px;
}

#header ul li {
   float: left;
   list-style-type: none;
   margin: 0px 2px;
}
#header ul li a {
   float: left;
   height: 32px;
   overflow: hidden;
   background: url(/images/bg-nav-corner-l.gif) no-repeat 0 0 #356ac5;
   color: #fff;
   font-size: 14px;
   line-height: 2.3em;
   text-transform: uppercase;
   text-decoration: none;
}
#header ul li a span { 
   display: block;
   padding: 0px 27px 0px 26px;
   background: url(/images/bg-nav-corner-r.gif) no-repeat right top; 
}
#header ul li a:hover { background: url(../images/bg-nav-corner-l-hover.gif) no-repeat 0 0 #224fae; }
#header ul li a:hover span { background: url(../images/bg-nav-corner-r-hover.gif) no-repeat right top; }


#home #n011,
#news #n021,
#listings #n031,
#history #n041,
#contact #n051
{ background: url(/images/bg-nav-corner-l-active.gif) no-repeat 0 0 #fff; }

#home #n011 span,
#news #n021 span,
#listings #n031 span,
#history #n041 span,
#contact #n051 span
{ color: #000; background: url(/images/bg-nav-corner-r-active.gif) no-repeat right top; }

/* ------------------------------------------------------------------------------

CONTENT - RIGHT

------------------------------------------------------------------------------ */

#right, #right2 {
  float: right;
  width: 550px;
  padding: 0px 27px 20px 0px;
  position: relative;
}


/* #right ul { margin: 0.8em 0;  padding: 0px 0px 0px 15px; } */
#right li { font-size: 0.8em; /* padding: 6px 0px; */ }
#right li p { font-size: 1.0em; }


#searchbar { width: 533px; height: 33px; background: url(/images/bg-searchbar.gif) no-repeat 0px 0px #4075bd; margin: 0px 0px 10px 0px; padding: 7px 8px 0px 9px; }
#searchbar .field { width: 292px; border: solid 1px #fff; padding: 2px; float: left; margin-top: 2px; }
#searchbar select { width: 130px; float: left; margin-left: 8px; border: solid 1px #fff; padding: 1px; margin-top: 2px; display: inline; }
#searchbar .search { float: right; }


.searchH { text-indent: 8px; }

#pagetop, #pagebottom {border-bottom: solid 1px #000; float: left; width: 100%; padding: 10px 0px 5px 0px;}
#pagetop .left {float: left; }
#pagetop .right, #pagebottom .right {float: right;}
#pagetop p, #pagebottom p { margin: 0px; }
#pagetop p a, #pagebottom p a { text-decoration: none; }
#pagetop p a:hover, #pagebottom p a:hover { text-decoration: underline; }
#pagebottom { border-top: solid 1px #000; border-bottom: none; margin-top: -1px; }

.listing, .article { float: left; padding: 20px 0px 13px 0px; border-bottom: dashed 1px #666; width: 100%; }
.listing p, .info p { margin: 0.5em 0; padding-left: 110px; }
.listing p span, .info p span { font-weight: bold; display: inline; float: left; margin: 0px; margin-left: -110px; } 
.details { float: right; margin: -32px 0px 0px 0px; }

.info { padding-bottom: 6px; }
.info h1 { font-size: 1.4em; font-weight: normal; border-bottom: solid 1px #ccc; display: block; padding: 0px 0px 10px 0px; width: 100%; }

.date { margin: -12px 0px 0px 0px; font-size: 0.7em; color: #666; }
.article .details { margin: -6px 0px 0px 0px; }

#historyList ul { margin: 0px; padding: 0px; }
#historyList p { margin: 0px; }
#historyList ul li { padding: 10px 8px; list-style-type: none; float: left; width: 534px; }
#historyList ul li a { color: #222222; text-decoration: none; }
#historyList ul li a:hover { color: #a60909; text-decoration: underline; }
.even { background: #e2eaf7; }

#historyList .hDate { font-weight: bold; width: 100px; display: block; float: left; }
#historyList .hTitle { width: 400px; display: block; float: right; }

#upgrade { border: solid 1px #ccc; padding: 15px; float: left; width: 520px; margin: 10px 0px; }
#upgrade .intro { font-size: 1.20em; }
#upgrade h2 { font-size: 1.35em; margin: 0px; }

#share { margin-bottom: 10px; }
#share h2 { margin: 0; }
#share h2 a { color: #666; }


/* ------------------------------------------------------------------------------

CONTENT - RIGHT - GALLERY

------------------------------------------------------------------------------ */

.gallery { margin: 5px 0px 0px 0px; padding: 5px 0px 10px 0px; background: #fff; float: left; }
.gallery li { list-style-type: none; float: left; padding: 10px 10px 0px 0px; }
.gallery img { width: 110px; height: 110px; }
.gallery a img { padding: 5px; background: #fff; border: solid 1px #ccc; margin: 2px; } 
.gallery a:hover img { border: solid 3px #666; margin: 0px; }


body{
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	body, h1, h2, h3, h4, h5, h6, blockquote, p{
        margin: 0;
        padding: 0;
}
}
a:link, a:visited{
	text-decoration: underline;
	color: #336699;
}

a:hover{
	text-decoration: none;
}

.sidebar{
         float: left;
         width: 200px;
         background: #FFFFFF;
         margin: 50px 0 0 10px;
         display: inline;
         padding: 60px 0 0 0;
         

}



#wrapper{
	margin: 0 auto 0 auto;
	width: 960px;
	text-align: left;
        top: 161px;
}

#heading{
        float: right;
        h1 {text-align: center}
        padding: 0 0 0 0;
        margin: 35px auto 35px auto;
}


#container{        
	float: right;
	width: 550px;
        margin: 50px auto 10px 10px;
        padding: 50px 50px 0 0;
}
/* 
#footer{
	margin: 0 50px 0 auto;
        clear: both;
	float: right;
	width: 600px;
*/
}