/*
Theme Name: Brown Advertising LLC
Theme URI: http://www.vitalnerve.co.uk
Description: Custom made wordpress theme for Brown Advertising
Author: Neil Brown
Author URI: http://brownadvertising.com/
Tags: 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
*{
 margin:0;
 padding:0;
}

body{
 margin:0;
 padding:0;
 background:#000 url('img/main-background.jpg') no-repeat top center;
 font-family: Georgia, Times New Roman, Helvetica, serif;
 font-size: 62%;
 color:#CCCCCC ;
}

img, div, ul, p, span{ behavior: url('wp-content/themes/brown-ad/img/iepngfix.htc') }


/******************
*******************
Typography    ****/

h1{ 
 padding:24px 0 0 0;
 margin: 0 0 14px 0; 
 text-align:center;
}

#left-column h2{
 font-size:3.6em;
 line-height:1em;
 font-weight:normal;
 margin: 0 0 12px 0;
 padding:5px 0 0 0;
 border-top:1px solid #ccc;
 width:547px;
 font-family: Georgia, Times New Roman, Helvetica, serif;
}

h2 a{
 color:#fff;
}

h2 a:hover{ text-decoration:underline;}

#services h2#connect{ padding-top:20px;}

h3{ 
 font-size:1.7em;
 font-weight:normal;
 color:#999;
 padding:0px 0 0;
 line-height:1em;
}

#process h3{ margin:0 0 5px 0;}

h3 span{
 margin:0 0 0 16px;
 position:relative;
 top:-6px; 
}

a{ text-decoration:none;}

a img{ border:0;}

#content p{
 font-size:1.8em;
 line-height:1.3em;
 text-align:justify;
 margin: 0 0 22px 0;
 padding:0;
 overflow: visible; /* Fixes IE6 em inside floated container exploded width bug */
 height:1%;         /* Fixes IE6 em inside floated container exploded width bug */
}

#content p.smallerp{ font-size:1.7em;}

#content p.sub-heading{ 
 font-size:2em; 
 border-bottom:1px solid #ccc; 
 color:#fff; 
 padding:0 0 25px 0;
}

#hire-me-page #content p.sub-heading{ 
 border:0;
 padding:0;
 font-size:2.5em;
} 

#content p.sub-heading span{ color:#d1ae6e; font-weight:bold; }

#content p.no-margin{margin:0;}
#content p.align-left{text-align:left;}

#content p.testimonail-start{ margin:0 0 10px 0;}

#services #content p.sub-heading{ border:0; padding-bottom:0;font-size:1.9em;}

#content p a{ 
 border-bottom:1px dotted;
 color:#ccc; 
}

#content p a:hover, #content p span{ color:#fff;} 

/******************
*******************
Main layer styles    ****/

#wrapper{
 position:relative;
 width:972px;
 left:50%;
 margin:0 auto;
 margin-left:-502px;
 padding:0;
}

#masthead{
 height:180px;
 z-index:100;
 background:url('img/navigation-bg.png') no-repeat;
}



#hire-me{
 width:184px;
 height:54px;
 background:url('img/hire-me.gif') no-repeat 0 0;
 position:absolute;
 top:0; 
 right:0;
 z-index:100;
} 

#hire-me span{ display:none;}

#hire-me:hover{ background-position:0 -146px;}

#navigation{
 width:972px;
 height:167px;
 position:absolute;
 top:0;
 z-index:50;
 
}

#navigation img#g-bottom{
 position:absolute;
 top:90px;
 left:435px;
}

/*#navwrapper{
 position:relative;
 top:83px;
 right:0;
 height:49px;
 width:784px;
 padding:7px 0 0 1px;
 background:url('img/navigation-bg.png') repeat-x 0 0;
 float:left;
 margin: 83px 0 0 0;
}*/

#navigation ul{
 height:49px;
 width:784px;
 padding:7px 0 0 21px;
 display:inline;
 float:left;
 margin: 83px 0 0 168px;
 list-style:none;
} 

#navigation ul li{
 float:left;
 display:inline;
}

#navigation ul li a{ height:27px; float:left; display:block;}
#navigation ul li a span{ display:none;}

