/*  

Theme Name: Browndog Theme

Description: 2-Column, widgetized, adsense-ready theme.

Version: v.1

Author: Eric Weiand

Author URI: http://www.weiand-design.com/



*/





/*----MAIN STYLES----*/



.clear{

	clear:both;

}



body, h1, h2, h3, h4, h5, h6, blockquote, p, form{

     margin: 0;

     padding: 0;

}





p.li{

     margin-left: 15px;

}







blockquote{

     margin-left: 30px;

     margin-right: 27px;

     margin-top: 10px;

     margin-bottom: 10px;

     background: #eaeaeb url(images/blockquote.jpg) no-repeat top left;

     padding: 25px;

}



body{

     margin: 0;

     font-family: Arial, Helvetica, Georgie, Sans-serif;

     font-size: 12px;

     text-align: center;

     vertical-align: top;

     background: #42331f;

     color: #000;

}



h1{

     font-family: Tahoma, Geneva, sans-serif;

     font-size: 24px;

     padding: 0 0 10px 0;

}



h4{

     font-family: Tahoma, Geneva, sans-serif;

     font-size: 16px;

     padding: 0 0 10px 0;

}



h5{

     font-family: Tahoma, Geneva, sans-serif;

     font-size: 14px;

     padding: 0 0 10px 0;

}



a:link, a:visited{

      text-decoration: none;

      color: #fc7d00;

}



a:hover{

      color: #fc7d00;

      text-decoration: underline;

}

a:active{
		border:none;
}



p{

      padding: 10px 0 0 0;

}



#wrapper{

      margin: 0 auto 0 auto;

      width: 960px;

      text-align: left;

}





/*----ADVERTISEMENTS----*/



#topadsense{

      height: 25px;

      background: #9c3108;

      padding-top: 10px;

}



#sidebarads1{

      height: 160px;

      width: 290px;

}





#ad1{

      float: left;

      height: 125px;

      width: 125px;

      background: url(images/ad1.jpg) no-repeat;

      padding-right: 7px;

}



#ad2{

      float: left;

      height: 125px;

      width: 125px;

      background: url(images/ad2.jpg) no-repeat;

}

#ad3{

      float: left;

      height: 125px;

      width: 125px;

      background: url(images/bluehost_ad.gif) no-repeat;

}

#ad4{

      float: left;

      height: 125px;

      width: 125px;

      background: url(images/ad2.jpg) no-repeat;

}





/*----HEADER----*/



#header{

      float: left;

      width: 960px;

      height: 200px;

      padding: 0px;

	  margin-top: 0px;

      background: #9c3108 url(images/header_bg.jpg) top left repeat-x;

}



#logo{

      position: relative;

      left: 20px;

      height: 107px;

      width: 520px;

      margin: 0 0 93px 0;

      background-image: url(images/logo.png);

}



#logo h1{

	  font-family: Arial, Helvetica, Georgia, Sans-serif;

      font-size: 36px;

      font-weight: lighter;

      text-transform: uppercase;

	  text-indent:-9999px;

	  height: 107px;

      width: 520px;

}







#tophome{

      position: relative;

      height: 59px;

      left: 770px;

      float: left;

      font-family: Arial, Helvetica, Georgia, Sans-serif;

      font-size: 7px;

      font-weight: lighter;

      text-transform: uppercase;

}



#tophome a{

      float: left;

      color: #fc7d00;

      padding-right: 50px;

      padding-top: 40px;

      padding-bottom: 25px;

      background: url(images/icon-home-off.jpg) no-repeat 0px 12px;

}



#tophome a:hover{

      color: #ffffff;

      background: url(images/icon-home-on.jpg) no-repeat 0px 12px;

}





#toprss{

      position: relative;

      height: 59px;

      left: 785px;

      float: left;

      font-family: Arial, Helvetica, Georgie, Sans-serif;

      font-size: 7px;

      font-weight: lighter;

      text-transform: uppercase;

}



#toprss a{

      float: left;

      color: #ffffff;

      padding-right: 50px;

      padding-top: 40px;

      padding-bottom: 25px;

      background: url(images/icon-rss-off.jpg) no-repeat 0px 12px;

}



#toprss a:hover{

      color: #ffffff;

      background: url(images/icon-rss-on.jpg) no-repeat 0px 12px;

}



#contact{

      position: relative;

      height: 59px;

      left: 800px;

      float: left;

      font-family: Arial, Helvetica, Georgie, Sans-serif;

      font-size: 7px;

      font-weight: lighter;

      text-transform: uppercase;

}



#contact a{

      float: left;

      color: #ffffff;

      padding-right: 50px;

      padding-top: 40px;

      padding-bottom: 25px;

      background: url(images/icon-mail-off.jpg) no-repeat 0px 12px;

}



#contact a:hover{

      color: #ffffff;

      background: url(images/icon-mail-on.jpg) no-repeat 0px 12px;

}









