/*
Theme Name: Buxton
Theme URI: http://www.buxtoncomm.com
Description: Theme based on Starkers for Buxton Communications; designed by <a href="http://www.jmbroekman.com">Jessyca Broekman</a>
Version: 1.0
Author: JMB
Author URI: http://www.jmbroekman.com
Tags: basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/ie.css";

/*styles from buxton-styles.css */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:300;
	color: rgb( 102, 102, 102);
	line-height:120%;
	
}

a {
	text-decoration:none;
        color:rgb(51, 51, 51);
}

a img {margin:0 15px 15px 0;}

a:hover {
       color: rgb(106, 159, 197);
}

li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
        text-align:left;
}


#pagewrap {
	margin: 0 auto;
	width: 980px;
	height: 100%;
	position:relative;
	
}

#header{
	position:relative;
	background-image:url(style/images/header.jpg);
	background-repeat:no-repeat;
	height: 353px;
	
}

h1 {display="none"; }

#nav {
	left:271px;
	position:relative;
	top:334px;
	

}
#nav ul { height:19px; width:600px; padding:0;
}
#nav ul li{
	display:inline;
	padding-left:23px;
	font-size:110%;
	color: rgb(51, 51, 51);
}

#nav ul li.current_page_item a {
       color: #333333;
}

#nav ul li a {color:#FFF;
}

#nav ul li a:hover { color: rgb(51, 51, 51);
}

#maincontent {
	padding: 18px 50px 18px 250px;
}


#maincontent ul {margin-left:15px; }
#maincontent ul li {
	list-style-image:url(style/images/bullet-arrow.gif);
	padding: 0 0 4px 2px;
	list-style-position:inside;
}
#maincontent a:visited  { color:#6A9FC5;}

#maincontent a:hover { color:rgb(30, 109, 167);}
#maincontent li a { color: rgb(106, 159, 197); }


.tight {margin-bottom:5px;
}

.last { margin-bottom: 15px;
}




.emph {color: rgb(30, 109, 167);
	margin:0;
	padding:0;
	font-size:95%;
	font-weight:400;
}
p {margin:5px 0 20px;
}

#sidebar {
	position:absolute;
	top: 166px;
	left:3px;
	background-image:url(style/images/sidebar-bkg-lg.jpg);
	background-repeat:no-repeat;
	height: auto;
	width: 239px;
}

#sidebar h3 {
	border-bottom: rgb(106, 159, 197) 0.5px dotted;
	color: rgb(106, 159, 197);
	margin: 0 5px 10px 0;
	padding:0 0 3px;
	font-size:110%;
}

#sidebar p {
       margin: 0; line-height:180%;
}

#sidebar ul li.widget { list-style-image:none; }

#sidebar ul li h3 a { color:#6A9FC5; }
#sidebar ul li h3 a:visited {color:rgb(106, 159, 197);}
#sidebar ul li h3 a:hover {color: rgb(30, 109, 167);}


#sidebar h3 a {color:rgb(106, 159, 197);
}

#sidebar h3 a:hover { color: rgb(30, 109, 167);
}

#sidebar ul {
     font-size:95%;
     margin-bottom:0;
     margin-right:10px;
     margin-top:40px;
     padding:0 35px;
}

#sidebar ul li {
	list-style-image:url(style/images/bullet-arrow.gif);
	padding-left: 2px;
        margin-bottom: 10px;
}

#sidebar ul  li ul {margin:0; padding:0; }

#sidebar ul li a {
	color: rgb(128, 128, 128);
}
#sidebar ul li a:visited {
         color:#808080;
}

#sidebar ul li a:hover {
	color:#333;
}


#footer {
	position:relative;
	border-top: rgb(128, 128, 0) thin dashed;
	font-size:0.8em;
	text-align:center;
	padding-top: 10px;
	margin: 10px 25px 10px 230px; 
}

#footer a {
       color:rgb(102, 102, 102);
}

#footer a:hover {
       color: rgb(51, 51, 51);
}

#searchsubmit, #submit {margin-top: 7px; }

#respond { margin-bottom: 10px; }

/* new declarations for case study pages */

h2 {
  font-size:120%;
  color: rgb(30, 109, 167);
  font-variant:small-caps;
  margin:10px 0;
}


.right {
	float:right;
	width: 320px;
	text-align:center;
	margin-top: 40px;
	margin-right: 30px;
	
}

.right h3, .right h3 a{
	color: rgb(106, 159, 197);
	font-size:110%;
	margin-bottom: 10px;
	text-align:left;
}

.right p {
	text-align:left;
	margin-bottom:30px;

}
	
.left {
	float:left;
	width:300px;
	margin-top: 30px;
	margin-right:10px;
	text-align:center;
}

.left img {
	margin-bottom: 30px;
}

.clear {
	display:block;
	clear:both;
}

p.clear {
	clear:both;
	margin:0;
}

#post-82 .left {
       width:250px;
       position:relative;
       left:25px;
}

#post-82 .right {
       width:370px;
       margin-right:10px;
}

#post-45 img.alignleft {margin-right:20px; margin-top:3px;}
#post-45 p.aboutright {padding-left:125px;}

/*added for current projects on both home and interior pages */
.current {
	width: 200px;
	text-align:center;
	margin:-10px -35px 20px 25px;
	padding:20px 10px;
        float:right;
}

.current p {
	text-align:left;
	padding:15px 20px 0;
	margin:0;
        width:200px
}

#post-2 p {margin:5px  35px 20px 20px; width:400px; line-height:150%;}
#post-2 .current p {
  margin:0;
  padding:0;
  text-align:left;
  width:200px;}

.current p a:link {color:rgb(106, 159, 197); }

.current h3 {
	font-variant:small-caps;
	text-align:left;
	color:#1E6DA7;
	padding: 0 20px;
        font-size:125%;
	
}

.current img {margin:35px 0 5px 0;}

p.more { 
	margin-bottom:20px;
	text-align:right;
	}
	
.more a {
	color:rgb(106, 159, 197);
	font-size:85%;
}
.more a:hover { color:rgb(30, 109, 167);}

img.center {
	margin:15px 25%;
}
#maincontent h3 {
	margin-bottom:8px;
}

#sidebar ul li.noarrow { list-style-image:none; }