#navigation ul li.homea a{ width:75px; background:url('img/nav/home.png') no-repeat 0 -200px; }
#navigation ul li.abouta a{ width:84px; background:url('img/nav/about.png') no-repeat 0 -200px; }
#navigation ul li.servicesa a{ width:97px; background:url('img/nav/services.png') no-repeat 0 -200px; }
#navigation ul li.portfolioa a{ width:101px; background:url('img/nav/portfolio.png') no-repeat 0 -200px; }
#navigation ul li.processa a{ width:101px; background:url('img/nav/process.png') no-repeat 0 -200px; }
#navigation ul li.clientsa a{ width:162px; background:url('img/nav/clients.png') no-repeat 0 -200px; }
#navigation ul li.contacta a{ width:97px; background:url('img/nav/contact.png') no-repeat 0 -200px; }
#navigation ul li.bloga a{ width:62px; background:url('img/nav/blog.png') no-repeat 0 -200px; }

#navigation ul li a:hover{ background-position: 0 0;}

#content{
 width:998px;
 padding:25px 0 0 13px;
}

#left-column{
 width:620px;
 padding: 0 28px 0 28px;
 float:left;
 display:inline;
}

#right-column{
 padding:0 0 0 0;
 float:left;
 width:284px;
}

#contact #right-column, #hire-me-page #right-column{
 width:642px;
 padding:0;
}

#about-photo{ margin:0 0 22px 0;}
 
#right-left-column{
 width:220px;
 margin:0;
 float:left;
}

#right-right-column{
 width:221px;
 margin:0 0 0 33px;
 float:left;
 display:inline;
}

#right-left-column h2,#right-right-column h2{ padding:5px 0 0 ; line-height:1em;}

#footerwrapper{
 width:100%;
 height:120px;
 background:url('img/footer-bg.png') repeat-x left 25px;
 clear:both;
}

#footer{
 position:relative;
 width:1000px;
 height:120px;
 left:50%;
 margin:0 auto;
 margin-left:-502px;
 padding:0;
 color:#cc9999;
 font-size:1.4em;
}

#footer p{ padding: 60px 0 0;}

#footer a{
 color:#cc9999;
 border-bottom:1px dotted;
}

#footer a#site-admin{color:#996666; border:0;}

#freelance-show{
 float:right;
 bottom:0;
 right:0;
}








div.hr{
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 border-top:1px solid #ccc;
 margin:-8px 0 18px 0;
 clear:both;
}

.clear{
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 clear:both;
 text-decoration:none;
 
}




.digg{
 width:54px;
 height:79px;
 margin:0 0 10px 10px;
 float:right;
}

.deets{
 font-family:arial;
 color:#999;
 font-size:1.4em;
 padding:10px 0 10px 0;
}

.deets a{ color:#999; border-bottom:1px dotted;}
.deets a:hover{ color:#fff;}
.deets span.author{
 color:#fff;
 background:#6a1010;
 padding:3px;
 margin:0 0 0 8px;
}

.deets span.comments{
 float:right;
 clear:both;
 padding:0 0 2px 21px;
 background:url('img/comments.gif') no-repeat;
} 


#content p.continue{
 float:right;
 color:#cd9a66;
 font-family:arial;
 font-size:1em;
 padding:5px 0 0 0;
}

#content p.continue a{
 color:#cd9a66;
 border-bottom:0;
 padding:5px 35px 6px 0;
 background:url('img/next-arrow.gif') no-repeat top right;
}

#content p.continue a:hover{
 color:#ccc;
 text-decoration:underline;
}



#archives, #categories{
 width:117px;
 padding:10px 8px 0 8px;
 background:#cfaa67 url('img/h2/side-bottom.gif') no-repeat bottom left;
 float:left;
 display:inline;
 position:relative;
}

#archives h2, #categories h2{ margin: 0 0 10px 0;} 

#categories{ margin:0 17px 0 0;}

#archives ul, #categories ul, .right-box ul{ 
 margin: 0 0 20px 10px;
 list-style:disc;
 color:#996633; 
 font-size:1.2em;
}

#archives ul li , #categories ul li, .right-box ul li{margin: 0 0 5px 0;}

#archives ul li a, #categories ul li a, .right-box ul li a{ color:#996633;}

#archives ul li a:hover, #categories ul li a:hover, .right-box ul li a:hover{ border-bottom:1px dotted;} 

