/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

body { color: #999; background: #fff;}

#main { float:right; border-left: 1px solid #eee; padding: 20px 0 0 40px; width: 555px; background: white; background: rgba(255,255,255,0.75);padding-bottom: 40px; padding-right:20px }
#content { background: url(images/sidebartile.jpg) top left no-repeat; }
#sidebar { float: left; padding-bottom: 40px; padding-left:20px; width:280px }

#sidebar ul{   font-size: 11px;}
#sidebar ul li{ border: 0px;}

#sidebar ul li a { color:#999; border: 0px;}
#sidebar h3 { margin: 27px 0 20px 0; color: #888; text-transform: capitalize;}

.post .title {
color:#666
}
.entry h3 { color:#888; margin-top:20px}
.entry h4 { color:#999; margin-top:20px}

.archive_header  { font-weight: 100; color:#999;margin: 12px 0 0px 0; padding-bottom:8px}
.archive_header h2 {margin: 0!important; padding:0px}

.catrss a{ font-size:11px!important}

.index {width: 960px; margin: 0 auto;}
.foot { height:250px; width: 960px; margin: 0px auto; border: solid #ddd; border-width: 1px 0 0; }
.foot h2,.foot p { font-size: 12px}

.foot h3 { font-size: 16px; color: #999; margin-bottom: 20px; padding-bottom: 10px;  font-weight: 100; border-bottom: 1px solid #eee;}

.post { margin-bottom: 20px; padding-bottom: 20px; border-bottom: #eee solid 1px;}

#header { border: solid #e7e7e7; border-width: 0 0 1px 0; }
#footer { padding: 40px 20px 100px;}

ul.smallposts { color:#aaa; margin-left: 15px;}
ul.smallposts li { list-style: circle; margin-bottom: 18px;}
ul.smallposts li p { font-size: 10px!important;}

#logo img  { margin-left:0px }

#logo {width:550px; float:left}
#navigation { width:410px; float:left; margin-top:67px}

#navigation ul  { float:right;}

#navigation ul li a { float:left; padding:2px 10px; -moz-border-radius:10px; font-size:12px; text-transform:uppercase; margin-left:10px;  font-weight:700; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);}
#navigation ul li a:link,
#navigation ul li a:visited { background:#f7f7f7; color:#aaa; text-decoration:none }
#navigation ul li a:hover,
#navigation ul li a:active { background:#f1f1f1; color:#aaa; text-decoration:none }

#navigation ul ul { display:none}

.cf-fs1 legend { display:none}
ol.cf-ol { list-style: none; font-size: 13px; margin-top: 20px; padding-top: 30px;padding-bottom: 30px; border:1px solid #eee }
ol.cf-ol li { padding: 4px 0px; clear:left;list-style: none;}

ol.cf-ol li input,
 textarea { padding: 4px; border:1px solid #e9e9e9; background: #f9f9f9;}

ol.cf-ol li label { float: left; width: 180px;}

ol.cf-ol li span.reqtxt,ol.cf-ol li span.emailreqtxt { color:#c33; font-size: 10px; font-weight: 700; margin-left: 10px;}



.foot .left{ width: 276px; float:left; padding: 20px; border-right:1px solid #eee; height: 210px;}
.foot .left.last{ border:0; margin-right: 0;}
.foot .left.first{ background: url(images/social.jpg) no-repeat 25px 20px }
.foot .left.first a:link,
.foot .left.first a:visited{ background: url(images/social.jpg) no-repeat 25px 20px }



ul.social { padding-left: 50px;} 
ul.social li { padding: 8px 0 8px;}
ul.social li a { text-decoration: none; color: #666;}
ul.social li a:hover {  font-weight:700; color: #555;}

a:visited,
a:link { color:#aaa }
a:hover,
a:active { text-decoration:none }

.post .title { margin:20px 0}
.post .title a:link, .post .title a:visited {
 color:rgb(218, 149, 67)
}


.alignleft  { float: left; width: auto; margin: 5px 20px 10px 0; }
.alignright  { float: right; width: auto; margin: 5px 0 5px 5px; }
.aligncenter  { text-align: center; }

.post-meta .comments a  { padding: 0; text-transform: none;}


/* Slider */
#loopedSlider {
    width: 960px; margin: 0 auto; position: relative; overflow: hidden; height: 450px;
}
.slider { height: 450px;  overflow: hidden; }
.container { margin-bottom: 30px;width:307px; margin:0 auto; cursor: pointer; height:420px; overflow:; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:350px; height: 450px; display:none; }
.slides div img { position: absolute; bottom:0; display: block; }
.slides div a { display:block}

.sheet-l {
-moz-box-shadow: 5px 0px 20px 3px #fff ;
 position: absolute;   background: rgb(255,255,255); background: rgba(255,255,255,0.95);
    height:400px;
    left:-330px;
    position:absolute;
    top:0;
width:285px; }
.sheet-r {
-moz-box-shadow: 0px 5px 20px 3px #fff ;
 position:absolute;  background: rgb(255,255,255); background: rgba(255,255,255,0.95); 
    height:400px;
    right:-330px;
    position:absolute;
    top:0;
    width:295px;
}

.previous,.next { font-size: 42px; text-decoration: none;; position: absolute;}
.previous{ left:330px; bottom:40px}
.next{left:585px; bottom:40px}

div.aligncenter { margin:40px auto!important;}


/*
#loopedSlider *{border:1px solid red}
*/