/*----DROP DOWN TOP NAV----*/





#menuholder{

    background: url(images/top-nav-bg.jpg) repeat-x center top;

    width: 960px;

    height: 37px;

	margin: 0 auto;

	padding: 0px 0;

}



#nav {

	width: 960px;

    height: 37px;

	background: #42331f;

	float: left;

}



#nav, #nav ul { /* all lists */

	font-size:12px;
	
	font-weight:bold;

	padding: 0;

	margin: 0 auto;

	list-style: none;

	line-height: 1.8;

}



#nav a {

	display: block;

	padding:10px 10px 7px 10px;

	color: #fc7d00;

    font-size: 11px;

    margin-right: 20px;

}





#nav a:hover {

	color:#fc7d00;

	text-decoration:underline;

}



#nav li { /* all list items */

	float: left;

	display: block;
	
	margin:0 auto;

}



#nav li ul { /* second-level lists */

	position: absolute;

	background: #b0b1b1;

	width: 164px;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	display: block;

}





#nav li ul a{ /* second-level lists */

	width: 144px;

}



#nav li ul ul { /* third-and-above-level lists */

	margin: -37px 0 0 164px;

	padding: 0;

}



#nav li ul ul a{

	width: 144px;

	}



#nav li:hover, #nav li.hover {

    position: static;

}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



.search {

	float:right;

	margin: 10px 0 10px  0;

}





/*----CONTENT AREA----*/





#container{

      float: left;

      width: 660px;

      margin-top: 20px;

}



.post{

      padding: 25px 0px 25px 45px;

	  margin:10px 0 20px 0;

      background: #fff url(images/paw.png) top left no-repeat;

      width: 610px;

	  border:#fc7d00 solid 1px;

}



img.alignleft{

	float:left;

      padding-right: 10px;

	  border:none;

}



img.aligncenter{

      padding: 10px;

	  border:none;

}



img.alignright{

	float:right;

      padding: 10px;

	  border:none;

}





.post h2{

      font-family: Tahoma, Geneva, sans-serif;

      font-size: 24px;

      line-height: 35px;

      padding-left: 50px;

      color: #fc7d00;

      border-bottom: #42331f 1px solid;

}



.entry{

      line-height: 18px;

      padding-right: 25px;

}













/*----BOTTOM OF POSTS----*/





.postbottom{

      height: 50px;

      width: 500px;

      padding-top: 25px;

      padding-right: 25px;

      padding-bottom: 40px;

      background: #fff;

	  border:#fc7d00 1px;

}



.postbottom h3{

      color: #fc7d00;

      border-bottom: 1px solid #E2E2E2;

      font-size: 10px;

      padding: 0;

      margin: 0;

}



.relatedposts{

      float: left;

      width: 280px;

      list-style: none;

      font-size: 10px;

}



.relatedposts ul li{

      list-style: none;

      width: 280px;

      margin-left: -40px;

      border-bottom: 1px solid #E2E2E2;



}





.relatedposts ul li a{

      color: #666666;

      display: block;

      text-decoration: none !important;

      margin-left: 0px;

      padding-top: 3px;

      padding-right: 0px;

      padding-bottom: 3px;

      padding-left: 5px;

}



.relatedposts ul li a:hover{

	border-bottom-color: #fff;

	color: #42331e !important;

	background-color: #fa7d04;

}



.share{

      float: left;

      width: 200px;

      margin-left: 15px;

}



.stumble{

      width: 42px;

      height: 42px;

      float: left;

      margin-top: 12px;

      margin-bottom: 7px;

      margin-right: 10px;

      background: url(images/icon-stumble.jpg) no-repeat;

}



.stumble:hover{

      width: 42px;

      height: 42px;

      float: left;

      margin-top: 12px;

      margin-bottom: 7px;

      margin-right: 10px;

      background: url(images/icon-stumble-hover.jpg) no-repeat;

}



.digg{

      width: 42px;

      height: 42px;

      float: left;

      margin-top: 12px;

      margin-bottom: 7px;

      margin-right: 10px;

      background: url(images/icon-digg.jpg) no-repeat;

}



.digg:hover{

      width: 42px;

      height: 42px;

      float: left;

      margin-top: 12px;

      margin-bottom: 7px;

      margin-right: 10px;

      background: url(images/icon-digg-hover.jpg) no-repeat;

}





.delicious{

      width: 42px;

      height: 42px;

      float: left;

      margin-top: 12px;

      margin-bottom: 7px;

      background: url(images/icon-delicious.jpg) no-repeat;

}



.delicious:hover{

      width: 42px;

      height: 42px;

      float: left;

      margin-top: 12px;

      margin-bottom: 7px;

      background: url(images/icon-delicious-hover.jpg) no-repeat;

}



.subscribe{

      float: left;

      width: 150px;

      margin-left: 15px;

      margin-top: 5px;

}





