/*
Theme Name: loganbrownmedia
Theme URI: http://www.loganbrownmedia.com/
Description: CMS theme for Wordpress
Version: 0.1
Author: Logan Brown
Datum: October 20, 2008

colors:
column tan: fffdf0
column dark tan: ecdbca
column green: bcc1ab
lightest blue: 537ea7
bg blue: 3d6488
dark blue: 193f63
light red: c04756
deep red: 9b2726
*/

/* RESET ALL MARGINS AND PADDING */

* { margin: 0; padding: 0;}

/* GENERAL */

body {background: url(images/background.jpg) repeat-x top left #3d6488;color: #404040;font: normal normal normal 0.75em/normal Tahoma, Arial, Helvetica, sans-serif;height: 100%;
line-height: 18px;
margin: 0px;
padding: 0px;
width: auto;
}

/* FLOATS */
.left {float:left;}
.right {float:right;}

li {list-style-type:none;}

/* TYPOGRAPHY  */

blockquote {margin:0 auto 15px auto; padding:10px 10px 0 10px;width:90%;background:#fcfcf4 url(images/quote.gif) no-repeat bottom right; border:1px solid #e7e8d8;font:italic 1.2em Georgia, "Times New Roman", Times, serif; line-height:125%;color:#333333;}

h2 {margin:10px 0 10px 0; padding:0;font:bold 1.85em Tahoma, Arial, Helvetica, sans-serif; color:#48463c;text-transform:uppercase;}
#content h2 {margin-left:0px;}
h3 {margin:0; padding:0;font:1.50em Arial, Helvetica, sans-serif; color:#6e6960;}
.h3 {margin:0; padding:0;font:1.50em Arial, Helvetica, sans-serif;}
h4 {margin:5px 0; padding:0;font:bold 1.17em Arial, Helvetica, sans-serif; color:#48463c;text-transform:uppercase;}
h5 {margin:5px 0; padding:0;font:.92em Georgia, "Times New Roman", Times, serif; }
.h5 {margin:0 0 5px 0;font-size:.9em;color:#999999;}
h6 {margin:0; padding:0;font:bold 1.1em Arial, Helvetica, sans-serif;color:#48463c;}

/* LINKS */
a:link, a:active, a:visited {color:#3d6488;text-decoration:none;}

h1 a {border:0;display:block;outline:0;}
h2 a:link, h2 a:active, h2 a:visited{font-size:1em; color:#47443a;}
h3 a:link, h3 a:active, h3 a:visited {color:#6e6960;}
h4 a:link, h4 a:active, h4 a:visited {color:#48463c;}
h5 a:link, h5 a:active, h5 a:visited {color:#000000;}
h5.pink-links a:link, h5.pink-links a:active, h5.pink-links a:visited {color:#c04756;}
h6 a:link, h6 a:active, h6 a:visited {color:#48463c;}

body.home h4, body.home h4 a:active, body.home h4 a:visited {font:normal 12px Georgia, "Times New Roman", Times, serif; text-transform:lowercase;color:#595959;margin:0px 0px -10px 0px;}

body.home p {font:normal 14px Georgia, "Times New Roman", Times, serif; line-height:20px}

p.wp-caption-text {}

#navigation a {font:.8em Tahoma, "Times New Roman", Arial, Helvetica, sans-serif; color:#ccc9b1;
		text-transform:lowercase; line-height:25px; display:block;}
#navigation ul#nav li.rss {margin-left:260px;}	

.rss a {margin:0; padding:0 5px;font:1em Georgia, "Times New Roman", Times, serif; color:#ea8b1c;}
	
#sidebar li ul li a {margin:0; padding:0px;
		height:auto;display:block; color:#48463c;}
	
#sidebar li ul li a a:link {margin:0; padding:0;width:auto; height:auto;display:inline;}
#sidebar li.widget ul li a {font-weight:bold;}
		
.navigation a {font:bold 1.2em Tahoma, Arial, Helvetica, sans-serif; color:#c04756;}

a:hover {text-decoration:underline;}

#navigation a:hover {color:#ede9c6; text-decoration:none;}
	
#sidebar li ul li a:hover, #sidebar li.widget ul li a:hover {color:#c04756; text-decoration:none;}
#sidebar li.widget ul li a:hover {color:#c04756;}

/* SEARCHFORMS */
#searchform div {background: url(images/sidebar.gif) repeat-y;
height: 100%;
list-style: none;
margin: 0px;
padding: 5px 20px;
width: 241px;}

#searchform #s {float: left; margin-top:7px;}
	
#searchsubmit {width:85px;height:26px;background:url(images/submit.gif) no-repeat;font:.95em Georgia, "Times New Roman", Times, serif; color:#333;text-align:center;font-weight:bold;border:0;margin-left:6px;margin-top:4px;}

#searchfield {border:0;}


/*  STYLES  */
.uppercase {text-transform:uppercase;}
.light {color:#fffdf0;}
.dark {color:#ecdbca;}
.green{color:#bcc1ab;}
.lightred {color:#48463c;}
.deepred {color:#9b2726;}
.lightblue{color:#537ea7;}
.blue {color:#3d6488;}
.darkblue {color:#193f63;}
.grey {color:#a3a3a3}
.small {font-size:.92em;}
.medium {font-size:1.2em;}
.large {font-size:1.70em;}
.arial {font-family:Arial, Helvetica, sans-serif;}
.georgia {font-family:Georgia, "Times New Roman", Times, serif;}
.block {display:block;}
.inline {display:inline;}
.bold {font-weight:bold;}
.weight-normal {font-weight:normal;}
.alignleft {float:left; margin: 7px 0px 20px 20px;}
.alignright {float:right; margin: 7px 20px 20px 0px;}
.post img {background-color: white;border: 1px solid rgb(221, 221, 221);
float: left;margin: 0px 0px 10px 15px;
padding: 5px;overflow:hidden;}
strong {color:#c04756}


/* NAVIGATION */
ul#nav {
background:transparent url(images/navbg.jpg) repeat-x left center;
}

#navigation {height: 101px;margin: 0px;padding: 0px;width: auto;}

ul#nav {
height: 81px;
list-style: none;
margin-left: 40px;
padding-bottom: 0px;
padding-left: 50px;
padding-right: 0px;
padding-top: 20px;
width: auto;}

ul#nav li {
margin:10px 0 0 10px; padding:0 20px 0 0;
float:left;}

#navigation ul#nav li a {display: inline;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 20px;
letter-spacing:1px;
background-color:transparent;
height: 25px;
margin:0px;
padding:2px;
color:#eee;
}
#navigation ul#nav li a:hover {
background-color:#537ea7;}

#navigation ul#nav li.current_page_item a {
background-color:#537ea7;}

#navigation ul#nav li.rss a:hover {
background-color:transparent;}

h1 {display: block;height: 90px;margin: 10px 0px 0px 0px;padding:20px 0px 5px 0px;width: auto;border:0px;}
h1 img, li.rss img {border:0px}


/* WRAPS */
#allwrapper {
background:transparent;
margin:0px 0px 0px 40px; padding:0;
	width:990px; height:auto;}

#wrap {height: auto;margin: 0px;
padding: 0px;width: 950px;
float:right;}

.upperwrap {background: url(images/footer.jpg) no-repeat 0% 100%;
margin: 0px 0px 0px -40px;
padding: 0px;}

/* --- CONTENT ---*/
#main {}

#content {
background: transparent url(images/leftcol-bg.jpg) repeat-y;
float: left;
height: auto;
margin: -50px 0px 0px 0px;
padding: 0px;
height:auto;
width: 659px;
z-index:2;
}

.content {
background:transparent url(images/leftcol-top.jpg) no-repeat scroll top left;
margin: 0px auto 0px;
padding: 10px 0px 0px 0px;
width: 659px;}

body#home .left-bottom {
background:transparent url(images/leftcol-bottom.jpg) no-repeat scroll bottom left;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
width: 659px;}


.left-bottom {
background:transparent url(images/leftcol-bottom.jpg) no-repeat scroll bottom left;
margin: 0px auto 0px;
padding: 0px 0px 50px 0px;
width: 659px;}


br.clear {clear: both;}


#rightcol {margin:0px 0px 0px 540px; padding:30px 20px 0px 0px; width:370px; height:480px;}
#row1 {height:220px;width:370px}
#row2 {width:370px; }
#row2 ul {display:block;margin-top:20px;}
#row2 ul li {padding:5px 0px;}

/* SIDEBAR */
#sidebar {margin:-30px 0 30px 5px; padding:0; width:271px; height:auto; float:right;}
#sidebar a {color:#666}
#sidebar ul {margin:0px 0 0 0; padding:0 0 16px 0;
		width:281px; height:100%;
		background:url(images/sidebar-bottom.gif) no-repeat bottom center;}
#sidebar #searchform div, #sidebar li {
	margin:0;
	list-style:none;
	background:url(images/sidebar.gif) repeat-y;
	padding:5px 20px 5px 20px;
width:281px;
height:100%;}

#sidebar .textwidget {
	margin-top: -5px;
	list-style:none;
	padding:5px 20px 5px 20px;
width:241px;
height:100%;
}
#sidebar .textwidget p{width:240px;}
#sidebar .textwidget ul{
	margin-left:-20px;
}		
#sidebar #searchform {
	background:url(images/sidebar-top.gif) no-repeat top center;
	padding-top: 13px;
	margin-top:20px;
margin-right:0px;
	}

#sidebar h2{background: url(images/sidebar-top.gif) no-repeat 50% 100%;
color: #eee;
font: normal normal normal 1.67em/normal Georgia, 'Times New Roman', Times, serif;
margin: 20px -10px 0px 0px;
padding-bottom: 25px;
padding-left: 15px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;}				

/* WEBLOG POSTS */
#left-top {
background:transparent url(images/leftcol-top.gif) no-repeat scroll top left;
z-index:1;
}

.widecolumn .post {margin:0 0 10px 0; padding:15px 20px 10px 20px;background:url(images/divider.gif) no-repeat bottom center;}
.post p{margin-bottom:7px;}
.post {margin:0 0 10px 0; padding:15px 20px 10px 20px;}
.post p{margin-bottom:7px;}
.post .entry {overflow:auto;}

.navigation .alignright, .navigation .alignleft {margin-top:15px; }
.single .post {margin-top:-20px;}

.postmetadata {text-align: left;  }
body#interior .postmetadata {font-size:14px;}
.postmetadata a {color: #9b2726;}


/* FOOTER */
#footer {
display: block;
height: 71px;
margin: 20px 0px 0px 0px;
width: auto;
color:#fff;
clear: both;
}

#footer a {color:#fff;}

.innerfooter {height: auto;
margin: 10px 0px 0px 0px;
padding: 30px 0px 0px 0px;
width: 950px;}

#footer p {float:left; font-size: 90%;}

.footer {margin:0; padding:0;background:url(images/footer.gif) no-repeat bottom left;}


/* COMMENTS */
#commentswrap {margin:0px 20px; width:619px;}

h3#respond, h3#comments {padding:15px 0px 10px 0px;}	

.commentlist { margin:0px 0 20px -4px; padding:1px 0 0 0;float:left; width:627px;}

.commentform { margin:30px 0 0 0; padding:1px 0 0 0;
	float:left;background:none;}

ol.commentlist li, ol.commentform li {margin:0 ; padding:0;
		list-style-type:none;list-style-position: outside;}
	
ol.commentlist li.alt {background: #ecdbca;
	margin-bottom: 0 !important;
	color: #333; line-height: 1.5em;}

ol.commentlist li {background: transparent;
	padding: 20px;
	margin-bottom: 0 !important;line-height: 1.5em;
	color: #333;
margin-left:-2px; margin-right:-2px}

.authcomment {
background-color: #bcc1ab !important;
}
#commentinput {float:left; margin-left:20px; margin-bottom:20px;}
#commentinput p {margin: 10px 0; text-align:right;}
#commentinput input {background:#ecdbca;
	padding:5px; border: 0px;}
.widecolumn textarea {color: #000;width:577px;background:#ecdbca;
	height: 120px;margin: 5px 0px 18px 15px;;
	padding:5px; border: 0px;}

#commentswrap p textarea
{float: left;margin-right: 15px;
	width: 580px !important;}


/*  CLEARS  */
.clearfix:after {content: " ";display: block;clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


/* OTHER */

#foliomain {width:950px; background:transparent url(images/foliobg-top.jpg) top center no-repeat;margin-top:-30px}
body.home #foliomain {height:501px; background:transparent url(images/landingbg.jpg) top center no-repeat; margin-top:-40px; }
#folio-top {background:url(images/foliobg.jpg) repeat-y top center;}
#folio-bottom {background:url(images/foliobg-bottom.jpg) bottom center no-repeat;}
body.home #folio-bottom {background:url(images/landingbottom.jpg) bottom center no-repeat;}
body#home h1{margin-top:-10px;}
body.portfolio h1{margin-top:-10px;}
body.portfolio .innerfooter p, body.resume .innerfooter p {padding: 0 0 20px 47px;}
body.resume h1{margin-top:-10px;}
body.resume #sidebar a {color:#3d6488}
#resume #left-top {margin-top:18px}
#resume .content {padding:15px 20px 10px 20px; width:659px;}
#resume p {margin-bottom:10px; width:619px;}
#resume #sidebar  {margin-top:-48px;}
body.contact h1{margin-top:-10px;}
body.contact #left-top {margin-top:18px;}
body.contact #sidebar {margin-top:-48px;}
body.contact h2 {padding-left:20px}
body.contact p, ul, hr {padding:0px 20px 0px 0px; width:619px;}
body#interior #left-top {margin-top:18px;}
body#interior h2.searchresults {padding-left:20px}
body#interior #sidebar {margin-top:-48px;}
#spacer {height:50px;text-indent:-3000px}
body.home  h1{margin-top:-10px;}

body.home #folio-top {images/leftcol-top.jpg) no-repeat scroll top left;
margin: 0px auto 0px;
padding: 10px 0px 0px 0px;
width: 950px;}

body.home h2 {}
body.home h2 a {color:#537ea7;}
body.home h2 a:hover {text-decoration:none; background:; color:;}
#searchresults h2, #searchresults p, #searchresults ul {margin-left:20px;}
#searchresults #searchform div {background: transparent;height: 100%;list-style: none;
margin: 0px 0px 20px 0px;padding: 5px 0px;width: 300px;}

/* CONTACT */
.contactright {}
.contactleft {}
#contactmain {width:950px; background:transparent url(images/foliobg-top.jpg) top center no-repeat;margin-top:-30px; }
#contactmain h2{padding-top:20px}
#leftcontact {float:left;width:200px;margin-left:20px; padding-right:40px;margin-bottom:25px}
#leftcontact p {width:200px}
#midcontact {float:left;width:310px;padding-right:0px;margin-bottom:25px}
#rightcontact {float:left;margin-left:-20px;width:350px;margin-bottom:25px}

#contactmain input {width: 200px;height: 20px;margin-top:3px;margin-bottom:10px;font-family: Helvetica, Arial, sans-serif;font-size: 12px;line-height: 20px;color: #000;background-color: #ecdbca;padding: 2px;border-style: none;}

#contactmain textarea {width: 350px;height: 225px;margin-top:3px;margin-bottom:20px;font-family: Helvetica, Arial, sans-serif;font-size: 14px;line-height: 20px;color: #000;background-color: #ecdbca;padding: 4px;border-style: none; letter-spacing:0.75px;}

#contactmain label {font-size:12px;color:#193f63;
	width: 200px;height: auto;font-weight:normal;}

body.contact #footer {padding-left:50px;}

/* ASIDES */

ul.asides_entry { margin: 10px 0px 20px 30px; width: 570px; padding: 0 0 0px 15px; list-style: none; border-left: 3px solid #9b2726; float: left; clear:all}
.asides_entry li {  color: #666; list-style: none; }
.asides_entry span:hover {}
.asides_entry span { font-weight: normal; }
.asides_entry li a, .asides_entry li a:visited { text-underline-style: dotted; }
.asides_entry li a:hover { text-decoration: underline; }