/*

Theme Name: ASID

*/


body{background:#FFF;color:#666666;font:12px/18px Tahoma, Arial, Helvetica, Verdana, sans-serif;letter-spacing:0;margin:0;padding:0;}
html, body {width: 100%; height: 100%;}

a {color:#336699;outline:none;text-decoration:none;}

blockquote{border-left:5px solid #f7f7f7;margin:0 0 0 10px;padding:0 0 0 10px;}

 /* site container */
#page{width:997px;margin:0 auto; padding: 0 0 10px 0;}

#header{position:relative;margin: 0; padding: 0 0 23px 0;}
#header img {border: 0;}
#logos {position: relative; top: 0; left: 0;height: auto; margin: 0; padding:0; }

#footer{position: relative; background: #FFF; width:997px; height: 23px; font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#footer p{font-family:Ubuntu; margin:0 0 10px;}

 /* container for content containers */
#content{    background: none repeat scroll 0 0 #FFFFFF;
    font-family: ubuntu;
    margin: 0;
    padding: 0;
    width: 997px;}

 /* main navigation container */
#nav_cont{ clear: both;    font-family: verdana;    font-size: 12px;    font-weight: normal;    height: 45px;    margin: 0;    padding: 0;    position: relative;    text-transform: uppercase; z-index: 20;}/*background: #dddad1; position:relative; margin:0; padding:0; clear:both; height: 25px;} /* main navigation container */

 /* content containers */
#content-left{background-color: #FFFFFF; float:left; width:130px; margin:0; padding:0;}
#content-home{width: 997px; margin: 0; padding: 10px 0px 0 0px;}
#content-right{float: right; margin: 0; width: 997px;}
#content-right h1 { color: #000000;
    font-family: ubuntu;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 0;}
 /* left navigation sidebar */
#leftnav {background-color: transparent; margin: 0; padding: 0;}
#leftnav ul {display: block; list-style: none; margin: 0; padding: 5px 0 0 0;}
#leftnav ul li {list-style: none; margin:0; padding: 0; text-align: center;}
#leftnav img {border: 0;}

 /*  Widget container*/
.sidebox {width: 144px; margin: 0; padding: 0;}
.sidebox p {color:#333;}
.sidebox h2 {color:#333; font-size: 1.1em; margin:0; padding: 1em 0 2px 0; border-bottom: 1px solid #333;}
.sidebox  ul {background-color: #ededed;list-style: circle; margin: 0 0 1em 0.5em; padding: 0;}
.sidebox ul li {list-style: square; margin:0 1em 0 1em; padding: 0 0 3px 0; text-align: left;}
.sidebox ul li a:hover {text-decoration: underline; }
.sidebox a:link, .sidebox a:visited  {color: #333; text-decoration: none;} 
.sidebox a:hover, .sidebox a:active {color:#336699; text-decoration: underline;}

 /*  Ad containers*/
.header-banner {text-align: center; margin: 0 auto;}
.sidebar-ad {text-align: center; margin: 0 auto;}
.btm-ad {clear:both; text-align: center; margin: 0; padding:5px 0 0 0;}
.btm-ad img {border: 0;}

 /* Optional absolute positioned navigation*/
#top-nav{position:absolute;top:10px;right:0;list-style:none;font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;margin:0;padding:0;}
#top-nav ul {display: inline; list-style: none; margin: 0; padding:0;}
#top-nav li{float:left;font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif;margin:0 0 0 10px;}
#top-nav li#rss{background:url(img/rss-icon.gif) no-repeat left center;padding:0 0 0 15px;}


 /* Designer and Industry Partner lists*/
.listings {width: 710px; margin: 2em 1em;}
.listings p {color:#333333; font-size:1.1em;}
.listings h2 {color:#333333; font-size:1.1em; margin:0; padding:0; }
.listings h3 {color:#333333; font-size: 1em; margin: 0; padding: 0; }
.listings ul{list-style: none; margin: 0 0 0 10%; padding: 0; text-align: left;}
.listings ul li {font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 3px 0;}
.listings ul li ul {font-size: 1em; font-weight: normal; margin: 0 0 0 1em; padding: 0 0 1em 0;}
.listings ul li a:hover {text-decoration: underline; }
.listings a:link, .listings a:visited  {color: #336699; text-decoration: none;} 
.listings a:hover, .listings a:active {color:#339999; text-decoration: underline;}
.listings a img {border: 0;}
.catlist ul {margin-left: 1em;}
.catlist a {font-weight: bold;}
.catlist hr {float:left; width: 80%; color: #ccc;}

.designlist {width: 700px; margin: 2em 0 4em 3em; float:left}
.designlist p {color:#333333; font-size:1em; margin: 0; padding: 0 2em 0 1em;}
.designlist h2 {color:#333333; font-size:1.1em; margin:0; padding:5px 0 0 0;}
.designlist a:link, .designlist a:visited  {color: #336699; text-decoration: none;} 
.designlist a:hover, .designlist a:active {color:#339999; text-decoration: underline;}
.designlist-float {
	width: 200px;
	height: 80px;
	float:left;
	display: block;
	border: 1px solid #CCC;
	padding: 5px;
	margin: 3px;
}
 /* End Designer and Industry Partner lists */
 
.archive {width: 710px; margin: 2em 1em;}
.archive p {color:#333333; font-size:1em;}
.archive h2 {color:#333333; font-size:1.2em; margin:0; padding:0; }
.archive h3 {color:#333333; font-size: 1.1em; margin: 0; padding: 0; }
.archive ul{list-style: dot; margin: 0 0 0 10%; padding: 0; text-align: left;}
.archive ul li{font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 3px 0;}
.archive ul li ul {list-style: dot; font-size: 1em; font-weight: normal; margin: 0 0 0 1em; padding: 0 0 1em 0;}
.archive ul li a:hover, .archive ul ul li a:hover  {text-decoration: underline; }
.archive a:link, .listings a:visited  {color: #336699; text-decoration: none;} 
.archive a:hover, .listings a:active {color:#339999; text-decoration: underline;}
 
  /* post containers */
.box {margin: 0; padding: 15px 0 0; text-align: left;}
.box p {color:#333333;font-size: 14px; font-weight: normal; margin: 0; padding: 4px 0 8px 0;}
.box h1{color:#336699; font-size:24px; font-weight:medium; margin:0 0 5px 0;padding:1em 0 5px 0;border-bottom: 1px solid #ccc;}
.box h1 a{color:#336699;}
.box h2 {color:#336699; font-size:1.2em; margin-bottom:5px; padding:8px 0 2px 0; border-bottom: 1px solid #ccc; }
.box h3 {color:#444444; font-size:1.1em; margin: 0; padding-top: 8px; }
.box h4 {color:#336699; font-size:1em; font-weight: bold; margin:0; padding:0; }
.box ul{list-style: none; margin: 0; padding: 0;}
.box ul li {font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 3px 0;}
.box ul li a:hover {text-decoration: underline; }
.box p a:link, .box p a:visited  {color: #336699; text-decoration: none;} 
.box p a:hover, .box p a:active {color:#339999; text-decoration: underline;}
.box a img {border: 0;}

/* post containers for Home page */
.post-cont {width: 710px; text-align: left; margin: 0; padding: 0 1em;}
.post-cont  p{font-size: 1em; color:#333333; padding: 0 0 0 1em;}
.post-cont  h1{font-size: 1.4em; color:#333333;font-weight:bold;}
.post-cont h2 {font-size: 1em; margin: 1em 0 0 0; padding: 0; font-weight: bold; color: #333333;}
.post-cont h2  a{font-size: 1em; margin: 0; padding: 0; font-weight: bold; color: #333333;}
.post-cont h3 {font-size: 1.2em; margin: 0; padding: 0; color:#336699; font-family: Arial, Helvetica, sans-serif;}
.post-cont h3 a:link, .post-cont h3 a:visited {font-size: 1.2em; margin: 0; padding: 0; color:#336699;}
.post-cont h3 a:hover, .post-cont h3 a:active {font-size: 1.2em; margin: 0; padding: 0; color:#339999;}
.post-cont a img {border: 0;}

.meta{clear:both; background:#fff url(img/bg-meta.gif) repeat-x left top;color:#333;border:1px solid #ccc; padding:0 0 2px 3px;}
.meta-date{background:url(img/date.png) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-categories{background:url(img/categories.gif) no-repeat 0 2px;padding:2px 15px 2px 20px;}
.meta-comments{background:url(img/comment.gif) no-repeat 0 2px;padding:2px 15px 2px 20px;}

.entry  {margin: 0; padding: 0.5em 1em;}
.entry p  {margin: 0; padding: 0; color: #333333;}
.entry  h2 {font-size: 1em; margin: 0; padding: 0; font-weight: bold; color: #ccc;}

#commentform label{display:block;margin:0 0 5px;}
#commentform input.text,#commentform textarea{width:500px;margin:0 0 10px;}
#commentform .text{height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform textarea{height:150px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#commentform .button{width:auto;height:30px;background:#4a4f54;border:none;color:#fff;margin:0;padding:0 20px;}
.commentlist{list-style:none;margin:0;padding:0;}
.commentlist .quote{background:#22222d;border:5px solid #8b1d11;padding:20px;}
.commentlist li{background:#4e5156;color:#fff;margin:20px 0 0;padding:0;}
.commentlist cite{display:block;font-style:normal;}
.avatar{float:left;margin:0 20px 10px 0;}

#searchform #search{width:146px;height:22px;background:#fff url(img/bg-form-text.gif) repeat-x left top;border:1px solid #dadada;color:#5e5e5e;padding:6px 6px 0;}
#searchform .button{width:auto;height:30px;background-color:#CC3300;border:1px solid #666666;color:#fff;margin:0;padding:0 10px;}

#sidesearch  {float: right; width: 240px; margin: 0; padding: 0;}
#sidesearch  input{ border:1px solid #666; }
#sidesearch  .sbutton {font-weight: bold; color: #fff; background-color: #669999;}

#legal{float:left;width:400px;}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;margin:0 20px 20px 0;}
.alignright{float:right;margin:0 0 20px 20px;}
.wp-caption{margin-bottom:10px;padding-top:4px;border:1px solid #ccc;text-align:center;background-color:#f7f7f7;}
.wp-caption img{float:none;border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{margin:0;padding:0;}
#calendar_wrap table{width:100%;}
#calendar_wrap td{text-align:center;}
#wp-calendar caption{background:#dedede;margin:0 0 10px;}

p.tags,.clear {clear:both;}

/**  post image positioning **/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/**  post profile pages **/
.profile_info1 {padding: 10px 10px 0 10px; vertical-align:top; width: 300px;}
.profile_info2 {padding: 10px 0 0 20px; border-left:thin solid #CCC;}

/**  home tour **/
.tour_col1 {padding: 10px 10px 10px 10px; vertical-align:top; width: 320px; border-bottom:thin solid #CCC;}
.tour_col2 {padding: 20px 10px 0 10px; vertical-align:top; border-bottom:thin solid #CCC;}


/*kitchen tour */
.bannerContainer {margin: 0 0 0 0; padding: 8px 0 10px 0; border: 0; background: #FFF; overflow: auto;}
.bottomBar { display: block; float: left; height: 160px; width: 316px;}
.kitchenTour { background: url(img/kitchenTour.png) no-repeat; }
.becomeClient {  background: url(img/becomeClient.png) no-repeat; margin: 0 24px; }
.blogMail { background: black; }
.blog { display: block; width: 316px; height: 85px; background: url(img/readBlog.png) no-repeat; }
.mailingList { display: block; width: 316px; height: 85px; background: url(img/joinEmailList.png) no-repeat; overflow: auto;} 
.mailListForm { margin: 40px 0 0; } 
.submitButton {float: right; margin:-5px 5px 0 0px; }
.emailEntry {margin: 0 0 0 15px;}

#footer .copyright { color: #BBB; float: left; }
#footer .address { color:#000; float: right; font-weight: bold }


#content-home { height: 330px; width: 997px; overflow; auto; }
#content-home .sample { height: 330px; width: 798px; float: left; overflow: hidden;}
#content-home .sample p { margin: 0; padding: 0; }
#content-home .featured {     background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 330px;
    overflow: hidden;
    width: 199px; }
#content-home .designer { height: 200px; width: 199px; background: #E13432; text-align: left; }
#content-home .designer .icon { border: 3px solid #FFFFFF;
    height: 75px;
    margin: 10px 0 0 10px;
    width: 75px;
}
#content-home .designer p {
    color: #FFFFFF;
    margin: 0 0 0 10px;
    padding: 0;
}


#content-home .designer h3 { 
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 10px 10px;
    padding: 0;
    text-transform: uppercase;
}

#content-home .designer a {
    color: #000000;
    display: block;
    margin: 0 0 0 10px;
    width: 177px;
    word-wrap: break-word;
}
#content-home .findOne { height: 130px; width: 200px; background: url(img/findDesigner.png); display: block; }


#slideContainer {
    width: 798px;
    height: 330px;
    margin: 0;
    padding: 0;
    position: relative;
}
.slide {
    z-index: 8;
    width: 798px;
    height: 330px;
    position: absolute;
    left: 0;
    top: 0;
}

.last-active {
    z-index:9;
}

.active {
    z-index: 10;
}


.slide span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    height: 30px;
    left: 0;
    padding: 6px;
    position: absolute;
    text-align: left;
    top: 300px;
    width: 787px;
}

.slide img {
    position: absolute;
    left: 0;
    top: 0;
}