/*
Theme Name: cogburnbros.com
Theme URI: http://cogburnbros.com
Description: Cogburnbros.com WordPress Theme
Version: 2
Author: Ryan Burnette
Tags: 
*/
/* general */
* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
html,
body { height: 100% }
body { background: url(images/background.jpg) 0 0 repeat }
.wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -20px;
}
/* typeography */
h1 { }
h2 {
    font: 24px/28px Georgia, serif;
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 0 0 12px;
    letter-spacing: -1px;
    text-shadow: 1px 1px #000;
    display: block;
    border-bottom: 1px solid #aaa;
}
h2 a {
    color: #fff;
    text-decoration: none;
}
h2 a:hover {
    color: #cacaca;
    text-decoration: underline;
}
h3 {
    font: 18px/24px Georgia, serif;
    font-weight: bold;
    color: #fff;
    margin: 0 0 10px;
    display: block;
    border-bottom: 1px solid #ff0000;
}
.rightcol h3 {
    font: 16px/16px Georgia, serif;
    font-weight: bold;
    color: #fff;
    padding: 8px 0 0 4px;
}
h4 { }
p {
    font: 13px/20px Georgia, serif;
    color: #fafafa;
    padding: 0 0 10px;
}
.leftcol ol,
.leftcol ul {
    font: 13px/20px Georgia, serif;
    color: #eee;
    padding: 0 0 10px;
}
.leftcol ol li {
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0 0 0 10px;
}
.leftcol p a,
.leftcol ul a {
    text-decoration: none;
    border-bottom: 1px solid #aaa;
    color: #fff;
}
.leftcol p a:hover,
.leftcol ul a:hover {
    border: none;
    background: #fff;
    color: #000;
}
a:active { }
.header .hinfo {
    color: #ddd;
    font: 15px/18px Georgia, serif;
}
.header .hinfo a {
    text-decoration: none;
    color: #ddd;
}
.header .hinfo a:hover { color: #fff }
small {
    display: block;
    padding: 0 0 12px 0;
    font: 10px/14px Courier, serif;
    color: #dadada;
}
small a {
    color: #888;
    text-decoration: none;
}
small a:hover { color: #ff0000 }
/* content */
.header {
    position: relative;
    width: 927px;
    height: 133px;
    margin: 0 auto;
    background: url(images/header-background.png) 0 72px no-repeat;
}
.header .h {
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 251px;
    height: 125px;
    background: url(images/cogburnbros-logo.png) 0 0 no-repeat;
    text-indent: -1000em;
}
.header .hinfo {
    display: block;
    position: absolute;
    right: 21px;
    top: 40px;
    width: 527px;
    height: 25px;
    text-align: center;
}
.splash {
    position: relative;
    display: block;
    width: 927px;
    height: 278px;
    margin: 0 auto;
    background: url(images/splash-background.png) 0 0 no-repeat;
    text-indent: -1000em;
}
.slideshow {
    position: absolute;
    top: 8px;
    left: 34px;
    width: 860px;
    height: 250px;
}
.container {
    position: relative;
    width: 880px;
    /* min-height: 500px; */
    margin: 0 auto 12px;
}
.leftcol {
    float: left;
    width: 604px;
    /* min-height: 300px; */
    margin: 0 0 12px 2px;
    padding: 10px 0 0;
    /* border: 1px solid #7a7a7a; */
    background: none;
    border-bottom: 3px double #aaa;
}
/* about page */
.aboutpage ul {
    display: block;
    width: 173px;
    float: left;
    padding: 7px;
    margin: 0 10px 10px 0;
    background: none;
}
.aboutpage ul li.name {
    font: 15px/15px Georgia, serif;
    font-weight: bold;
    color: #fff;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 0 0 2px;
    margin: 8px 0 7px;
}
/* sidebar */
.rightcol {
    float: right;
    width: 233px;
    margin: 0 2px 12px 0;
}
a.electrical-button {
    display: block;
    text-indent: -1000em;
    width: 231px;
    height: 85px;
    margin: 0 0 12px;
    background: url(images/electrical-button.png) 0 -85px no-repeat;
    border: 1px solid #7a7a7a;
}
a.electrical-buttonno { display: none }
a.electrical-button:hover { background: url(images/electrical-button.png) 0 0 no-repeat }
a.mechanical-button {
    display: block;
    text-indent: -1000em;
    width: 231px;
    height: 85px;
    margin: 0 0 12px;
    background: url(images/mechanical-button.png) 0 0 no-repeat;
    border: 1px solid #7a7a7a;
}
a.mechanical-buttonno { display: none }
a.mechanical-button:hover { background: url(images/mechanical-button.png) 0 -85px no-repeat }
.h3wrap {
    display: block;
    width: 231px;
    height: 34px;
    background: url(images/sidebar-h3-background.png) 0 0 repeat-x;
    border-top: 1px solid #7a7a7a;
    border-left: 1px solid #7a7a7a;
    border-right: 1px solid #7a7a7a;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.login-area {
    display: block;
    width: 231px;
    background: url(images/leftcol-background.png) 0 0 repeat-x #f9fbfb;
    border-bottom: 1px solid #7a7a7a;
    border-left: 1px solid #7a7a7a;
    border-right: 1px solid #7a7a7a;
    overflow: hidden;
    padding: 0;
    margin: 0 0 12px;
}
.login-area ul { width: 231px }
.login-area ul li,
#login_error {
    font: 13px/13px Georgia, serif;
    color: #333;
}
#login_error { padding: 4px }
.login-area ul li a {
    display: block;
    padding: 5px;
    width: 221px;
    text-decoration: none;
    border-bottom: 1px dotted #7a7a7a;
    color: #000;
}
.login-area ul li a:hover {
    background: #ccc;
    color: #ff0000;
}
/* navigation */
.nav {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 2px;
    width: 527px;
    height: 16px;
    text-align: center;
}
.nav li {
    display: inline;
    padding: 0 13px;
    font: 15px Georgia, serif;
    font-weight: bold;
}
.nav li a {
    text-decoration: none;
    color: #fff;
    text-shadow: 2px 1px #000;
}
.nav li a:hover { color: #aaa }
/* sidebar login */
.widget_wp_sidebarlogin span { display: none }
.widget_wp_sidebarlogin p {
    font: 11px/14px Georgia, serif;
    color: #777;
    padding: 10px 0 2px 4px;
}
.widget_wp_sidebarlogin p input {
    font: 12px/12px Georgia, serif;
    color: #000;
    padding: 1px 4px;
    width: 200px;
    border: 2px solid #888;
}
.widget_wp_sidebarlogin p.rememberme {
    font: 12px/12px Georgia, serif;
    display: inline;
    height: 10px;
    padding: 4px 0 0;
    margin: 0;
}
.widget_wp_sidebarlogin form p input#rememberme { width: 30px }
#wp-submit {
    width: 90px;
    margin: 0 0 7px;
}
.sidebarlogin_otherlinks a { display: none }
/* blog elements */
/* forms */
.forms {
    background: none repeat scroll 0 0 #6A6A6A;
    border: 2px dashed #EAEAEA;
    margin: 10px 0 20px;
    padding: 20px;
    position: relative;
}
html body div.wrap div.container div.leftcol .wpcf7 form.wpcf7-form div.wpcf7-response-output {
	background: none repeat scroll 0 0 #000000;
	border: 2px dashed #FF0000;
	color: #EAEAEA;
	font: 18px/18px Georgia,serif;
	margin: -15px 0 20px;
	padding: 20px;
	width: auto;
}
html body div.wrap div.container div.leftcol .wpcf7 form.wpcf7-form div.forms p span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
	color: #ff0000;
}
/* footer */
.footer {
    height: 20px;
    width: 875px;
    margin: 0 auto;
    font: 9px/12px Lucida Grande, Helvetica, Calibri, sans-serif;
    color: #fff;
    position: relative;
}
.footer .citation {
    position: absolute;
    bottom: 2px;
    left: 2px;
}
.footer a {
    text-decoration: none;
    color: #fff;
}
.footer a:hover { color: #ff0000 }
/* images */
.alignright {
    float: right;
    margin: 0 0 10px 15px;
}
.alignleft {
    float: left;
    margin: 0 15px 10px 0;
}
.wp-caption img,
.alignright img,
.alignleft img { border: 2px solid #fff }
.wp-caption-text {
    text-align: center;
    font: 11px/15px Georgia, serif;
    color: #eaeaea;
}
/* phone list */
.phonelist {
    width: 604px;
    font: 11px/13px Times New Roman,Times,Georgia, serif;
    overflow: hidden;
    margin: 0 0 10px;
    background: #eee;
}
.phonelist-header {
    font-weight: bold;
    border-bottom: 1px solid #000;
}
.phonelist-name {
    font-weight: bold;
    color: #666;
    border-bottom: 1px dotted #000;
    border-right: 1px dotted #000;
    border-left: 1px dotted #000;
}
.phonelist-info {
    border-bottom: 1px dotted #999;
    border-right: 1px dotted #999;
}
.phonelist-email { }
/* misc */
.push { height: 20px }
.clear { clear: both }
:focus { outline: 0 }
.screen-reader-text { display: none }
.map {
    float: right;
    width: 414px;
    height: 350px;
    border: 2px solid #333;
    margin: 0 0 15px;
}