/*
Theme Name: Trishas Salon
Theme URI: http://trishasalon.com/
Description: Custom Theme for Trisha's Salon
Version: 0.1
Author: LaunchDM
Author URI: http://launchdm.com
Tags: 
*/

/* BEGIN CSS Mini Reset */
html, body, div, form, fieldset, legend, label, ul, li
{
 margin: 0;
 padding: 0; 
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }
/* END CSS Mini Reset */

/* BEGIN General Settings */
	body {
        font-family: Arial, Helvetica, Verdana, sans-serif; 
        font-size:62.5%; 
        line-height:1.2; 
        color:#A8C4A8;
        background-color:#000;
    }
	.pagewrap {
        width: 980px; 
        margin: 0 auto; 
        padding: 22px 0 0;
        background:transparent url(images/backgroundphotos/home.jpg) no-repeat scroll 0 0;
        min-height:896px;
        _height:896px; /* ie6 */
    }		
	.clearfloat {display:block; clear:both; width:100%; font-size:1px; height:1px;}

    h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0;}
    h1, .h1 {
        color:#A8C4A8;
        text-transform:uppercase;
        font-size:55px; line-height:66px;
    }
    h2, .h2 {
        font-size:21px;
    }
    h3, .h3 {
        color: #A8C4A8;
        font-size:17px;
        background:transparent url(images/hr-green.gif) repeat-x scroll 0 100%;
        width:85%;
    }
    h4, .h4 {}
    h5, .h5 {}
    h6, .h6 {}

    a,
    body.category a {
        color:#A8C4A8;
        text-decoration:none;
    }
    a:hover,
    body.category a:hover {color:#fff;}

    a:visited {}
    ul {
        list-style-type:disc;
        padding-left:14px; /* line up bullets with text above and below */
    }
    .graytrans {
        background:transparent url(images/header/background24_85.png) repeat scroll 0 0;
        _background-image:none; /* ie6 */
        _background-color:#000; /* ie6 */
    }
/* END General Settings */

/* BEGIN Header */
#header {
    height:72px;
    position:relative;
}
#header #logo {
    position:absolute;
    top:0; left:20px;
    display:block;
    width:125px; height:71px;
    background:transparent url(images/header/logo24.png) no-repeat scroll 0 0;
    _background-image:url(images/header/logo.gif); /* ie6 */
    overflow:hidden;
    text-indent:-998em;
}
#header #nav {
    position:absolute;
    top:0; left:200px;
    width:630px; height:42px;
    padding:30px 0 0;
}
#nav ul {
    margin:0; padding:0;
    list-style:none;
}
#nav li {
    font-size:12px; line-height:16px;
    font-weight:bold;
    text-transform:uppercase;
    float:left;
    margin-right:20px;
}
/* END Header */

/* BEGIN Nav Settings */
#nav {
    list-style:none;
    padding:0;
}
#nav li {
    float:left;
}
/* END Nav Settings */

/* BEGIN Footer */
#footer {
    margin:0 auto;
    padding-bottom:30px;
    width:980px;
}
#stylinglinks {
    padding:15px 5px 16px 135px;
    font-size:11px;
    overflow:hidden;
    margin-bottom:22px;
}
#stylinglinks h4 {
    font-family: Arial, Helvetica, Verdana, sans-serif; 
    font-weight:bold;
    font-size:13px;
    padding:0 0 5px;
}
#stylinglinks ul {
    list-style:none;
    padding:0 0 0 29px;
}
#stylinglinks .col {
    float:left;
    width:150px;
    margin-right:30px;
}
#stylinglinks .col1 {
    width:200px;
}
#stylinglinks .col3 {
    width:100px;
}
#stylinglinks .col li {
    padding-bottom:3px;
}
#stylinglinks .collast {margin-right:0;}

#stylinglinks .col ul {padding:0;}
#stylinglinks a {}

#stylinglinks p {
    padding-bottom:10px;
}
#stylinglinks .links {
    text-align:center;
}
#footerdetails {
    text-align:center;
    font-size:12px;
}

/* END Footer */

/* BEGIN Social Media */
#socialmedia {
    width:184px; height:35px;
    position:absolute;
    left:774px;
    top:10px;
}
#socialmedia h3 {
    width:72px; 
    /*height:30px;
    overflow:hidden;
    text-indent:-998em;
    background:transparent url(images/socialmedia/follow_us.png) no-repeat scroll 0 12px;
    */
    margin:0 5px 0 0; 
}
#socialmedia ul {
    display:block;
    width:150px; height:15px;
    position:absolute;
    top:12px; left:15px;
    list-style:none;
    padding:0;
}
#socialmedia li {
    float:left;
    width:30px; height:30px;
}
#socialmedia li a {
    display:block;
    margin-top:3px;
    width:27px; height:27px;
    overflow:hidden;
    text-indent:-998em;
    background:transparent url(images/socialmedia/socialmedia-sprite.gif) no-repeat scroll 0 0;
}
#socialmedia li a:hover {margin-top:2px;}

