/*   
Theme Name: Carvache
Theme URI: http://chriscarvache.com
Description: My Blog Theme
Author: Chris Carvache
Author URI: http://chriscarvache.com
Template: thematic
Version: 1.0
Tags: Thematic
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/********************* PAGE LAYOUT ******************************/
input { font-family: Verdana; }
body { background: url(images/bkg-sandy.gif) #363333; color: #7e8979; font-family: Verdana; font-size: 12px; line-height: 22px; text-shadow: 1px 1px 1px #000;}
a, a:link { color: #94bd87!important; text-decoration: none; }
a:hover { text-decoration: underline; }
#header { width: 940px; margin: 0 auto; height: 120px; }
#utility { position: absolute; top: 40px; right: 0px; font-size: 11px;}

/**************************** TYPOGRAPHY ***********************/
h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal!important; }
h1.entry-title, h2.entry-title { font-size: 22px!important; padding:0; }
h2.entry-title a { color: #fff!important; }
h2.entry-title a:hover { color: #94bd87!important; }
h2 { font-size: 18px!important;}


/******************** SEARCH *************************************/
#s { border: 1px solid #111; background: url(images/bkg-find.png) no-repeat 278px 2px #222; color: #555; padding: 5px 30px 5px 5px; font-size: 12px; width: 266px;
-moz-border-radius: 3px; /* FF1+ */
-webkit-border-radius: 3px; /* Saf3-4 */
border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
-moz-box-shadow: 0px 0px 2px #000000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 2px #000000; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 2px #000000; /* Opera 10.5, IE 9.0 */
} #s:focus { border: 1px solid #555; color: #fff; }


/********************* MENU ************************************/
#header { z-index: 5; }
#access { border: none;position: absolute; top: 92px; right: 0px; width: 528px; z-index: 300!important; }
.menu { width: 528px; z-index: 300!important; }
.sf-menu { text-transform: uppercase; border: none; }
.sf-menu li, .sf-menu ul, .sf-menu li a  { border: none!important; }
.sf-menu li a, .sf-menu li, .sf-menu li a:visited, .sf-menu li a:link { background: transparent!important; color: #fff!important; }
.sf-menu li a:hover { color: #94bd87!important; text-decoration: none!important; }
.sf-menu li.menu-item-328 { padding: 0!important; margin: 0; }
.sf-menu li.menu-item-328 a { padding: 9px 10px; margin: 0; }
.sf-menu li.menu-item-328 a:hover { color: #fff!important; }
.sf-menu li.menu-item-328.sfHover { background:#000!important; color: #fff!important;
-moz-border-radius: 3px 3px 0 0; /* FF1+ */
  -webkit-border-radius: 3px 3px 0 0; /* Saf3-4 */
          border-radius: 3px 3px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */
  /* CSS3 standard */
  opacity:0.9;
}
.sf-menu li.menu-item-329 a, .sf-menu li.menu-item-329 { padding-right: 0px; margin-right:0px; }
.sf-menu li a { padding: 9px 10px; margin-left: 15px; }
.sf-menu li ul { background: #000; border: none;
-moz-border-radius: 0 3px 3px 3px; /* FF1+ */
  -webkit-border-radius: 0 3px 3px 3px; /* Saf3-4 */
          border-radius: 0 3px 3px 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
background-image: -moz-linear-gradient(top, #000, #111); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000),color-stop(1, #111)); /* Saf4+, Chrome */
  /* CSS3 standard */
  opacity:0.9;
}
.sf-menu li ul a { padding: 10px!important;}
.sf-menu li.first_item ul a:hover { color: #94bd87!important; }
.sf-menu { z-index: 300!important; }


/************************* PAGE ********************************/
#main { margin-top: 0!important; padding-top: 50px!important; }

/********************* HERO AREA *******************************/
#heroarea { height: 250px; background:url(images/loading.gif) no-repeat 50% 50%!important; width: 940px; margin: 20px auto 0 auto;
 -moz-box-shadow: 0px 0px 2px #000000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 2px #000000; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 2px #000000; /* Opera 10.5, IE 9.0 */
    z-index: 2!important;
}
#slider { z-index: 2!important; height: 250px!important; }

/*********************** HOMEPAGE ******************************/
#mywork, #myblog { width: 440px; }
#mywork h3 a { color: #fff!important; }
#mywork { float: left; }
#myblog { float: right; }
.clear { clear: both; }
body.home .entry-content, body.home #container, body.home #content { width: 934px; padding: 0 4px; margin: 0; }
body.home .entry-content { background: url(images/bkg-line.gif) repeat-y center top; }
body.home #main { margin: 0 auto; padding: 30px 0 0; }
#myblog ul { margin: 0 0 0 20px; }
#myblog ul li .hpposttitle a { color: #fff!important; }
#myblog ul li { margin: 0 0 50px; }
#myblog ul li .hpposttitle { font-size: 16px; display: block;}
#myblog ul li p { margin: 0 0 10px; }
#myblog ul li .hppostmeta { font-size: 11px; letter-spacing: 1px; font-style: italic; color: #545e51!important; display: block; margin: 0 0 10px; }
.entry-meta  { color: #545e51!important; font-size: 11px; letter-spacing: 1px; } 

.p-item { margin: 0 0 40px }
.p-image { float: left; width: 160px; margin-right: 15px; }
.p-image img { padding: 4px; background: #545e51!important; border: 1px solid #94bd87; }
.p-content { float: left; width: 265px; }
.p-content h3, .p-content h3 a { margin: 0; padding: 0; font-style: normal; color: #fff!important; font-size: 16px;}
.p-meta { color: #545e51; font-size: 11px; font-style: italic; letter-spacing: 1px;margin: 0 0 10px;}
.p-excerpt { margin: 0 0 10px;}
.hp-small { float: right; text-align: right; font-size: 11px;}
.hp-small a { color: #fff!important; }


/*************************** FOOTER ****************************/
#footer, #siteinfo { border: none; position: relative; }
#footer { background: url(images/black-sandy.gif) #000; border-top: 4px solid #94bd87; padding-top: 23px; }
#footer ul { margin: 0 0 10px; padding: 0; list-style: none; display: block; width: 940px; height: 20px; }
#footer ul li { display: inline-block; padding: 0; margin: 0 0 0 30px; float: left; }
#footer ul li.first_item { margin: 0; }
#footer ul li a { text-transform: uppercase!important; padding: 0; color: #545e51!important; }
#footer .adminlinks a { color: #545e51!important; }
#footer .right { position: absolute; top: 25px; right: 0; }
#footer .right img { margin-left: 15px; }


/************************* POST *********************************/
#respond { background-color: transparent; }


/************************** SIDEBAR ******************************/
#primary {
    background: #222;
    border: 1px solid #111;
     -moz-box-shadow: 0px 0px 2px #000; 
  -webkit-box-shadow: 0px 0px 2px #000; 
          box-shadow: 0px 0px 2px #000;
-moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3-4 */
          border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
#primary h3.widgettitle { font-style: normal!important; font-size: 16px; }

/*************************** MY WORK ******************************/
body.slug-my-work .p-content, body.pods .p-content { float: left; width: 364px; }
body.slug-my-work .p-content h3 a { color: #fff!important; }
body.slug-my-work .p-content h3 a:hover { color: #fff!important; }
#lightbox-overlay-text-about, #lightbox-overlay-text-close { display: none; }
body.slug-web-design-and-development .p-content h3 a { color: #fff!important; }
table.myworktable img { margin: 0!important;}
table.myworktable td { padding: 0 0 30px; }



/*************************** MY MUSIC *****************************/
.music-item { margin: 0 0 20px; border: 1px solid #666; padding: 10px; }
table h3 { font-style: normal!important;}
table { border: none; padding: 0; margin: 0; }
table td, table tr { padding: 0; margin: 0; border: none; }

/***************************** MISC *******************************/
table td { vertical-align: middle }
strong, b { color: #fff; }
.entry-utility { font-size: 11px; }
.cat-links a, .tag-links a { color: #fff!important; }
a.more-link {
    display: inline-block;
    margin-left: 1px;
    padding: 4px 8px; color: #fff!important; background: #000;

background-image: -moz-linear-gradient(top, #222222, #000000); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #222222),color-stop(1, #000000)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#000000')"; /* IE8 */
-moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3-4 */
          border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
-moz-box-shadow: 0px 0px 2px #666; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 2px #666; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 2px #666; /* Opera 10.5, IE 9 */
}
a:hover.more-link {
background-image: -moz-linear-gradient(top, #000000, #222222); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000000),color-stop(1, #222222)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#222222'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#222222')"; /* IE8 */
text-decoration: none;
}
#lightbox-infoContainer { background: #000!important; border: 1px solid #222; }
#lightbox-infoContainer a { color: #fff!important; text-decoration: none!important; font-weight: normal!important; }
#lightbox-infoContainer a:hover { color: #999!important; text-decoration: underline!important; }
#lightbox-infoHeader { font-size: 14px!important; }