/* 
	Theme Name: OHP'd
	Theme URI: http://divthemes.com/
	Description: Base design port to WP
	Author: thinkdj
	Author URI: http://think.dj/
	Version: 1.0.0
*/

@import url("data/comments.css");

body { font-family: 'Lucida Sans', Georgia, Times, serif; color: #707070; font-size: 12px; font-weight: normal; line-height:1.50em; background:#fff }
a { color:#FF6600; text-decoration:none; border-bottom:1px dotted #bbb }
a:hover{ color:orange }
#outerWrapper { width: 100%; width: 100%; text-align: center; }
#innerWrapper { width: 990px; margin: 0 auto; text-align: left; }

.stdInner { margin: 0 10px; padding: 10px 0; }
.alignleft {float:left}
.alignright {float:right}
.sada {border:0; text-decoration:none; display:block; color: inherit}
.sada1,.nofrills {border:0; text-decoration:none; display:inline; color: inherit}
.sada1 img {border:0}

h1 { _font-family: arial, helvetica, sans-serif; margin: 0; padding: 0; font-size: 14px; font-weight: bold; }
h2 { _font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0; padding: 1.5em 0 .5em 0 }

hr { border: 2px solid #eef1f1; padding: 0; margin: 0; }

#content { padding-top: 1px }
#content_page { padding:20px }
#content_page span { font-weight:bold; color:#DF9300 }
#content_page a { text-decoration:none; border-bottom:1px dotted; color:#777}
#content_page a:hover {color:#DF9300}

/* Header */
#header { margin-top: 5px; height: 85px; border-bottom:2px solid #EEF1F1; background: #FFF; margin-bottom: 10px}
#header #logo { float: left; width: 210px; margin-left: 10px; }
#header .description { position: absolute; left: -2000px; }
#header a { border:0 }

/* Nav */
#header #navigation { float: right; width: 700px; text-align: right; padding-top: 0px }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; width: 700px; float: right  }
#nav a { display: block; text-decoration: none; font-size: 15px; padding:40px 5px 5px 5px; background:#FFF}
#nav a:hover, #nav li .selected { color: #FFF; background: #ED9F08 }
#nav li { float: right; margin-right: 10px;}
#nav .cart { background: url(data/shopping_cart_small.png) no-repeat left bottom; padding-left:40px; float:rigt;}
#nav .cart:hover { background: #ED9F08 url(data/shopping_cart_small.png) no-repeat left bottom; color: #FFF;}
#nav .activate { background: url(data/tick-32.png) no-repeat left bottom; padding-left:30px; }
#nav .activate:hover { background: #ED9F08 url(data/tick-32.png) no-repeat left bottom; color: #FFF;}
#nav li img { border:0; padding-right:5px; }
#nav li ul { position: absolute; width: 10em; left: -999em; }
#nav li li { background-color: #eef1f1; padding: .5em; width: 10em; }
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* Footer */
#footer { padding: 20px 0; color:#9F9F9F; border-top: 1px dotted #c0c0c0; width:auto }
#footer p { margin: 0; padding: 0; float: left; background:url(data/ohp-footer.png) no-repeat left; padding-left: 90px}
#footer a { font-size: 10px; _font-family: verdana, arial, helvetica; color: #333; text-decoration:none; }
#footer a:hover { color: #777; text-decoration:none; }
#footer ul { margin: 0; padding: 0; float: right;}
#footer li { float: left; list-style-type: none; margin-right: 2em; }

/* Homepage */
#placeholder-content { float: left; width: 75%; text-align:justify }
#placeholder-sidebar  { background-color: #f8f8f8; float: left; width: 24%; -moz-border-radius:5px; border-radius:5px }

#placeholder-content_top { margin-bottom: 20px; font-size: 14px; }
#placeholder-content_bottom { padding-bottom: 10px; min-height: 100px; }
#placeholder-content_bottom div { width: 44%; float: left; margin-left: 2%; background: url(data/gradient.png) repeat-x bottom; padding:6px; border:1px dotted #ddd }
#placeholder-content_bottom div img { float: right; margin: 0 5px 5px 10px; border: 0; margin-top:-5px}
#placeholder-content_bottom .ulclass { padding-left:28px; color:#333; margin-top:-4px }

#placeholder-sidebar div { min-height: 50px; }
#placeholder-sidebar h2  { padding-top: .1em; }
#placeholder-sidebar p   { padding: 0; margin: 0; }
#placeholder-sidebar .announcements, #placeholder-sidebar .sidebarBlock, #placeholder-sidebar .call
{ border-bottom: 1px dotted #909090; margin-bottom: 10px; padding-bottom: 10px;  }

#placeholder-sidebar .announcements { background: url(data/announcements.gif) no-repeat top left;  }
#placeholder-sidebar .sidebarBlock {  background: url(data/people.gif) no-repeat top left; _font-family: arial, helvetica, sans-serif; text-align:left }
#placeholder-sidebar .sidebarBlock span {font-size:15px;font-weight:bold; color:#FF7114}
#placeholder-sidebar .sidebarBlock input { width: 160px; color: #4B4C4E; border:1px solid white; margin-top: 4px; }
/* #placeholder-sidebar .sidebarBlock input:hover { border: 1px solid #CCC; } */
#placeholder-sidebar .sidebarBlock .submit { width: 50px }
#placeholder-sidebar .call { background: url(data/phone.gif) no-repeat top left; color: #34715a; font: 16px arial, helvetica, sans-serif; font-weight: bold; }
#placeholder-sidebar .email { background: url(data/email.gif) no-repeat top left; }

#placeholder-sidebar p {text-align:justify}

#placeholder-comments input { width: 300px  }
#placeholder-comments textarea { }
#placeholder-comments textarea,input { border: 1px solid #ccc; color:#333  }
#placeholder-comments textarea:hover,input:hover { border: 1px solid #999  }

.announcements div, .sidebarBlock div, .call div, .email div { margin-left: 10px; float: left; width: 85%; }
.announcements ul { margin: 0; padding: 0; }
.announcements li { list-style-type: none; padding: .5em 0; }

.aPost { border-bottom:1px dotted #c0c0c0; padding:5px 5px 15px 5px; margin-bottom:6px }

.alignleft { float:left }
.alignright { float:right }


.dated { color:#999; font-size:17px; font-weight:normal; float:left; width:60px; text-transform: uppercase; text-align:center; 
font-family: Georgia,"Times New Roman",Times,serif;
}
.dateDay { font-size: 30px }
.meta, .meta a { color:#999; font-size:12px; font-weight:normal; border:0 }
.meta a:hover {color:#333} 
.storytitle a{ font-size: 24px; text-decoration:none; font-weight:bold; color:#FF6600; border:0 }
.storytitle a:hover{ color:#CF6A26 }
.bigText { font-size: 20px; margin-top: 11px; position: absolute }
.sidebarBlock h2 { font-weight: bold; color:#FF6600 }

.hidden { display:none }

span.quoted { font-size: 30px; float:left; font-family: Tahoma; margin-right:10px }
a#dontClick { display:block; height: 50px; border:1px solid #fff }
a#dontClick:hover { color:#ff6600;  border:1px solid #f9f9f9; background:#fefefe }

.ptr { cursor:pointer }


#dontClickdiv img { margin-top: -60px }

/* Sidebar */
#sidebar {  float: left; width: 22%; font-size: 11px; }
#sidebar.gray { background-color: #eef1f1; }
#sidebar li { list-style-type: none; padding: 1em 0; font-size: 12px; }
#sidebar li li { list-style-type: disc; border: 0; padding: .5em 0; font-size: 11px; }
#sidebar a { text-decoration: none }

.narrowcolumn { float: right; width: 76%; }
#content_inner { float: left; width: 70%; }
#call-out { float: right; width: 24%; background-color: #eef1f1; text-align: center; font-weight: bold; color: #34715a; font-size: 16px; _font-family: arial, helvetica, sans-serif; }
#call-out div { padding: .5em 0; margin: 5px 0; }

/* Posts */
.post-date { text-align: right; }
#press-logos { padding: 1em 0; }
#cblogo { width: 50%; float: left; }
#personifiedlogo { width: 50%; float: right; text-align: right; }
ul.press li { list-style-type: none; padding: .5em 0; }

/* Forms */
form .cols { width: 95%; }
form .cols .col { width: 50%; float: left; }
form label { display: block; }
form input, form textarea, form select { width: 95%; }
form ul.guides { margin: 0; padding: 0; }
form .guides li { list-style-type: none; float: left; width: 48%; }
form .guides img { width: 200px; height: 256px; }
form .checkboxes { margin: 0; padding: 0; }
form .checkboxes li { list-style-type: none; clear: both; }
form .checkboxes label { float: left; }
form .checkboxes input, form .guides input { width: 20px; float: left; }

fieldset { margin-bottom: 15px; padding: 10px 5px; }
fieldset.form_buttons { border: 0; }
fieldset.form_buttons li { list-style-type: none; }



/* Clearing Classes */
.clear { clear: both; height: 1px; overflow: hidden; }

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

/* JCK - added this to remove the extra spacing in Safari and Firefox */
.clearfix:after { line-height: 0; }
.clearfix { display: inline-table; }

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

/* End hide from IE-mac */


/* End Clearing Classes */


/* jQuery Overlay : the overlayed element */ 
div.overlay { 
    background-image:url(data/white.png); 
    width:500px; 
    height:350px;         
    display:none; 
    padding:55px; 
} 
 
div.overlay div.close { 
    background-image:url(data/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(data/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(data/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}


.rounded 
 {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	/* border-radius: 4px; */ 
 }

.morerounded
 {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	/* border-radius: 8px; */ 
 }