.subscribe a{

      color: #666666;

      display: block;

      text-decoration: none !important;

      border-bottom: 1px solid #E2E2E2;

      font-size: 10px;

      margin-left: 0px;

      padding-top: 3px;

      padding-right: 0px;

      padding-bottom: 3px;

      padding-left: 5px;

}



.subscribe a:hover{

	border-bottom-color: #fff;

	color: #666 !important;

	background-color: #E6E6E6;

}





p.postmetadata{

      border-bottom: 1px dashed #E2E2E2;

      margin: 0 6px 10px 0;

      padding-bottom: 10px;

}





/*----PAGE AND POST NAVIGATION----*/





.navigation{

      float: left;

      width: 500px;

      padding: 10px 0 0 0;

      padding-left: 25px;

      font-size: 14px;

      line-height: 16px;

      margin-bottom: 25px;

}



.navigation a{

      color: #666666;

      text-transform: uppercase;

      font-size: 10px;

      background: url(images/button-bg.jpg);

      padding-top: 5px;

      padding-bottom: 5px;

      padding-left: 10px;

      padding-right: 10px;

      margin-right: 10px;

      border: 1px solid #E2E2E2;

}



.navigation img{

      border: none;

}



/*----SIDEBAR----*/



.sidebar{

      float: right;

      width: 290px;

      margin: 20px 0 0 10px;

      display: inline;

}



.sidebar ul{

      list-style-type: none;

      margin: 0;

      padding: 0px 10px 0px 25px;

}



.sidebar ul li{

      padding: 10px 0 10px 0;

}



.sidebar ul li h2{

      font-family: Tahoma, Geneva, sans-serif;

      font-size: 14px;

      color: #fc7d00;

      padding-left: 15px;

      padding-bottom: 10px;

      

}



.sidebar ul ul li{

      padding: 0px;

      line-height: 24px;

      border-bottom: #E2E2E2 1px solid;

}



.sidebar ul ul li a{

      color: #fff;

      display: block;

      text-decoration: none !important;

      margin-left: 0px;

      padding-top: 2px;

      padding-right: 0px;

      padding-bottom: 2px;

      padding-left: 5px;

}



.sidebar ul ul li a:hover{

	border-bottom-color: #fff;

	color: #42331f !important;

	background-color: #fc7d00;

}



table#wp-calendar{

      width: 93%;

      padding-left: 30px;

      padding-top: 5px;

      line-height: 20px;

}



/*----COMMENTS----*/



.comments-template{

	margin: 10px 0 0;

	border-top: 0px solid #ccc;

	padding: 10px 0 0;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px solid #E2E2E2;

}



.comments-template h2, .comments-template h3{

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

}



/*----FOOTER----*/



#footer{

      clear: both;

      float: left;

      width: 960px;

      height: 150px;

      padding: 10px 0 10px 0;

      list-style: none;

	  background:url(images/footer-topborder.jpg) top repeat-x;

}



#footer p{

      line-height: 18px;

      padding-left: 20px;

      padding-right: 20px;

}



#footer a{

      color: #fc7d00;



}



#footer a:hover{

	color: #fc7d00 !important;

	text-decoration:underline;

}





#footer img{

       border: 1px solid #333333;

       margin-top: 25px;

       margin-left: 40px;

       margin-right: 20px;

       margin-bottom: 20px;

}



#footer h2{

      color: #fc7d00;

      padding-top: 10px;

      padding-bottom: 10px;

      font-size: 14px;

}



#leftfooter{

      float: left;

      width: 332px;

	  padding-bottom:10px;

      background: url(images/footer-border.jpg) repeat-y right;

}





caption{

      padding-top: 10px;

      font-size: 16px;

      color: #ffffff;

}



#rightfooter{

     float: left;

     width: 628px;

	 margin-top:35px;

}







.authorpic{

     width: 185px;

     height: 80px;

     background: url(images/authorpic.jpg);

     border: 1px solid #333333;

     margin-top: 10px;

     margin-left: 40px;

     margin-right: 20px;

     margin-bottom: 10px;

}



#subfooter{

    float:left;

    width: 960px;

    text-align: center;

	margin-top:10px;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-right: 2px;

    margin-left: -2px;

    color: #a6a7a8;

    background: #9c3108;

}



#subfooter a {

	display: block;

	padding:10px 10px 7px 10px;

	color: #fc7d00;

        font-size: 11px;

        margin-right: 20px;

}





#subfooter a:hover {

	color:#fc7d00;

	text-decoration:underline;

}



#subfooter li {

	float: left;

	display: block;

}


/* Author Box */

#author-info {
	background: #eaeaec;
	padding: 10px;
	margin: 20px 0 15px 0;
	border: #42331f 1px solid;
	overflow: auto;
}
#author-info #author-image {
		float: left; margin: 20px 10px 5px 0; border: 5px solid #DCDCE1;
	}

#author-bio {
	margin-left:10px;
}