/*
Theme Name: WP-Brown
Theme URI: http://www.themespluginswp.com/new-wordpress-themes/wordpress-theme-wp-brown-10/
Description: 2 Column Widgetized WordPress Theme. Cool Brown Colors and a unique look plus some places to put up some Ads. 
Version: 1.3
Author: <a href="http://www.themespluginswp.com/">ThemesPluginsWP</a>
Author URI: http://www.themespluginswp.com/
Tags: 2 columns, wordpress themes, publicizer, cool themes, fixed width, widgetized
For the WordPress community (GPL).
*/

/*** GENERAL TAGS ***/

body {
    Georgia, verdana, arial, serif; font-weight:400;
	font-size: 12px;
	color: #000000;
	background-attachment: scroll;
	background-color: #485153;
	margin:0px;
	padding:0px;
	text-align:center;
	background-image: url(http://ryansutter.com/images/layout/bg.jpg);
	background-repeat: repeat-x;


}


#container {
	width:1200px;
        height:100%;
	margin:0px;
	padding:0px;
	background-image: url(http://ryansutter.com/images/layout/bg_sutter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

.bg {
}

.wrap { width: 800px; text-align: left; }
h1, h2, h3, h4, h5 { margin: 0px; font-weight: normal; }
.clear { clear: both; }

h2{
	font-size:28px;
	margin-top:5px;
	font-family: verdana, arial, serif;
	font-weight: 400;
}

a, a:active, a:link { color: #000000; text-decoration: none; }
a:hover { color: #000000; }
input { border: 0px; }

/*** Header & Search Box ***/

.header { padding-top: 0px; }

.logo { float: right;  }
.logo h1 { font-size: 43px; font-family: verdana, arial, serif;}
.logo h1 a { color: #ffffff; }
.logo h1 a:hover { color: #ffffff; }



/*** Menu ***/

.menu {
	padding-top: 0px;
	float: right;
}




/*** Content ***/

.content {  background: #ffffff url(images/sidebarbg.jpg) repeat-y right; }

.leftcontent {
	width: 490px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;

	margin-right: 5px;
}
.rightcontent { float: left; width: 250px; 	margin-left: 10px; }

/*** Article ***/

.advertising {  background: #ffffff; padding: 15px 0 15px 0; border-left: solid 1px #C4B497; }
.advertising a img { border: solid 5px #ffffff; float: left; }
.advertising img { margin-left: 10px; }
.advertising .item { width: 220px; margin: 0px; margin-left: 10px; }.sidebar .item { margin: 15px 0px 25px 10px; }


.article { margin-bottom: 50px;}
.article h2 { font-size: 24px; font-family: verdana, arial, serif; font-weight: bold; line-height: 28px; }
.article h2 a { color: #000000; }
.article h2 a:hover { color: #2d3740; }

.article h3 { font-size: 16px; font-family: verdana, arial, serif; font-weight: bold;  }
.article h3 a { color: #000000; }
.article h3 a:hover { color: #2d3740; }

.postcontent { line-height: 18px; }
.postcontent a { text-decoration: underline; color: #000000; }

.postmeta { text-transform: uppercase; font-family: verdana, arial, serif; color: #b5966d; border-top: solid 1px #F0E5DE; display: block; margin-top: 8px; padding: 5px 0px 2px 0px; }
.date { padding-left: 15px; background: url(images/calendar.gif) no-repeat center left; }
.mcategories { padding-left: 18px; width: 355px; background: url(images/document.gif) no-repeat center left; padding-top: 1px; float: left; }
.mcomments { background: url(images/comment.gif) no-repeat center left; float: right;  padding-left: 20px; padding-top: 1px;}

/*** Sidebar ***/
.item { width: 250px; margin-left: 5px; }

.item h3, .item h2 .comments h2 { color: #a89e38; font-size: 22px; font-family: 'Arial','Trebuchet MS','Helvetica',sans-serif; padding-bottom: 2px; border-bottom: solid 1px #9fac7e; }
.item ul { list-style: none; padding: 0; margin: 0px; border-top: solid 1px #FFFBF6; background: #ffffff; }
.item ul li { width: 220px; padding: 6px 10px 6px 10px; border-bottom: dashed 1px #9fac7e; line-height: 15px; color: #C8BCA7; font-size: 11px; }
.item ul li a { font-size: 13px; }


.latest ul li a { background: url(images/arrow_fat_right.gif) no-repeat top left; padding-left: 15px; }
.half ul li { width: 140px; float: left; padding: 5px; }
.half ul { float: left; }


/*** Comments h2 ***/

.comments h2 { margin-bottom: 15px; }
.comment { display: block; padding: 10px; }
.alt { background: #9fac7e; }

.comment-meta { color: #2d3740; border-bottom: solid 1px #E6DDCE; padding-bottom: 4px; }
.comment-meta span { font-size: 14px; font-weight: bold; }

.commentform { background: #9fac7e; display: block; padding: 10px; margin-top: 10px;}
.commentform span { font-size: 16px; display: block; color: #ffffff; margin-bottom: 4px; }
.commentform input, .commentform textarea { width: 300px; background: #ffffff; border: #ffffff; padding: 4px; margin-bottom: 10px; }
.commentform input.subscribe_button{ width: 153px; height: 33px; background: url(images/submit-off.jpg); display: block; text-indent: -9999px; }
.commentform input.subscribe_button:hover { background: url(images/submit-on.jpg); }

/*** Footer ***/

.footer p { font-size: 11px; color: #B8BCC2; line-height: 16px; margin: 10px 0px 35px 0px;}
.footer p span { color: #ffffff; display: block; }



.footer1, .footer2 {
text-align: center;
font-size: 11px;
}
.footer1 a, .footer2 a{
background: none;
color: #000000;
}
.footer1 {
	width: 800px;
	border-bottom: 6px #9fac7e solid;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.footer1 a{
margin: 0 10px;
}

.footer2 {
padding: 8px 0;
}


a.footer_rss {
background: url(images/icons/rss.gif) left center no-repeat;
padding-left: 17px;
}
a.footer_rss_comm {
background: url(images/icons/comm.gif) left center no-repeat;
padding-left: 15px;
}
a.footer_wp {
background: url(images/icons/w.gif) left center no-repeat;
padding-left: 15px;
}
a.footer_login {
background: url(images/icons/user.gif) left center no-repeat;
padding-left: 16px;
}


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}


.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	padding:20px;
	border:dashed 2px red;
	width:90%;
	margin:0px auto;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.3em;
}

.error a, .error a:hover{
	color:#8a1f11;
}

/* simply moves close box to right */
.kickRight {
	text-align:right;
}

ul#twitter_update_list {list-style-type:none; padding-left:0px;margin-left:0px}

ul#twitter_update_list li { padding-bottom:8px; list-style-type:none;}  

#twitter_update_list a {
		color: #333333;
		text-decoration: none; list-style-type:none;
		}
	
		#twitter_update_list a:hover {
		color: #000;
		text-decoration: underline;
		}

		#twitter_update_list li {
	color: #000;
	text-decoration: none;
	list-style-type: none;
	margin-left: 0px;
	line-height:normal;
	text-align: left;
	text-indent: 0px;
		}