/* Global
----------------------------------------------- */



/* Structure
----------------------------------------------- */

body { font-family: serif;}


#topper { background:#fff; border-bottom:2px solid #B4D5FE; }

#wrapper { background-image:url('/wp-content/themes/ocupop/images/headers/HDR_001big.jpg'); background-repeat: no-repeat; background-position: top center;}

#container { width:1024px; margin:0px auto; background:#ffffff; height:100%;  }

#topNav { width:910px; margin:0px auto;  background:#fff; padding:6px 57px 4px 57px; font-family: sans-serif; }

#header { height:200px; background:#000; }

.singleCol { padding:0 57px; }

#intro { padding:30px 57px 0 57px; }

#leftFifty { display:inline; float:left; width:433px; margin:0 0 0 57px; padding:0 16px 0 0; }

#rightFifty { display:inline; float:right; width:433px; margin:0 57px 0 0px; padding:0 16px 0 0;}

#leftInt { display:inline; float:left; width:666px; margin:0 0 0 57px; padding:0 0 0 0; }

#rightInt { display:inline; float:right; width:204px; margin:0 57px 0 0px; padding:0 16px 0 0;}

.story { border-top:1px solid #666; width:680px; padding:15px 0 0 0; margin:0;  }

.storyFront { border-top:1px solid #666; padding:15px 0 0 0; margin:0;  }

#footer { margin:32px 57px 32px 57px; padding: 32px 0; border-top:1px solid #666; background-image:url('/wp-content/themes/ocupop/images/wordmark.jpg'); background-repeat: no-repeat; background-position:0 32px; }


/* Type
----------------------------------------------- */

p { font-family: sans-serif; font-size:12px; color:#666; margin:0 0 20px 0; line-height:16px; }

#intro p { font-size:18px; line-height:22px; color:#C3C3C3; }

h2 { font-size:36px; color:#383838; padding:0 0 15px 0; font-weight:bold;}

h3 { font-size:24px; color:#383838; padding:8px 0; font-weight:bold;}


h4 { font-size:14px; color:#383838; padding:8px 0; font-weight:bold;}

#footer { font-family: sans-serif; font-size:12px; color:#666; }

#L2sidebar h2 { font-size:24px; border-top:1px solid #666; border-bottom:1px solid #666; padding:10px 0; margin-bottom:10px; }

#L2sidebar h3 { font-size:16px; border-bottom:1px solid #666; margin-bottom:10px; }

.disHead { border-top:1px solid #666; border-bottom:1px solid #666; margin-top:30px; margin-bottom:30px; font-size:30px;}

/* Lists
----------------------------------------------- */

#topNav ul {  }

.story li { font-family: sans-serif; font-size:12px; color:#666; margin:0 0 20px 20px; line-height:16px; }

.listNoGap li  { margin:0 0 0 20px; line-height:16px; }

.listNoGapNoPad li  { margin:0 0 0 0px; line-height:16px; }

#topNav li { display:inline; font-size:12px; padding:4px; margin:0 10px 0 0; }

#footer li { padding:0 0 6px 0; }

#L2sidebar ul { padding-left:15px; font-size:12px; }

#L2sidebar ul li { padding-bottom:10px; font-size:12px; font-family: sans-serif; }

/* Nav
----------------------------------------------- */

a { font-weight:bold; color:#383838; text-decoration:none; }

a:hover { background:#B4D5FE; }

#topNav a { padding:4px; }

#topNav a:hover { background:#B4D5FE; }



/* Forms
----------------------------------------------- */

/* Tables
----------------------------------------------- */

td { vertical-align: top; }

#pricesheet { margin:0; border:0; }

#priceHeader { margin-bottom: 8px; }

.leftyPrice {border:0; width:224px; padding:0; vertical-align: top;  }

.leftyPrice p {padding:0 20px 0 0; }

#leftPriceHeader h3 { border-top:1px solid #666; border-bottom:1px solid #666;font-size:24px; color:#383838; padding:8px 0; font-weight:bold; width:216px;  }

#leftPriceFirst p { padding-top:10px;}

.rightyPrice { padding:0; margin:0; border:0; width:224px; vertical-align: top;}

#rightPriceHeader h3 { border-top:1px solid #666; border-bottom:1px solid #666; font-size:24px; color:#383838; padding:8px 0; font-weight:bold; }

#rightPriceFirst p { padding-top:10px;}

#clientShowcase { margin:0; padding:0; border:0; }

#clientShowcase tr td { padding-bottom:10px; }

.clientDesc p { margin:0 0 0 12px; }

.clientDesc h3 { margin:0 0 0 12px; padding:0 0 8px 0; }

#lfoot { width:227px; }

#lmfoot { width:243px; }

#rmfoot { width:221px; }

#rfoot { width:228px; }

/* Images
----------------------------------------------- */

.cases { clear: both; height:145px; }

.cases h3 { padding-top:0; }

.cases img { float:left; padding:0 10px 10px 0; }

/* Blog
----------------------------------------------- */

.post { margin-bottom:40px;}

.post h2 { font-size:36px; color:#383838; padding:0; margin:0 0 2px 0; font-weight:bold;}

.posthead { background:#F3F3F3; padding:16px 12px; border-bottom:1px solid #666; border-top:1px solid #666; margin-bottom:20px;  }

.posthead p  { margin:0; padding:0; }

.entry { padding:0 12px; }


/* Contact Form

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

form#ocucontact legend {display:none; }

form#ocucontact label {display:block; margin:0; padding:0; margin-bottom:2px;}
 }

form#ocucontact fieldset {border:0; margin:0; padding:0; }

form#ocucontact fieldset ol {list-style-type:none; border:0; margin:0; padding:0; }

form#ocucontact fieldset li {list-style-type:none; border:0; margin:0; padding:0; margin-bottom:20px;}

/* Testimonials

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

.testify { margin-bottom:50px;}


.testify p  { font-style: italic; margin-bottom:12px; }

p.testifier  { font-style: normal; font-weight:bold; }


/* Misc
----------------------------------------------- */

#hideMe { display:none; }