/* CSS Document */
/* -----------------------------------------------------------------------------------------------------------------

Client: Ocasta Labs
URL: http://www.ocastalabs.com/
Date: 12/01/2010
Description:
Version: 1.0

Author: Lewis Dexter Litanzios
Author URI: http://www.simpleweb-online.com/

Tags:
Theme Name: Simple Web
Theme URI:

Visual design copyright 2009 http://www.ocastalabs.com/. All Rights Reserved.


1. DEFAULTS (Resets)

2. BASIC

3. LINKS & NAVIGATION

4. LAYOUT

5. TYPOGRAPHY

6. COLOUR

7. FORMS

8. TABLES

9. OTHER (Comment these as explicitly and extensively as possible)

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





/* 1. DEFAULTS (Resets)
----------------------------------------------------------------------------------------------------------------- */

/* 2. BASIC
----------------------------------------------------------------------------------------------------------------- */
hr{display:none;}

.entry abbr{border-bottom:#999 1px dashed;}
.entry acronym{border-bottom:#999 1px dotted;}

.entry strong{font-weight:700;}
.entry em{font-style:italic;}
.entry ol,.entry ul{padding:1em;}
.entry ol li{list-style:decimal;}
.entry ul li{background:url(images/ocastaLabs-arrow-pixy.png) left -146px no-repeat;padding:0 0 0 2em;}
.entry li{line-height:2em;}
.entry blockquote{font-size:1.3em;font-style:italic;padding:.5em 1em;}
.entry blockquote p:before{content:'" ';}
.entry blockquote p:after{content:' "';}

.entry img{border:#BC3631 5px solid;margin:1em 0 0;}


/* 3. LINKS & NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
a:link{color:#BC3631;text-decoration:none;}
a:visited{color:#BC3631;text-decoration:none;}
a:hover{color:#BC3631;text-decoration:underline;}
a:active{color:#BC3631;text-decoration:underline;}

.nav-skiplinks a{color:#FFF;}

.nav-main ul li a{border:#FFF 1px solid;}
.nav-main ul li a:link{color:#231F20;text-decoration:none;}
.nav-main ul li a:visited{color:#231F20;text-decoration:none;}
.nav-main ul li a:hover{-moz-border-radius:0 0 .5em .5em;-webkit-border-bottom-left-radius:.5em;-webkit-border-bottom-right-radius:.5em;background-color:#A8A9AD;background:rgba(168,169,173,0.15);border-color:#A8A9AD 1px solid; border:rgba(168,169,173,0.5) 1px solid;border-radius:.5em;color:#BC3631;text-decoration:none;}
.nav-main ul li a:active{color:#BC3631;text-decoration:underline;}

.nav-main ul li.current_page_item a{-moz-border-radius:0 0 .5em .5em;-webkit-border-bottom-left-radius:.5em;-webkit-border-bottom-right-radius:.5em;background-color:#A8A9AD;background:rgba(168,169,173,0.15);border-color:#A8A9AD;border:rgba(168,169,173,0.5) 1px solid;border-radius:.5em;color:#BC3631;text-decoration:none;}

.nav-main ul ul li a:link{background:none;border:none;color:#231F20;text-decoration:none;}
.nav-main ul ul li a:visited{background:none;border:none;color:#231F20;text-decoration:none;}
.nav-main ul ul li a:hover{background:url(images/ocastaLabs-arrow-pixy.png) left -148px no-repeat;background-color:transparent;border:none;color:#BC3631;text-decoration:none;}
.nav-main ul ul li a:active{background:none;border:none;color:#BC3631;text-decoration:underline;}

.nav-main ul ul li.current_page_item a{background:url(images/ocastaLabs-arrow-pixy.png) left -148px no-repeat;background-color:transparent;border:none;color:#BC3631;text-decoration:none;}


/* 4. LAYOUT
----------------------------------------------------------------------------------------------------------------- */
#page{margin:0 auto;width:974px;}

.nav-skiplinks{background-color:#A8A9AD;border:#666 1px solid;display:block;left:0;padding:1em 0;position:fixed;text-align:center;top:0;visibility:hidden;width:100%;z-index:9999;}
.nav-skiplinks a{outline:none;}
.nav-skiplinks a[href*=content]{background:url(images/ocastaLabs-arrow-pixy.png) right -310px no-repeat;float:left;padding:0 16px 0 0;text-align:right;width:50%;}
.nav-skiplinks a[href*=login]{float:right;padding:0 2em 0 0;text-align:right;width:33%;}
		
#headerimg{padding:4em 0 0;}
		
#branding-logo a{background:url(images/ocastaLabs-branding-logo.gif) left top;display:block;height:61px;outline:none;text-indent:-9999em;width:260px;}
.branding-description{visibility:hidden;}

.nav-main{margin:-5em 0 0 300px;position:absolute;width:475px;}
.nav-main ul li{float:left;}
.nav-main ul li a{outline:none;padding:6em .66em 1em;}
.nav-main ul ul{position:relative;top:-5em;}
.nav-main ul ul li{clear:both;float:left;text-align:center;width:100%;}
.nav-main ul ul li a{display:block;padding:.5em;}

#header .vcard{float:right;margin:-10em 0 0;text-align:right; display:none;}
#header .vcard .email{display:block;}

#content{overflow:auto;}

#content-primary{float:left;padding:1em 1em 3em;width:66%;}

/* homepage */
.page-id-4 #content-primary{ display:none;}

#content-secondary{float:right;padding:1em 1em 3em;width:25%;}

.nav-section ul ul li{background:url(images/ocastaLabs-arrow-pixy.png) left -146px no-repeat;line-height:2em;padding:0 0 0 24px;}
.nav-section ul ul li:hover{background:url(images/ocastaLabs-arrow-pixy.png) 5px -146px no-repeat;}

/* services page */
.page-id-7 .nav-section ul li{background:url(images/ocastaLabs-arrow-pixy.png) left -146px no-repeat;line-height:2em;padding:0 0 0 24px;}
.page-id-7 .nav-section ul li:hover{background:url(images/ocastaLabs-arrow-pixy.png) 5px -146px no-repeat;}

/* products page */
.page-id-9 .nav-section ul li{background:url(images/ocastaLabs-arrow-pixy.png) left -146px no-repeat;line-height:2em;padding:0 0 0 24px;}
.page-id-9 .nav-section ul li:hover{background:url(images/ocastaLabs-arrow-pixy.png) 5px -146px no-repeat;}

.content-news-primary{float:left;padding:0 1em;width:66%;}
.wp-caption-text{background-color:#BC3631;color:#FFF;font-size:.91em;font-weight:700;margin:-.5em 0 0;padding:1em;text-align:right;}
.content-news-primary .entry h3{-moz-border-radius:0 .33em .33em 0;-webkit-border-bottom-right-radius:.33em;-webkit-border-top-right-radius:.33em;background-color:#231f20;border-radius:0 .33em .33em 0;color:#FFF;font-style:italic;font-weight:700;margin:-4.5em 0 0;padding:.33em 1em;position:absolute;z-index:1;}
.content-news-primary .entry h3 a{color:#FFF;}

.content-news-secondary{float:left;padding:1em 1em 0;width:25%;}
.content-news-secondary li{background:url(images/ocastaLabs-arrow-pixy.png) left -150px no-repeat;padding:0 0 .5em 24px;}
.content-news-secondary li:hover{background:url(images/ocastaLabs-arrow-pixy.png) 5px -148px no-repeat;}
.content-news-secondary small{-moz-border-radius:.33em;-webkit-border-bottom-left-radius:.33em;-webkit-border-bottom-right-radius:.33em;-webkit-border-top-left-radius:.33em;-webkit-border-top-right-radius:.33em;background-color:#BC3631;border-radius:.33em;color:#FFF;display:none;margin:-7em 0 0 14em;padding:1em;position:absolute;}
.content-news-secondary li:hover small{display:block;}

.postPublished{font-size:.73em;}

.readMore a{display:block;padding:1em;text-align:center;}

/* homepage */
.page-id-4 .content-news-secondary .readMore a:hover{background:url(images/ocastaLabs-arrow-pixy.png) 150px -140px no-repeat;}
.page-id-4 .content-news-item .readMore a:hover{background:url(images/ocastaLabs-arrow-pixy.png) 135px -140px no-repeat;}

.content-news-item{clear:both;padding:1em 0 0;}
.content-news-item li{float:left;padding:1em;width:20%;}

#footer{clear:both;}

/* contact page */
#footer .nav-section{ display:none;} /* footer's .nav-section only want	ed on contact page */
.page-id-15 #footer .nav-section{overflow:auto; border-top:#CCCCCC 1px solid; display:block;} /* footer's .nav-section only wanted on contact page */

#footer .nav-section .vcard{float:left;line-height:2em;padding:1em;width:25%; display:none;}
#footer .nav-section .contact{float:left;padding:1em;width:40%;}
#footer .nav-section .nav-external{float:right;padding:1em;width:25%;}

.siteinfo{clear:both;font-size:1.2em;padding:1em 1em 3em;}

.nav-external li{background:url(images/ocastaLabs-arrow-pixy.png) left -146px no-repeat;line-height:2em;padding:0 0 0 24px;}
.nav-external li:hover{background:url(images/ocastaLabs-arrow-pixy.png) 5px -146px no-repeat;}

.siteinfo-legal{float:left;}
.siteinfo-supplementary{float:right;}

.commentlist .depth-1{padding:0 0 0 2em;}
.commentlist .depth-2,.commentlist .depth-3,.commentlist .depth-4,.commentlist .depth-5{border-left:1px #CCC solid;padding:0 0 0 2em;}
.comment-body,.comment-body .comment-body,.comment-body .comment-body .comment-body,.comment-body .comment-body .comment-body .comment-body,.comment-body .comment-body .comment-body .comment-body .comment-body{padding:1em 0;}
.comment-author + em{float:right;}


/* 5. TYPOGRAPHY
----------------------------------------------------------------------------------------------------------------- */
.nav-skiplinks a[href*=content]{font-weight:700;}
.nav-skiplinks a[href*=login]{font-size:1.5em;}
.nav-main ul li{font-size:1.2em;font-weight:700;text-transform:uppercase;}
.nav-main ul ul li{font-size:.75em;font-weight:400;text-transform:lowercase;}
.vcard .email{font-size:1.2em;font-style:italic;font-weight:700;}
.vcard .tel{font-size:1.5em;font-style:italic;font-weight:700;}
#content h4,#footer h4{font-size:1em;font-weight:700;}
.wp-caption-text{font-size:.91em;}
.content-news-secondary li{font-size:1.2em;font-style:italic;}
.readMore{font-size:.91em;font-weight:700;}


/* 6. COLOUR
----------------------------------------------------------------------------------------------------------------- */
.wp-caption-text{background-color:#BC3631;color:#FFF;}


/* 7. FORMS
----------------------------------------------------------------------------------------------------------------- */
form input,form textarea{-moz-border-radius:0 .33em .33em 0;-webkit-border-bottom-right-radius:.33em;-webkit-border-top-right-radius:.33em;border:#999 1px solid;border-radius:0 .33em .33em 0;font-family:Helvetica, Arial, sans-serif;font-size:1.5em;font-style:italic;padding:0.5em 0.5em;}
form input[type=submit]{width:auto;}

#searchform{float:right;margin:-6em -30px 0 0;}
#search label{clear:both;display:none;}
#s{-moz-border-radius:.33em 0 0 .33em;-webkit-border-bottom-left-radius:.33em;-webkit-border-top-left-radius:.33em;background-color:#000;border:none;border-radius:.33em 0 0 .33em;color:#FFF;display:block;float:left;text-align:right;width:10em;}
#search #searchsubmit{background:url(images/ocastaLabs-searchsubmit-pixy.png) left top no-repeat;border:none;float:left;height:25px;margin:0 0 0 2px;position:relative;text-indent:-9999em;top:5px;width:25px;}
#search #searchsubmit:hover{background:url(images/ocastaLabs-searchsubmit-pixy.png) left bottom no-repeat;cursor:pointer;}


/* 8. TABLES
----------------------------------------------------------------------------------------------------------------- */

/* 9. OTHER (Detail these as explicitly and extensively as possible)
----------------------------------------------------------------------------------------------------------------- */