#wrapper {width: 960px; margin: 60px auto; background: #fff; color: #636363;}
#innerwrapper {position: relative; padding: 30px;}
#header {padding: 0 0 0 235px; height: 150px;}

#nav {margin: 20px 0;}



#left {width: 205px; float: left; margin: 45px 30px 0 0 ;}
#left ul {list-style-type: none; margin: 0; padding: 1px 0; border: solid 1px #FF7800; border-width: 1px 0;}
#left li {border-bottom: solid 1px #FF7800; padding: 10px 0;}
#left .first {border-top: solid 1px #FF7800;}
#left li a {display: block; line-height: 1.5; color: #636363; text-decoration: none; padding-right: 60px; background: #fff url(http://www.cobistyle.com/template/images/side_nav.jpg) no-repeat}
#left .title {display: block; font-size: 1.25em; line-height: 1.13; color: #F0037F; font-weight: bold;}
#left .subtitle {display:block; font-weight: bold;}

#left li#about a { background-position: -45px 17px; }
#left li#design a {background-position: -295px 17px; }
#left li#blog a {background-position: -545px 17px; }
#left li#chat a {background-position: -795px 17px; }
#left li#video a {background-position: -1045px 17px;}
#left li#news a {background-position: -1295px 17px; }
#left li#corporate a {background-position: -1545px 17px;}

#left a:hover .title, #left a:active .title {color: #FF7800;}
#content {width: 405px; float: left; margin: 10px 0 20px 0;}

#right {width: 250px; float:right; margin: 0 0 30px 0; }

#subscribe {margin: 20px 0;}
#aboutCobi { color: #FF7800; margin-left: 20px;}


#footer {margin-left: 235px; font-size: 0.833em; }
#footer a:link, #footer a:visited {color: #636363; text-decoration: none; margin-right: 10px;}
#footer a:hover, #footer a:active {color: #FF7800; text-decoration: none;}
#footer .copyright {margin-right: 10px;}

/* home */

#navHome a {width:48px; height: 9px; text-indent: -9999px;}
#navHome a:link, #navHome a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav2.gif) 0 0 no-repeat #fff; }

#navHome a:hover,  #navHome a:active, #navHome:hover a,  #navHome a.selected:link, #navHome a.selected:visited,
#navHome.sfHover a:link, #navHome.sfHover a:visited, #navHome.sfHover a:hover, #navHome.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav2_on.gif) 0 0 no-repeat #fff; }

#navHome li a {width: auto; height: auto; text-indent: 0;}
#navHome li a:link, #navHome li a:visited, 
 #navHome.sfHover li a:link, #navHome.sfHover li a:visited, #navHome.current li a:link, #navHome.current li a:visited
          {background-image: none; }
#navHome li a:hover, #navHome li a:active, 
#navHome.sfHover li a:hover,  #navHome.sfHover li a:active, #navHome.current li a:hover,  #navHome.current li a:active
          {background-image: none; }

/* about */

#navAbout a {width:62px; height: 9px; text-indent: -9999px;}
#navAbout a:link, #navAbout a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav2.gif) -48px 0 no-repeat #fff; }

#navAbout a:hover,  #navAbout a:active, #navAbout:hover a,  #navAbout a.selected:link, #navAbout a.selected:visited,
#navAbout.sfHover a:link, #navAbout.sfHover a:visited, #navAbout.sfHover a:hover, #navAbout.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav2_on.gif) -48px 0 no-repeat #fff; }

#navAbout li a {width: auto; height: auto; text-indent: 0;}
#navAbout li a:link, #navAbout li a:visited, 
 #navAbout.sfHover li a:link, #navAbout.sfHover li a:visited, #navAbout.current li a:link, #navAbout.current li a:visited
          {background-image: none; }
#navAbout li a:hover, #navAbout li a:active, 
#navAbout.sfHover li a:hover,  #navAbout.sfHover li a:active, #navAbout.current li a:hover,  #navAbout.current li a:active
          {background-image: none; }


