/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
br.clear {
	clear: both;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
.starthidden{ visibility:hidden; display:none; }
.left{ float: left; }
.right{ float: right; }

/* TEXT */
strong, b { font-weight:bold; }
em, i { font-style:italic; }


body {
	background-color: #49433f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 145%;
	padding:0;
	margin: 22px 0;
	color: #999999;
}
#wrap {
	margin:0 auto;
	padding:0 28px 22px 28px;
	width: 857px;
	background: #35302D url('images/bg-dotty.gif') top right no-repeat;
}
#main {
}

#content,
#homecontent {
	width: 684px;
	min-height: 345px;
	float: left;
	padding: 0 0 22px 0;
	background: url('images/content-topstrip.png') top left no-repeat;
}

#homecontent {
	background: none;
}

div.mainpost{
	border-top:1px solid #49433F;
	padding-top: 5px;
	width: 334px;
	float: left;
}

div.mainpost.sidebarMiddleHasContent{
	float: right;
}

div#rightpane{
	border-top:1px solid #49433F;
	float: right;
	width: 334px;
	padding-top: 5px;
}

.slideshow{
	padding-bottom: 5px;
}

span.credit {
	float:right;
}
img, hr {
	border:0;
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5{
	font-weight: normal;
}

p{
	padding-bottom: 1.5em;
}


h2,
h2.whitecaps,
p.whitecaps,
span.whitecaps{
	text-transform: uppercase;
	color: white;
	font-size: 10px;
}

p.whitecaps{
	margin-bottom: 0;
	padding-bottom: 0;
}


p.intro{
	font-size: 13px;
	line-height: 18px;
}

p.nopadding{
	padding: 0;
}

a{
	color: #FFFF33;
	text-decoration: none;
}	

a:hover{
	text-decoration: underline;
}

a.rss{
	background: url('images/rss.gif') top right no-repeat;
	padding-right: 20px;
}

br.clear {
	clear: both;
	line-height:0;
	padding:0;
	margin:0;
	visibility:hidden;
	font-size:1px;
}

table {
	width: 95%;
	border-collapse:collapse;
	margin-top: 15px;
	margin-bottom: 25px;
}

/* -----------------------------------------------
   Header
   ----------------------------------------------- */

#header {
	margin: 0 0 22px 0;
	height: 135px;
}

#header #logo{
	padding-top: 43px;
	float: left;
}

#header-links{
	width: 195px;
	float: right;
	padding-top: 55px;
}

div.header-link{
	padding-bottom: 10px;
}

.header-links-icon{
	float: left;
	width: 40px;
	padding-top: 2px;
}

#header-links-icon1{
	padding-bottom: 10px;
}

#header-links-icon1 img{
	padding-left: 10px;
}

#header-links a{
	color: #999999;
	display: block;
	float: left;
	line-height: 120%;
	font-size: 10px;
}

#header-links a:hover{
	color: white;
	text-decoration: none;
}

img#pagetitle{
	float: left;
	padding: 77px 0 0 11px;
}

/* -----------------------------------------------
   Footer
   ----------------------------------------------- */

.footer {
	clear:both;
	padding: 10px 0 0 0;
	background: url('images/footer-topstrip-2cols.png') top left no-repeat;
	color: #807873;
	font-size: 10px;
}

.footer.homepage {
	background: url('images/footer-topstrip.png') top left no-repeat;
}

.footer a{
	color: #807873;
	text-decoration: none;
}

.footer a:hover{
	color: white;
}

.footer p#tunedin{
	padding: 0;
}

/* -----------------------------------------------
   Sidebar
   ----------------------------------------------- */

#sidebar-left{
	 border-top:1px solid #49433F;
	 width: 158px;
	 float: left;
	 margin-right: 15px;
}

#sidebar-middle{
	 width: 334px;
	 float: left;
	 margin-bottom: 22px;
}

ul.linkmenu,
ul.linkmenu ul{
	list-style: none;
}

