/*
Theme Name: MTR Services
Theme URI: http://www.mtrservices.com
Version: 3
Author: Austin Condiff
*/

/*RESET*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; outline: none; }

/*FONT*/
@font-face { font-family: 'TitilliumText14LRegular'; src: url('style/fonts/TitilliumText250wt.eot'); src: local('TitilliumText14L Regular'), local('TitilliumText14L-Bold'), url('style/fonts/TitilliumText1.ttf') format('truetype'); }

/* LAYOUT */
body { background: url(style/images/bg.png) repeat-x #0a0a0a ; font-family: Arial, Helvetica, Futura, sans-serif; font-size: 12px; padding:0; margin:0; color:#aaa; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font: 18px/27px 'TitilliumText14LRegular', Arial, sans-serif; color:#fff; line-height: 1em; padding-bottom: .3em; text-align: left; text-decoration: none; text-transform: lowercase; outline:none; }
a, h1 a, h2 a, h3 a, h4 a { color:#fff; text-decoration: none; outline: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, a:hover, a:active, a:focus { color: #00c0ff; }
h1, h1 a { font-size: 36px; }
h2, h2 a { font-size: 24px; }
h3, h3 a { font-size: 21px; }
h4, h4 a { font-size: 18px; }
.side { vertical-align:bottom; display:inline }
.article p, .post p { color: #999; }
span.blue { color: #00c0ff; }
input:text { border: 3px solid #cccccc; margin: 5px; font-family: Tahoma, sans-serif; }
.pagewrap {  margin:0 auto;  width:980px; z-index: 2; } 
#header { height:150px; position: relative; }
#logo { height:150px; width:173px; float:left; background: url(style/images/logo.png) no-repeat; margin-left: 24px; } 
#logo a { height:150px; width:173px; display:block; text-indent: -1999px; overflow: hidden; }	
ul#nav { margin:0 10px; padding: 0; position:absolute; top:0; right:0; z-index:9; }
ul#nav li{ padding: 0px; margin:0 10px 0 0; list-style:none; display:inline; float:left; }
ul#nav li a{ display: inline-block; width: 115px; padding:35px 0 10px 0; white-space:nowrap; text-align:center; text-decoration:none; color:#fff; text-transform:lowercase; background: url(style/images/tab.png) bottom center; font-size: 15px;  }
ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus { color: #00c0ff; }
ul#nav li a span { display:inline-block; height:0px; overflow:hidden; }
ul#nav li.current_page_item a { color: #00c0ff; }	
#topcontent { margin:9px; height:250px; background: #111111; }
.leftcol { float:left; font-size: 12px; width:350px; line-height: 2em; padding:25px; }
#topcontent p.edit { float:left; font-size: 11px; }
#topcontent img { height:250px; float:left; }
#topcontent .post { padding:30px; line-height:2em; }
.leftcol { float: left; }
.rightcol { float:right; }
#topimg { float:right; width:500px; }
#topimg img { width:100%; height:100%; }
.singlecol { line-height:2em; padding:20px 40px; overflow:hidden; } 
#contentbox { clear:both; height:auto; z-index:0; background: url(style/images/contentmiddle.png) repeat-y; }
#contentbgtop { background: url(style/images/contenttop.png) no-repeat; width:980px; height:52px; margin-top:-52px; position:absolute; }
#contentbgbottom { background: url(style/images/contentbottom.png) no-repeat; width:980px; height:16px; }
#contentbox #content { height:auto; }
#contentbox.home #content { height:auto; padding: 25px 45px 25px 45px; overflow:hidden; }
#colwrap { float:left; width: 100%; }
#content p { line-height: 2em; margin-bottom: 15px; }
#content span { margin-bottom: 40px; }
.threecolwrap { clear:both; overflow: hidden; background: #111111; padding-left:25px; margin:0 9px; }
.threecol { float:left; padding: 15px; width:27.4%; background: #1c1c1c; margin: 25px 25px 25px 0; line-height: 1.8em; }
a.threecol { display:block; float:left; padding: 15px; width:27.4%; background: #1c1c1c; margin: 25px 25px 25px 0; line-height: 1.8em; }
.threecolwrap a, .threecolwrap a:hover { color:#aaaaaa; text-decoration: none !important; }
#contentbox .threecol:hover { background: #1f1f1f; }
#content li a img, #content img { border: solid 5px #393939; }
#content li a img:hover { border: solid 5px #393939; }
img.alignleft { margin: 10px 15px 15px 0; }
ul.articles { margin: 0 9px; }
ul.articles li { width: 962px; height:250px; overflow: hidden; position: relative; }
ul.articles li:nth-child(odd) { background: #111; }
ul.articles li .postimg { float:left; position: absolute; top:0px; right:0px; }
ul.articles li .leftcol { position: absolute; top:0px; left:0px; }
#content .postimg img { padding:0px; overflow: hidden; background: none; border: none; }
#content .postimg img:hover { border: none; }
#maincol { width:510px; padding-right: 25px; float:left; margin:10px 0 0 40px; }
#sidecol { width:338px; float:right; display: inline; margin:10px 40px 0 0; }
#content #news {  clear:both; }
.post p { margin-bottom: 15px; }
#searchbox { margin-bottom: 10px; }
.smimgbg { width: 287px; height: 141px; background: url(style/images/smimgbg.png) no-repeat; margin:-9px 0 5px -11px; }
.frm_pos_left { width:57px; }
.form-field { padding:5px 0 5px 0; }
#submit { margin-left: 33px; width:200px; }
#sidecol ul li ul { border: solid 5px #393939; background: #101010; margin-bottom: 25px; }
#sidecol ul li ul:hover { border: solid 5px #494949; }
#sidecol ul li ul li a { display:block; padding:12px 15px 12px 15px; text-decoration: none; color:#ccc; }
#sidecol ul li ul li a:hover {  color:#fff; background: #1e1e1e; }
#sidecol ul li ul li a { border-top: solid #393939 1px; }
#sidecol ul li ul li a:after { float: right; content: ">"; }
#sidecol ul li.widget h2 { font-size: 36px; }
#postcomments ol li { border: solid #393939 5px; margin-bottom: 15px; background: #101010; }
#comment { padding: 15px; }
h2#comments { margin-bottom: 5px; }
#comment cite { font-size: 16px; font-weight: bold; margin-top: 3px; display: block; }
#comment .commentcontent { clear:both; }
label.frm_pos_left { width: 100px; float: left; text-align: left; margin-right: 0.5em; display: block; }
#footer { color:#dadada; clear:both; margin-top: 5px; margin-bottom: 25px; overflow: hidden; }
#footer a { color:#dadada; }
#footer a:hover { color:#fff; }
#footer.pagewrap {  z-index:1;  position: absolute;  bottom: 0px;  margin-bottom: 30px; }
#rightcol { text-align: right; }
#footer .threecolwrap, #footer .threecol { background: none; }
#footer .pagewrap li, #footer .pagewrap a { position:relative; }
#footer .threecol { margin:15px; padding:0; width: 30%; }
#footer ul li a { display:block; padding:11px; text-decoration: none; }
#footer ul li a:hover { color:#ffffff; background: #1f1f1f; }
#footer ul li a img { margin-right: 7px; margin-bottom: -3px; }
#footer ul li { border-top: solid #555555 1px; }
#footer ul li a:after { float: right; content: ">"; }
#footer p { line-height: 1.75em; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.postheading { padding:30px; width:340px; float:right; }
.postheading h2 { line-height:1.4em; }
#vendors img { float:none; vertical-align: middle; margin: 15px; }
#searchbox h3 { float:left; }
.frm_forms h2 { margin:25px 0 -10px 0; }
.frm_forms input, .frm_forms textarea, .frm_forms select { width: 335px; }
.frm_forms .frm_checkbox, .frm_forms .frm_radio { float:left; margin-right: 15px; }
input[type="radio"], input[type="checkbox"] { margin-right:3px; }
.frm_forms input[type="submit"] { width: 150px; margin: 20px 0 0 160px; }