/* blog */

#navBlog a {width:52px; height: 9px; text-indent: -9999px;}
#navBlog a:link, #navBlog a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav2.gif) -110px 0 no-repeat #fff; }

#navBlog a:hover,  #navBlog a:active, #navBlog:hover a,  #navBlog a.selected:link, #navBlog a.selected:visited,
#navBlog.sfHover a:link, #navBlog.sfHover a:visited, #navBlog.sfHover a:hover, #navBlog.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav2_on.gif) -110px 0 no-repeat #fff; }

#navBlog li a {width: auto; height: auto; text-indent: 0;}
#navBlog li a:link, #navBlog li a:visited, 
 #navBlog.sfHover li a:link, #navBlog.sfHover li a:visited, #navBlog.current li a:link, #navBlog.current li a:visited
          {background-image: none; }
#navBlog li a:hover, #navBlog li a:active, 
#navBlog.sfHover li a:hover,  #navBlog.sfHover li a:active, #navBlog.current li a:hover,  #navBlog.current li a:active
          {background-image: none; }


/* news */

#navNews a {width:55px; height: 9px; text-indent: -9999px;}
#navNews a:link, #navNews a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav2.gif) -162px 0 no-repeat #fff; }

#navNews a:hover,  #navNews a:active, #navNews:hover a,  #navNews a.selected:link, #navNews a.selected:visited,
#navNews.sfHover a:link, #navNews.sfHover a:visited, #navNews.sfHover a:hover, #navNews.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav2_on.gif) -162px 0 no-repeat #fff; }

#navNews li a {width: auto; height: auto; text-indent: 0;}
#navNews li a:link, #navNews li a:visited, 
 #navNews.sfHover li a:link, #navNews.sfHover li a:visited, #navNews.current li a:link, #navNews.current li a:visited
          {background-image: none; }
#navNews li a:hover, #navNews li a:active, 
#navNews.sfHover li a:hover,  #navNews.sfHover li a:active, #navNews.current li a:hover,  #navNews.current li a:active
          {background-image: none; }

/* clubcobi */

#navClub a {width:83px; height: 9px; text-indent: -9999px;}
#navClub a:link, #navClub a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav2.gif) -217px 0 no-repeat #fff; }

#navClub a:hover,  #navClub a:active, #navClub:hover a,  #navClub a.selected:link, #navClub a.selected:visited,
#navClub.sfHover a:link, #navClub.sfHover a:visited, #navClub.sfHover a:hover, #navClub.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav2_on.gif) -217px 0 no-repeat #fff; }

#navClub li a {width: auto; height: auto; text-indent: 0;}
#navClub li a:link, #navClub li a:visited, 
 #navClub.sfHover li a:link, #navClub.sfHover li a:visited, #navClub.current li a:link, #navClub.current li a:visited
          {background-image: none; }
#navClub li a:hover, #navClub li a:active, 
#navClub.sfHover li a:hover,  #navClub.sfHover li a:active, #navClub.current li a:hover,  #navClub.current li a:active
          {background-image: none; }

/* decorate */

#navDesign a {width:86px; height: 9px; text-indent: -9999px;}
#navDesign a:link, #navDesign a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav2.gif) -299px 0 no-repeat #fff; }

#navDesign a:hover,  #navDesign a:active, #navDesign:hover a,  #navDesign a.selected:link, #navDesign a.selected:visited,
#navDesign.sfHover a:link, #navDesign.sfHover a:visited, #navDesign.sfHover a:hover, #navDesign.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav2_on.gif) -299px 0 no-repeat #fff; }

#navDesign li a {width: auto; height: auto; text-indent: 0;}
#navDesign li a:link, #navDesign li a:visited, 
 #navDesign.sfHover li a:link, #navDesign.sfHover li a:visited, #navDesign.current li a:link, #navDesign.current li a:visited
          {background-image: none; }