#sidebar-left ul.linkmenu{
	margin-bottom: 22px;
}


ul.linkmenu li {
	font-size: 10px;
}
	

ul.linkmenu li p{
	color: white;
	text-transform: uppercase;
	display: block;
	padding: 2px 0 3px 0;
	border-bottom:1px solid #49433F;
}

ul.linkmenu li a{
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px 0 3px 0;
	border-bottom:1px solid #49433F;
	text-transform: uppercase;
}

ul.linkmenu li a:hover{
	color: #FFFF33;
}

/* Client log-in */
ul.linkmenu li.page-item-27 a,
ul.linkmenu li.client-login a{
	color: #666;
}

ul.linkmenu li.page-item-27 a:hover,
ul.linkmenu li.client-login a:hover{
	color: white;
}



#sidebar-middle ul.linkmenu{
	margin-top: 1px;
}

#sidebar-middle ul.linkmenu li a{
	color: #666;
}

#sidebar-middle ul.linkmenu li a:hover{
	color: #FFFF33;
}

ul.linkmenu li.current_page_item a{
	color: #FFFF33 !important;
}

ul.linkmenu li.archivelink{
	text-transform: uppercase;
	color: #666;
	border-bottom:1px solid #49433F;
	padding: 2px 0 3px 0;
}

ul.linkmenu li.archivelink a{
	display: inline;
	border-bottom: none;
}

#sidebar-middle a.rss{
	float: right;
	border-bottom: none;
	padding: 2px 20px 0 0;
	background-position: 100% 60% ;
}

/* Our Work > Testimonials */
#sidebar-middle ul.linkmenu li.page-item-86{
	margin-top: 21px;
	border-top:1px solid #49433F;
}


div#quoteholder{
	/*
	bottom: 0;
	position: absolute;
	*/
	margin-top: 8px;
	width: 158px;
	display:block;
}

div#quoteholder p#quote{
	color: #666;
	padding: 0 0 3px 0;
}

div#quoteholder p#quotesource{
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
}


/* -----------------------------------------------
   Karen P router page
   ----------------------------------------------- */

#routerpage #main{
	padding-top: 200px;
	min-height: 330px; 
}

#routerpage p.yellowtitle{
	font-size: 16px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #FFFF33;
	padding: 0 0 3px 0 ;
}

#routerpage p.greylink,
#routerpage p.greylink a{
	color: #666;
	font-size: 10px;
	text-decoration: none;
}

#routerpage p.greylink a:hover{
	color: #FFFF33;
}

#routerpage .routerbox{
	width: 33%;
	float: left;
	border-top: 1px solid #666666;
}	

#routerpage #routerbox1,
#routerpage #routerbox2,
#routerpage #routerbox3{
	height: 75px;
	padding-top: 11px;
}

#routerpage #routerbox4,
#routerpage #routerbox5,
#routerpage #routerbox6{
	padding-top: 8px;
}



/* -----------------------------------------------
   Homepage
   ----------------------------------------------- */

#homepage {
	margin:0;
	padding:0;
}

#home1{
	width: 451px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	float: left;
	margin-right: 15px;
	background: url('images/home-topstrip.png') top left no-repeat;
	padding: 6px 0 3px 0;
	color: white;
}

#home1 p{
	padding-bottom: 5px;
}

#home2{
	float: left;
	width: 218px;
	border-top:1px solid #49433F;
	padding: 6px 0 0 0;
}

#home2 a{
	color: #666;
}

#home2 a:hover{
	color: #FFFF33;
	text-decoration: none;
}


div.threecols{
	float: left;
	width: 218px;
	border-top:1px solid #49433F;
	border-bottom:1px solid #49433F; 
	padding: 8px 0 8px 0;
}

div.threecols a p{
	color: #666;
	margin: 0;
	padding: 0;
}

div.threecols a:hover,
div.threecols a:hover p{
	color: #FFFF33;
	text-decoration: none;
}

span.yellowarrow{
	color: #FFFF33;
}

#home3{
	margin-right: 15px;
}

