/*  
Theme Name: Guy Decor
Theme URI: http://guydecor.com/themes/default
Description: A custom theme created for guydecor.com
Version: 1.0
Author: GD
Author URI:http://www.guydecor.com
*/

html{
  margin:0;
  padding:0;
  border:0;
  text-align:center;
}

body{
  position:relative;
  margin:0 auto 0 auto;
  padding:0;
  border:0;
  text-align: left;
  font: 11px Verdana;
  background: url('http://media.guydecor.com/bg-main.png') repeat-x top left;
}

form{
  margin: 0;
  padding: 0;
}

input, select, button{
  font: 11px Verdana;
}

img{
  border: 0;
}

a{
  color: #4896e4;
  text-decoration: none;
}

a.disabled{
  color: #ccc !important;
}

a:hover{
  text-decoration: underline;
}

h1{
  font: 14px Verdana;
  color: #404040;
}

h2{
  font: 18px Verdana;
  color: #404040;
  margin: 0; 
  padding: 0;
}

h2 a{
  color: #404040;
}

h3{
  font: 18px Verdana;
  color: #404040;
  margin: 0; 
  padding: 0;
}

h3 a{
  color: #404040;
}

p{
  font: normal 11px Verdana;
  line-height: 15px;
  color: #404040;
  margin: 0; 
  padding: 0 0 10px 0;
}

dl{
  font: normal 11px Verdana;
  line-height: 13px;
  color: #404040;
}

blockquote{ 
  margin: 5px 20px 10px 20px;
  padding: 5px;
  background: #f8f8f8;
}

textarea{
  width: 400px;
}


.inline-right{
  float: right;
}

input.button{
  width: auto !important;
  background: #f0f0f0 url('http://media.guydecor.com/button.jpg') repeat-x top left;
  border: 1px solid #808080;
}

input.text{
  height: 14px;
  font-size: 10px;
  border: 1px solid #808080;
  color: #404040;
}

a:hover{
  text-decoration: underline;
}

div{
  margin: 0; padding: 0;
}

div#header{
  position: relative;
  top: 0;
  left: 0;
  height: 27px;
  width: 930px;
  padding: 0;
  margin: 1px auto 5px auto;
  text-align: center;
  background: url('http://media.guydecor.com/bg-header.png') no-repeat top left;
}

dl#menu{
  position:absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
} 

dl#menu dd{
  float: left;
  margin: 0 5px;
  padding: 0;
}

dl#menu dd a{
  display: block;
  height: 25px;
  color: #fff;
  line-height: 25px;
  margin: 0 8px 2px 8px;
  padding: 0;
}

dl#menu dd.selected{
  text-align: center;
  background: url('http://media.guydecor.com/bg-menu-sel.png') repeat-x top left;
}

dl#menu dd.selected a{
  font-weight: bold;
}

/* begin secondary menu */
dl#secondary{
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  border-bottom: 1px solid #c0c0c0;
} 

dl#secondary dd{
  margin: 0;
  padding: 0;
  border-top: 1px solid #c0c0c0;
}

dl#secondary dd a{
  display: block;
  height: 20px;
  line-height: 20px;
  color: #404040;
  margin: 5px;
  padding: 0;
}

dl#secondary dd#subscribe a{
  background: url('http://media.guydecor.com/subscribe.png') no-repeat bottom left;
  padding-left: 20px;
}

dl#secondary dd#subscribe a:hover{
  background: url('http://media.guydecor.com/subscribe-highlight.png') no-repeat bottom left;
}

dl#secondary dd#tip{
  padding: 0 0 5px 5px;
  position: relative;
}

span#tipSuccess{
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  background: #94e89a;
  color: #fff;
  padding: 2px;
  display: none;
}

dl#secondary dd#tip table{
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

dl#secondary dd#tip table tr td{
  margin: 0;
  padding: 3px;
}

dl#secondary dd#tip div#attribContainer{
  display: none;
  background: #f0f0f0;
  border: 1px solid #ccc;
  margin: 6px 0;
  padding: 2px;
} 

dl#secondary dd#tip input.text{
  width: 175px;
}

dl#secondary dd#tip h5{
  margin: 5px 0 5px 0;
  display: block;
  font-weight: normal;
  font-size: 11px;
}

dl#secondary dd#tip h5 small{
  margin-left: 2px;
}

dl#secondary dd#tip h5 a{
  display: inline;
  margin: 0;
  padding: 0;
  color: #73aad8;
}
/* end secondary menu */

#aside img#logo{
  margin: 0;
  padding: 0;
}

#aside{
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  padding: 0;
  margin: 0;
}

#aside p{
  text-align:left;
  padding: 5px;
  width: 290px;
  margin: 5px 0 0 0;
}