#navDesign li a:hover, #navDesign li a:active, 
#navDesign.sfHover li a:hover,  #navDesign.sfHover li a:active, #navDesign.current li a:hover,  #navDesign.current li a:active
          {background-image: none; }



/* contact */

#navContact a {width:72px; height: 9px; text-indent: -9999px;}
#navContact a:link, #navContact a:visited 
{ background: url(http://www.cobistyle.com/template/images/nav2.gif) -385px 0 no-repeat #fff; }

#navContact a:hover,  #navContact a:active, #navContact:hover a,  #navContact a.selected:link, #navContact a.selected:visited,
#navContact.sfHover a:link, #navContact.sfHover a:visited, #navContact.sfHover a:hover, #navContact.sfHover a:active 
 {background: url(http://www.cobistyle.com/template/images/nav2_on.gif) -385px 0 no-repeat #fff; }

#navContact li a {width: auto; height: auto; text-indent: 0;}
#navContact li a:link, #navContact li a:visited, 
 #navContact.sfHover li a:link, #navContact.sfHover li a:visited, #navContact.current li a:link, #navContact.current li a:visited
          {background-image: none; }
#navContact li a:hover, #navContact li a:active, 
#navContact.sfHover li a:hover,  #navContact.sfHover li a:active, #navContact.current li a:hover,  #navContact.current li a:active
          {background-image: none; }


#quickLinks {position: absolute; top: 85px; right: 25px;}
#quickLinks ul {list-style-type: none; margin: 0; padding: 0;}
#quickLinks li {float: left; margin-right: 10px;}
#quickLinks a {display: block; width: 52px; height: 52px; background:  url(http://www.cobistyle.com/template/images/quicklinks.gif) 0 0 #fff; text-indent: -9999px; }

#quickLinks .blog a:link, #quickLinks .blog a:visited {background-position: 0 0;}
#quickLinks .blog a:hover, #quickLinks .blog a:active {background-position: 52px 0;}

#quickLinks .news a:link, #quickLinks .news a:visited {background-position: 0 -52px;}
#quickLinks .news a:hover, #quickLinks .news a:active {background-position: -52px -52px;}

#quickLinks .shop a:link, #quickLinks .shop a:visited {background-position: 0 -104px;}
#quickLinks .shop a:hover, #quickLinks .shop a:active {background-position: -52px -104px;}


#clubcobi { position: absolute; top: 145px; right: 25px;  width: 188px;}
#clubcobi img {display: block; margin-bottom: 5px;}
#clubcobi form {display: block;  height: 27px; background: url(http://www.cobistyle.com/template/images/subscribe2.gif) 0 0 #fff no-repeat; }
#clubcobi table {width: 100%;}
#clubcobi td {vertical-align: middle; height: 20px; padding: 1px}
#clubcobi td.submit {vertical-align: middle; padding-right: 11px;}
#clubcobi .input {border: solid 1px #fff; margin: 0 3px; padding: 3px 0 0 0; width: 139px; font-size: 10px;  line-height: 1;  background:#fff !important; text-align: center;}
#clubcobi form a {display: block; width: 25px; height: 20px; text-indent: -9999px; float: right;}
#clubcobi form a:link, #clubcobi form a:visited {background: url(http://www.cobistyle.com/template/images/go.gif) 25px 0 #ff7800;}
#clubcobi  form a:hover, #clubcobi form a:active {background: url(http://www.cobistyle.com/template/images/go.gif) 0 0 #f0037f;}

#facebook {position: absolute; width: 90px; top: 192px; right: 120px;}
#rss {position: absolute; width: 22px; top: 192px; right: 35px;}

.entry {clear: both; margin: 0 0 40px 0;}
.posted {margin: 0 0 20px 0; font-size: 0.916em; line-height: 1.3;}

.posted a:link, .posted a:visited {color: #FF7800; text-decoration: none;}
.posted a:hover, .posted a:active {color:#F0037F; text-decoration: none;}

.date { font-size: 0.916em; line-height: 1.3; color:#ff7800; margin: 0 0 5px 0;}

.sideLinks {border: solid 1px #ff7800;  padding: 10px; margin: 20px 0 20px 20px;}
.sideLinks ul {list-style-type: none; margin: 0 0 10px 0; padding: 0;}
.sideLinks a:link, .sideLinks a:visited {color: #636363;}
.sideLinks a:hover, .sideLinks a:active {color: #f0037f;}

.imageLarge {margin-left: -15px;}

em {font-size: 1.75em; line-height: 1.2; font-style: normal; color: #FF7800;}
.source {display: block; margin-bottom: 30px; font-size: 0.833em;}
.indentL {margin-left: 20px;}
.photo {height: 420px; margin-bottom: 30px; }

.photo a:link, .photo a:visited {color:#F0037F; text-decoration: none;}
.photo a:hover, .photo a:active {color:#FF7800; text-decoration: none;}

#bookBuy {display: block; width: 223px; height: 26px; text-indent: -9999px; }
#bookBuy:link, #bookBuy:visited {background: url(http://www.cobistyle.com/template/images/buy_button.gif) 0 0 #fff}
#bookBuy:hover, #bookBuy:active {background: url(http://www.cobistyle.com/template/images/buy_button.gif) 0 26px #fff;}

.archives {margin:0 0 30px 0; padding:0; list-style-type: none;}
.archives li {margin: 0 0 5px 0;}
.archives a {display: block; font-weight: bold;}
.archives a:link, .archives a:visited {color: #636363;}
.archives  a:hover, .archives  a:active {color: #f0037f;}
.archives .date {display: block; font-size: 1em; color: #636363;}


#consultationFee {display: block; width: 166px; height: 25px; text-indent: -9999px; }
#consultationFee:link, #consultationFee:visited {background: url(http://www.cobistyle.com/template/images/consultation.gif) 0 0 #fff}
#consultationFee:hover, #consultationFee:active {background: url(http://www.cobistyle.com/template/images/consultation.gif) 0 25px #fff;}

.addthis {margin: 0 10px;}
.addthis img {vertical-align: middle; }

/** forms **/

.form {width: 100%;}
.form td {padding: 5px 0; vertical-align: top;}

label {display: block; margin-right: 10px; font: 12px/1.5 Arial, Helvetica, sans-serif; color: #636363; text-transform: lowercase; }

input.input {width: 250px; font: 12px/1.5 Arial, Helvetica, sans-serif;  color: #636363;}

input.submit {  	
        display: inline;
	padding: 2px 10px;  
	color: #fff; background: #F0037F;
	border: none;
	cursor: pointer;
	margin: 10px 0;
	text-align: center; text-transform: uppercase;
}

input.submit:hover {background: #ff7800;}

textarea {width: 250px; font: 12px/1.5 Arial, Helvetica, sans-serif; color: #636363; }
.form td.required {color:#f0037f; padding-right: 5px;}

#archives .item {clear: both; overflow: hidden; margin: 0 0 10px 0;}
#archives .item img {float: left; margin-right: 10px;}
#archives .title {display: block; font-weight: bold;}
#archives a:link, #archives a:visited {color: #636363; text-decoration: none;}
#archives a:hover, #archives a:active {color:#636363; text-decoration: none;}
#archives a:link .title, #archives a:visited .title {color: #F0037F; text-decoration: none;}
#archives a:hover .title , #archives a:active .title {color:#FF7800; text-decoration: none;}

#tagcloud {color: #28B5B5; margin: 20px 0 20px 20px;}
#tagcloud a:link, #tagcloud a:visited {color: #28B5B5; text-decoration: none;}
#tagcloud a:hover, #tagcloud a:active {color:#FF7800; text-decoration: none;}