#socialmedia li.youtube a {
    background-position:2px 0;
}
#socialmedia li.facebook a {
    background-position:-33px 0;
}
#socialmedia li.flickr a {
    background-position:-68px 0;
}
#socialmedia li.twitter a {
    background-position:-99px 0;
}
/* END Social Media */

/* BEGIN Homepage */
.homepage {
    background-image:url(images/backgroundphotos/home.jpg);
}
.homepage .contentbox {
    margin-top:815px;
}
    background-image:url(images/backgroundphotos/home.jpg);
.homepage .homepageentry {
    float:left;
    width:510px;
    margin-right:15px;
}
.homepage .homepagetrends {
}
.homepage .homepagetrends h1 {
    font-size:14px; line-height:17px;
    text-transform:none;
    margin-top:17px;
    opacity:1;
    filter:alpha(opacity=100);
}
.homepage .homepagetrends p {
    margin:0 0 5px;
    font-size:13px; line-height:22px;
}
/* END Homepage */

/* BEGIN Staff page */
.staffpage {
    background-image:url(images/backgroundphotos/staff.jpg);
}
.staffpage .contentbox {
    _overflow:hidden; /* ie6 */
}
.staffpage .contentbox ul {
    width:829px;
    list-style: none;
    padding:45px 0 0 3px;
    font-size:12px; line-height:15px;
}
.staffpage .contentbox li {
    float:left;
    width:150px;
    min-height:290px;
    _height:290px; /* ie6 */
    padding:0; margin:0 118px 0 0;
    color:#A8C4A8;
}
.staffpage .contentbox li strong {
    display:block;
    color:#fff;
}
.staffpage .contentbox li img {
    display:block;
    border:none;
    margin-bottom:4px;
}
/* END Staff page */

/* BEGIN Contact page */
.contactpage {
    background-image:url(images/backgroundphotos/contact.jpg);
}
.contactpage .contentbox h1 {
   margin-bottom:-10px; 
}
.contactpage .contentbox hr {
    border:0;
    margin:7px 0;
    /*background:transparent url(images/hr-bw.gif) repeat-x scroll 0 0;*/
}
.contactpage .streetsign {
    position:absolute;
    bottom:0; right:40px;
}
/* END Contact page */

/* BEGIN Philosophy page */
.philosophypage {
    background-image:url(images/backgroundphotos/philosophy.jpg);
}
/* END Philosophy page */

/* BEGIN Trends page */
.trendspage {
    background-image:url(images/backgroundphotos/trends.jpg);
}
/* END Trends page */

/* BEGIN Occasions page */
.occasionspage {
    background-image:url(images/backgroundphotos/occasions.jpg);
}
/* END Occasions page */

/* BEGIN Products page */
.productspage {
    background-image:url(images/backgroundphotos/products.jpg);
}
/* END Products page */

/* BEGIN Services Page */
.servicespost, 
.servicespage {
    background-image:url(images/backgroundphotos/services.jpg);
}
.servicespage .contentbox .entry div {
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
}
.servicespage .contentbox table {
    width:320px;
    font-size:12px; line-height:15px;
    margin-bottom:15px;
}
.servicespage .contentbox th {
    font-size:16px; line-height:20px;
}
.servicespage .contentbox td.cell1 {
    width:215px;
}
.servicespage .contentbox td.cell2 {
    width:100px;
}
/* END Services Page */

/* BEGIN Content */
.contentbox {
    position:relative;
    color:#fff;
    width:690px;
    _overflow:hidden; /* ie6 */
    margin:30px 0 0 110px;
    padding:20px 40px;
    font-size:14px; line-height:25px;
}
.contentbox .ornate {
    position:absolute;
    bottom:5px; right:10px;
}
.contentbox h1 {
    opacity:0.5;
    filter:alpha(opacity=50);
    zoom: 1;
}
/*.contentbox img.alignleft { */
.contentbox .alignleft {
    float:left;
    clear:both;
    margin: 0 10px 10px 0;
}

/* .contentbox img.alignright { */
.contentbox .alignright {
    float:right;
    clear:both;
    margin: 0 10px 0 10px;
}


/* BEGIN Content Post */
.contentbox .categoryservices h1, 
.category .contentbox h1 {
    opacity:1;
    filter:alpha(opacity=100);
    text-transform:none;
    margin-bottom:0;
    font-size:21px; line-height:25px;
}
.contentbox .categorytrends h1 {
    opacity:1;
    filter:alpha(opacity=100);
    text-transform:none;
    margin-bottom:0;
    font-size:21px; line-height:25px;
}

/* END Content Post */

/* END Content */