#aside p.sponsor{
  font-weight: bold;
  margin: 10px 0;
}

#aside p.about{
  background: url('http://media.guydecor.com/about-bg.gif') no-repeat top left;
  padding: 5px 10px;
}

#aside dl{
  margin: 20px 0 0 0;
  padding: 0;
}

#aside dt{
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: left;
}

#aside dd{
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
}

#aside h2{
  text-align: left;
  margin: 20px 0 0 0;
  padding: 0;
}

#aside h2 a{
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: bold;
}

#aside ul{
  margin: 0 0 0 0;
  padding: 0;
}

#aside li{
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
}

.sep{
  margin: 0 0 8px 0;
  border-bottom: dotted 1px #c0c0c0;
}

div#content{
  position: relative;
  top: 0;
  left: 0;
  width: 820px;
  text-align: left;
  margin: 10px auto 10px auto;
  padding: 10px 0 0 0;
  min-height: 600px;
  background: url('http://media.guydecor.com/bg-content.png') no-repeat top right;
}

div.post{
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 25px 330px;
  padding: 0 0 10px 0;
  width: 470px;
  border-bottom: 2px solid #f0f0f0;
}

div.post img.thumb{
  float: left;
  margin-right: 5px;
}

div.post p.meta{
  font-size: 10px;
  color: #ccc;
  padding: 1px;
}

div.post p.meta a{
  font-size: 10px;
  color: #ccc;
}

span.single-center{
  display: block;
  width: 464px;
  text-align: center;
  padding: 2px;
  margin: 0;
}

div.post small{
  display: block;
  margin-bottom: 2px;
  margin-top: 2px;
}



div#footer{
  height: 60px;
  padding: 0;
  margin: 50px 0 0 0;
  text-align: center;
  border-top: 1px solid #c0c0c0;
}


div#footer div{
  position: relative;
  height: 60px;
  width: 800px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

div#footer dl{
  margin: 10px 0 10px 0;
}

div#footer dt, div#footer dd{
  margin: 0;
  padding: 0 10px 0 0;
  display: inline;
}

div#footer dt{
  font-weight: bold;
  margin-bottom: 5px;
}


div#footer p.callout strong{
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}

h2.pagetitle{
  margin-bottom: 10px;
}

div#comments, div.navigation, div.reply, h2.pagetitle, div#reply{
  margin-left: 320px;
}

div.reply{
  width: 440px;
  padding: 5px;
  margin-bottom: 10px;
  border-top: 1px dashed #f0f0f0;
}






div.reply textarea{
  margin: 0;
  width: 430px;
}

ul.commentlist{
  list-style: none;
  padding: 5px;
  margin: 0;
  width: 440px;
}

ul.commentlist li{
  margin: 0 0 5px 0;
  padding: 5px;
}

ul.commentlist li.alt{
  background: #f8f8f8;
}

p.postmetadata.alt{
  margin: 10px 0 5px 0;
  padding: 5px;
  background: #f8f8f8;
  width: 440px;


}


div.navigation div{
  display: inline;
}

#meta{
  display: none;
}

.cal{
  color: #ccc;
  float: left;
  padding: 4px;
  margin: 4px;
}

.month{
  display: block;
  font-size: 10px;
}

.day{
  display: block;
  font-size: 24px;
}

.year{
  display: block;
  font-size: 10px;
}

.inlinePic{
  float: right;
  margin: 4px;
}

span.caption{
  font-style: italic;
  color: #808080;
}

div.post small{
  color: #979797;
}

span.commentLink{
  display: block;
  width: 43px;
  height: 23px;
  text-align: center;
  margin: 0;
  padding: 7px 7px 0 0;
  background: url('http://media.guydecor.com/comments-small.jpg') no-repeat top left;
}

span.commentLink a{
  margin: 0;
  padding: 0;
}


span.postedIn{
  position: absolute;
  bottom: 19px;
  left: 42px;
}

/* begin comments */
div#comments h3{
  font-size: 12px !important;
  font-weight: bold;
  margin: 0;
  padding: 10px;
}

div#comments p{
  margin: 0;
  padding: 10px;
}

ol.commentlist{
  list-style: none;
  margin: 0;
  padding: 0;
}

ol.commentlist li{
  margin: 0;
  padding: 0 10px 15px 10px;
}

div#comments ol.commentlist li p{
  margin: 0;
  padding: 0;
}

div#reply{
  margin: 0 0 15px 0;
  padding-left: 330px;
}

div#reply label{
  display: block;
  margin: 0;
  padding: 10px 0 0 0;
}

div#reply textarea{
  margin: 0 0 10px 0;
}