/*  
Theme Name: Soma
Theme URI: http://www.soma-lifestyle.co.uk/
Description: Custom WP theme for Soma
Author: Tim Holt for SDG
Author URI: http://www.sdgnewmedia.co.uk/
Version: 1.0
*/

/* General */
* { margin: 0; padding: 0; }
body { position: relative; margin: 53px auto 140px auto; width: 975px; font-family: verdana, sans-serif; font-size: 100%; /* Reins in IE text resizing */ color: #726658; }
body.grass { background: #000 url(images/bggrass.jpg) center top no-repeat; }
body.leaves { background: #000 url(images/bgleaves.jpg) center top no-repeat; }
body.blueflowers { background: #000 url(images/bgblueflowers.jpg) center top no-repeat; }
body.rose { background: #000 url(images/bgrose.jpg) center top no-repeat; }
h1, h2, h3, h4, h5, h6 { padding: 8px 0; }
h1 { font-size: 1.1em; }
h2 { font-size: 1em; }
h3, h4, h5, h6 { font-size: 0.9em; }
p { padding: 10px 0; font-size: 0.9em; line-height: 1.3em; }
#main ul, #main ol { padding: 10px 0 10px 23px; }
#main li { padding: 3px 0; font-size: 0.9em; line-height: 1.3em; }
blockquote { }
code { }
a img { border: none; }
a:link { color: #fff; }
a:visited { }
a:hover { }
a:active { }
.alignleft { float: left; padding: 5px 15px 5px 0; }
.alignright { float: right; padding: 5px 0 5px 15px; }
.clearfix { clear: both; }

/* Main */
#main { padding: 40px 48px; background: #E5D3BD; }

/* Header */
#header { color: #fff; }
#header ul.nav { height: 45px; list-style: none; }
#header ul.nav li { float: left; padding-right: 1px; width: 138px; height: 45px; line-height: 45px; text-align: center; background: url(images/bgnavseparator.png) right top repeat-x; }
#header ul.nav li a { display: inline-block; position: relative; left: 0; top: 0; width: 138px; height: 45px; text-align: center; text-decoration: none; background: url(images/bgnav.png) left top repeat-x; color: #414143; }
#header ul.nav li a:hover { text-decoration: underline; }
#header ul.nav li.current_page_item a { background: url(images/bgnav.png) left -45px repeat-x; color: #fff; }

#header .nav li.first_page_item { width: 139px; }
#header .nav li.first_page_item a { width: 139px; }
#header .nav li.first_page_item a span { width: 139px; }
#header .nav li.last_page_item { width: 140px; }
#header .nav li.last_page_item { padding-right: 0; background: none; }
#header .nav li.last_page_item a { width: 140px; }
#header .nav li.last_page_item a span { width: 140px; }

#header .nav li span { display: block; position: absolute; left: 0; top: 0; width: 138px; height: 45px; }
#header .nav li span:hover { cursor: pointer; }
#header .nav li.page-item-3 span { background-position: left top; }
.grass #header .nav li.page-item-3 span { background-image: url(images/bgnav-services1.png); }
.leaves #header .nav li.page-item-3 span { background-image: url(images/bgnav-services2.png); }
.blueflowers #header .nav li.page-item-3 span { background-image: url(images/bgnav-services3.png); }
.rose #header .nav li.page-item-3 span { background-image: url(images/bgnav-services4.png); }
#header .nav li.page-item-6 span { background-image: url(images/bgnav-products.png); background-position: left top; }
#header .nav li.page-item-8 span { background-image: url(images/bgnav-promotions.png); background-position: left top; }
#header .nav li.page-item-10 span { background-image: url(images/bgnav-formen.png); background-position: left top; }
#header .nav li.page-item-12 span { background-image: url(images/bgnav-aveda.png); background-position: left top; }
#header .nav li.page-item-14 span { background-image: url(images/bgnav-soma.png); background-position: left top; }
#header .nav li.page-item-16 span { background-position: left top; }
.grass #header .nav li.page-item-16 span { background-image: url(images/bgnav-contact1.png); }
.leaves #header .nav li.page-item-16 span { background-image: url(images/bgnav-contact2.png); }
.blueflowers #header .nav li.page-item-16 span { background-image: url(images/bgnav-contact3.png); }
.rose #header .nav li.page-item-16 span { background-image: url(images/bgnav-contact4.png); }
#header ul.nav li.current_page_item span { background-position: left -45px; }

h1#pageTitle { margin-bottom: 23px; padding: 0; width: 879px; height: 124px; line-height: 124px; background: #684242; }
h1#pageTitle a { display: block; position: relative; left: 0; top: 0; width: 879px; text-decoration: none; color: #fff; }
h1#pageTitle a span.gilderlevin { display: block; position: absolute; left: 0; top: 0; width: 879px; height: 124px; background: #684242 url(images/bgtitlesmall.gif) left top no-repeat; }
h1#pageTitle a span.gilderlevin:hover { cursor: pointer; }

#home h1#pageTitle { height: 155px; line-height: 155px; }
#home h1#pageTitle a span.gilderlevin { height: 155px; background: #684242 url(images/bgtitle.gif) left top no-repeat; }
#formen h1#pageTitle { background: #716558; }
#formen h1#pageTitle a span.gilderlevin { background: #716558 url(images/bgtitleformen.gif) left top no-repeat; }

#flash { margin: 0 1px 23px 1px; }

#content { background: #684242 url(images/bgcontent.gif) left top no-repeat; }
#formen #content { background: #716558 url(images/bgcontentformen.gif) left 50px no-repeat; }
.post { padding: 20px 28px; height: 463px; color: #fff; }

/* Home */
#home p { font-size: 0.8em; }
#home_content { padding-bottom: 20px; }
#home_content .top { position: relative; background: url(images/bghomecontenttop.png) left top no-repeat; }
#home_content .bottom { padding-bottom: 28px; background: url(images/bghomecontentbottom.png) left bottom no-repeat; }
#home_content .postContent { padding: 25px 162px 0 25px; min-height: 134px; _height: 134px; background: url(images/girl2.png) right bottom no-repeat; }
#home_content .postContent p { padding: 4px 0; }
#home_content h2.postTitle { font-size: 0.9em; text-transform: uppercase; }
#home_content h2.postTitle em { font-size: 1.4em; font-style: normal; }
#home #main .col2 ul { padding-left: 0; list-style: none; }
#home #main .col2 li { padding: 5px 0 5px 23px; font-size: 0.8em; background: url(images/bullet.gif) left center no-repeat; color: #A37545; }
.layout-3 #products_widget .sectionContent, .layout-3 #services_widget .sectionContent, .layout-3 #promotions_widget .sectionContent { padding: 120px 8px 0 8px; height: 145px; }

/* Promotions */
.promotion { position: relative; padding-bottom: 10px; }
.promotion .postContent { padding: 20px 266px 20px 16px; height: 170px; background: #fff; }
.promotion .postContent img { position: absolute; right: 0; top: 0; }
.promotion .postContent img.alignright { padding: 0; }

#products_widget.section, #services_widget.section, #promotions_widget.section { padding-bottom: 20px; }
#products_widget .sectionContent, #services_widget .sectionContent, #promotions_widget .sectionContent { padding: 62px 8px 0 8px; height: 59px; }
#products_widget .sectionContent { background: url(images/bgproducts.gif) left top no-repeat; }
#services_widget .sectionContent { background: url(images/bgservices.gif) left top no-repeat; }
#promotions_widget .sectionContent { background: url(images/bgpromotions.gif) left top no-repeat; }

h2.sectionTitle { position: relative; left: 0; top: 0; height: 50px; }
h2.sectionTitle span.gilderlevin { display: block; position: absolute; left: 0; top: 0; width: 279px; height: 50px; }
h2.servicesTitle span.gilderlevin { background: url(images/bgservicestitle.png) left top no-repeat; }
h2.productsTitle span.gilderlevin { background: url(images/bgproductstitle.png) left top no-repeat; }
h2.promotionsTitle span.gilderlevin { background: url(images/bgpromotionstitle.png) left top no-repeat; }
h2.formenTitle span.gilderlevin { background: url(images/bgformentitle.png) left top no-repeat; }
h2.avedaTitle span.gilderlevin { background: url(images/bgavedatitle.png) left top no-repeat; }
h2.somaTitle span.gilderlevin { background: url(images/bgsomatitle.png) left top no-repeat; }
h2.contactTitle span.gilderlevin { background: url(images/bgcontacttitle.png) left top no-repeat; }
h2.careersTitle span.gilderlevin { background: url(images/bgcareerstitle.png) left top no-repeat; }

a.read_more { display: block; position: relative; left: 0; top: 0; padding: 5px 10px; width: 125px; height: 33px; }
a.read_more span.gilderlevin { position: absolute; left: 0; top: 0; width: 145px; height: 43px; background: url(images/bg_read_more.png) left top no-repeat; }
a.read_more:hover span.gilderlevin { background-position: left -42px; }

a.buy_products { display: block; position: relative; left: 0; top: 0; padding: 5px 10px; width: 288px; height: 32px; line-height: 32px; }
a.buy_products span.gilderlevin { position: absolute; left: 0; top: 0; width: 288px; height: 42px; background: url(images/bgproducts_new.png) left top no-repeat; }
a.buy_products:hover span.gilderlevin { background-position: left -42px; }

a.download_services { display: block; position: relative; left: 0; top: 0; padding: 5px 10px; width: 311px; height: 67px; line-height: 67px; }
a.download_services span.gilderlevin { position: absolute; left: 0; top: 0; width: 311px; height: 67px; background: url(images/bgservices_new.png) left top no-repeat; }
a.download_services:hover span.gilderlevin { background-position: left -67px; }

#contact_form p { padding: 3px 0; }
#contact_form label { display: block; padding: 3px 0; font-size: 0.8em; }
#contact_form input { padding: 3px; width: 300px; background: #AF8C8C; border: 1px solid #fff; }
#contact_form input#submit { float: right; display: inline-block; width: 145px; height: 43px; background: url(images/bg_submit.png) left top no-repeat; border: none; overflow: hidden; }
#contact_form input#submit:hover { background-position: left -42px; }

/* Layout 2 */
.layout-2 .col1 { float: left; margin-right: 21px; width: 577px; }
.layout-2 .col2 { float: left; width: 279px; }
	.layout-2 .col2 .sectionContent { }

/* Layout 3 */
.layout-3 .col1 { float: left; margin-right: 21px; width: 279px; }
.layout-3 .col2 { float: left; margin-right: 21px; width: 279px; }
.layout-3 .col3 { float: left; width: 279px; }

h2.sectionTitle { padding: 0 28px; height: 50px; line-height: 50px; font-size: 1.2em; background: url(images/bgsectiontitle.png) left top repeat-x; color: #fff; }
h3.subSectionTitle { text-transform: uppercase; color: #996632; }

/* Footer */
#footer { position: relative; width: 877px; height: 75px; background: #684242 url(images/bgfooter.gif) left top no-repeat; color: #fff; }
#formen #footer { background: #716558 url(images/bgfooterformen.gif) left top no-repeat; }
#footer ul.nav { float: right; padding: 5px; list-style: none; }
#footer ul.nav li { float: left; }
#footer ul.nav li a { display: inline-block; padding: 5px 15px; font-size: 0.75em; text-decoration: none; text-transform: uppercase; color: #fff; }
#footer ul.nav li a:hover { text-decoration: underline; }

p#copyright { padding: 5px 10px; font-size: 0.7em; text-align: center; }

p#credit { position: absolute; right: 20px; bottom: 0px; font-size: 0.9em; }
p#credit a { text-align: right; text-decoration: none; }
p#credit a:hover { text-decoration: underline; }