#home4{
	margin-right: 15px;
}

#home5{

}


#home6{
	padding: 6px 0 0 0;
}

#home6,
#home6 a{
	color: #666;
}

#home6 a:hover{
	color: #FFFF33;
	text-decoration: none;
}


/* -----------------------------------------------
   Contact
   ----------------------------------------------- */

div#contact-map{
	border-top:1px solid #49433F;
	padding-top: 5px;
	width: 334px;
	float: right;
}

p.contact-smalltext{
	font-size: 10px;
	color: #666;
	line-height: 130%;
	padding-bottom: 0;
}


/* -----------------------------------------------
   Contact
   ----------------------------------------------- */

form#clientlogin{
	margin-top: 160px;
	font-size: 10px;
}

form#clientlogin label{
	color: white;
	float: left;
	padding-top: 3px;
}

form#clientlogin input{
	width: 175px;
	height: 15px;
	background-color: #49433f;
	border: 0;
	padding: 4px;
	margin: 0 8px;
	color: white;
	font-size: 10px;
	float: left;
}	

form#clientlogin a#submitlink{
	float: left;
	width: 60px;
	padding-right: 20px;
	padding-top: 3px;
}

form#clientlogin p#forgotten{
	font-size: 11px;
	width: 240px;
	float: left;
	margin-top: -4px;
}

form#clientlogin p#forgotten a{
	color: #999999;
}

form#clientlogin p#forgotten a:hover{
	text-decoration: none;
	color: #FFFF33;
}


/* -----------------------------------------------
   
   ----------------------------------------------- */

/* Begin Posts*/

p.postTitle{
	padding:0;
	margin:0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
}

.postInfoBottom {
	border-top:1px dotted #E0E0E0;
	border-bottom:1px dotted #E0E0E0;
	padding:5px 0;
	margin:10px 0 40px 0;
	width: 200px;
}
/* Begin Comments*/
.alt {
}
.commentlist {
	padding:0 10px 10px 10px;
	margin:0;
	background-color:#F4F4F4;
}
.commentlist hr {
	color:#F4F4F4;
	height:1px;
	padding:0;
	margin:0;
	border:thin;
}
.commentlist li {
	margin:0;
	padding:10px 0 0 0;
	border-bottom:3px solid #ccc;
	list-style:none;
}
.commentlist p {
	margin:0 0 10px 0;
	padding:10px;
	background-color:#fff;
	float:right;
	width:378px;
	border:1px dotted #ccc;
}
#commentform p {
	margin:0;
	padding:0;
}

.nocomments {
	text-align:center;
	margin:0;
	padding:0;
}

.commentmetadata {
	margin:0;
	display:block;
}

/* Begin generic */

.homeLeft {
	width:280px;
	float:left;
	padding:10px 30px 0 0;
}
.homeRight {
	width:260px;
	float:right;
	padding:10px 0 0 0;
}
.homeRight ol {
	padding:0;
	margin:0;
}
.homeRight ol li {
	list-style:none;
	padding:0 0 15px 24px;
}
.homeRight ol li.one {
	background: transparent url('images/li_one.gif') no-repeat 0 0;
}
.homeRight ol li.two {
	background: transparent url('images/li_two.gif') no-repeat 0 0;
}
.homeRight ol li.three {
	background: transparent url('images/li_three.gif') no-repeat 0 0;
}
img.avatar {
	float:left; margin-right:5px;
}


form#commentform {
	padding:0;
	margin:0;
}
#form {
	padding:10px 20px 20px 20px;
	margin:0;
	background-color: #F2F2F2;
	position:relative;
	width: 350px;
}
#form label {
	font-weight:900;
	margin:5px 0 0 0;
	line-height:10px;
	float:left;
	padding:0 0 5px 0;
}
#form input.textfield, #form textarea.textfield {
	border:1px solid #cccccc;
	width:340px;
	margin:0;
	padding:3px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

.failure {
	font-weight:900;
	color:#990000;
}