.right-box{
 width:267px;
 padding:10px 8px 20px 8px;
 margin: 0 0 10px 0;
 background:#cfaa67 url('img/h2/right-box-bottom.gif') no-repeat bottom left;
 position:relative;
}

.right-box h2{ margin:0 0 10px 0;}

.right-box ul{ margin: 0 0 20px 15px;} 

.rss .right-box{padding:0 0 20px 0;width:283px;}


#signup-form{
 width:255px;
 height:88px;
 padding:6px 0 0 0;
 top:64px; 
 left:458px;
}

#signup-form label{
 width:49px;
 padding: 1px 0 0 15px;
 font-size:1.4em;
 float:left;
 font-weight:bold;
 color:#996633;
}

#signup-form input{
 width:170px;
 float:left;
 margin:0 0 11px 0;
}

#signup-form input.button { width:auto;}

#side-ads img{ margin: 0 4px 7px 3px;}

.about-author{
 font-family:arial;
 padding:10px 0 10px 0;
}

.about-author img{ float:left; margin: 0 12px 0 0;}

.about-author div{float:left; width:480px;}

#content .about-author .the-author{
 color:#fff;
 background:#6a1010;
 padding:2px 3px;
 margin:0 0 5px 0;
 text-align:left;
 overflow:auto;	 
 font-size:1.6em;
}

#content .about-author p{ font-size:1.4em;}

#content .about-author p.email{ padding-left:24px; background:url('img/email-icon.gif') no-repeat center left;}

.social-links{
 width:608px;
 padding:5px 0 0 12px;
 margin: 0 0 35px;
 height:77px;
 background:url('img/social-links-bg.gif') no-repeat ;
}

#content .social-links p{
 font-family:arial;
 font-size:1.4em;
 padding:5px 0 0 30px;
 margin: 0 0 10px 0;
 line-height:1em;
 height:auto;
}

#content .social-links p a{ margin:0 8px;}

#whats-this{
 width:74px;
 height:35px;
 display:block;
 background: url('img/whats-this.gif') no-repeat 0 -200px;
 float:left;
}

#whats-this:hover{ background-position:0 0 ;}

.comments-box{
 width:582px;
 padding:54px 19px 0 19px;
 margin:0 0 20px 0;
 background: #dfc48e url('img/comments-bg.gif') no-repeat 17px 19px;
 font-family:arial;
 color:#996633;
}

.comment{border-bottom:1px solid #996633; padding:20px 0 0 0;}

.comment .profile{
 width:105px;
 float:left;
 text-align:right;
 margin:0 0 0 12px;
}

#content .comment .profile p{text-align:right;line-height:1em;padding:10px 0 0 ;margin:0 0 10px;}
#content .comment .profile p span{ font-size:.6em;color:#996633; }

#content .comment .comment-body p{
 float:left;
 width:445px;
 padding:0 0 0 12px;
 font-size:1.4em;
}

h3#respond{
 font-family:arial;
 font-size:2em;
 color:#ccc;
 margin: 0 0 10px;
}

#commentform input,#commentform textarea{
 width:430px;
 background:#ccc;
 border:1px solid #999;
}

#commentform input#submit{ width:auto; border:0; margin:0 30px 20px 347px;}

#content #commentform p{ text-align:left; margin:0 0 10px 0;}

#commentform label{
 font-family:arial;
 text-align:left;
}

#commentform label#message-label{ vertical-align:top; margin:0 0 0 4px}

#content #commentform p label span{ color:#ccc; font-size:.6em;}

#content p.arial{ font-family:arial; font-size:1.5em;}

#content p.back-link{
 font-family:arial;
 font-size:1.4em;
 padding:5px 0 0 0;
}

#content p.back-link a{
 color:#cd9a66;
 border-bottom:0;
 padding:5px 0 6px 35px;
 background:url('img/prev-arrow.gif') no-repeat top left;

}

#left-column h2.pagetitle{ border:0;}


a#subscribe-rss{
 width:283px;
 height:72px;
 background:url('img/subscribe.gif') no-repeat 0 -200px;
 position:absolute;
 top:0;
 left:0;
}

a#subscribe-rss:hover{ background-position: 0 0;} 

a#what-is-rss{
 position:absolute;
 width:106px;
 height:20px;
 top:58px;
 right:0;
}