/* @override 
	http://www.jamiepeloquin.com/styles/theme.css
*/

/* Jamie Peloquin Design : Color and Graphics Styles */

/* @group Elements */

html {
	background: #dcdcdc url(../images/bg-html.png) repeat-x 0 bottom;
}

body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666;
}

blockquote {
	border: 3px double #ffebcc;
	border-width: 3px 0;
}

h1, h1 * {
	color: #999;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	font-style: normal;
	border-style: none;
}

h2 {
	color: #f93;
	font-size: 24px;
	line-height: 33px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
	margin-bottom: 11px;
}

h3 {
	color: #8b4513;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .15em;
	margin-bottom: 0;
}

h4 {
	color: #000;
	font-size: 12px;
	letter-spacing: .1em;
	margin-bottom: 0;
}

h2 small {
    display: block;
    font-size: .5em;
    margin-top: -.5em;
}

p, ul, ol, dl, blockquote, table, ins, del {
	margin-bottom: 22px;
}

hr {
	background-color: #dcdcdc;
	color: #dcdcdc;
	margin: 11px 0 33px 0;
}

a {
	color: #990;
	border-bottom: 1px solid #990;
	padding: 0 .25em;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
}

/* @end */

/* @group Classes */

.post h3:before, .post h3:after {
	content: ":";
}

.classitup {
	font: italic 200% Garamond, Palatino, serif;
	vertical-align: -10%;
	text-transform: none;
}

.morelink {
	color: #990;
	border: 1px solid #cc0;
	font: 10px "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Verdana, sans-serif;
	padding: 0 .25em;
	position: relative;
	left: .5em;
}

blockquote.pullquote {
	font: italic 22px/33px Georgia, "Times New Roman", Times, serif;
	color: #8b4513;
	background: url(../images/quote-large.png) no-repeat;
	border: 0 none;
}

blockquote.pullquote .morelink {
	position: static;
}

.note {
	color: #888;
	font-size: 11px !important;
}

.formtitle {
	color: #7b98a4;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .12em;
}

fieldset.fieldgroup {
	background-color: #f6fafb;
	border: 1px solid #dde6ea;
	border-right-width: 0;
	border-left-width: 0;
}

.action1 {
	background: #96c900 url(../images/bg-button-green.png) repeat-x left bottom;
	border-color: #690;
	color: #fff;
}

.action1:hover, .action1:focus {
	border-color: #bfff55;
}

.action1:active {
	border-style: solid;
	background: #4e8100 url(../images/bg-button-greendrk.png) repeat-x left bottom;
}

.action2 {
	background: #cd5c5c url(../images/bg-button-red.png) repeat-x left bottom;
	border-color: #953e3e;
	color: #fff;
}

.action2:hover, .action2:focus {
	border-color: #ff706f;
}

.action2:active {
	border-style: solid;
	background: #cd5c5c url(../images/bg-button-reddrk.png) repeat-x left bottom;
}

.action3 {
	background: #ff8c00 url(../images/bg-button-orange.png) repeat-x left bottom;
	border-color: #d2691e;
	color: #fff;
}

.action3:hover, .action3:focus {
	border-color: #ff8d00;
}

.action3:active {
	border-style: solid;
	background: #ff8c00 url(../images/bg-button-orangedrk.png) repeat-x left bottom;
}

.action4 {
	background: #808080 url(../images/bg-button-gray.png) repeat-x left bottom;
	border-color: #444;
	color: #fff;
}

.action4:hover, .action4:focus {
	border-color: #666;
}

.action4:active {
	border-style: solid;
	background: #444 url(../images/bg-button-graydrk.png) repeat-x left bottom;
}


ol.alphalower {
	list-style-type: lower-latin;
}

ol.alphaupper {
	list-style-type: upper-latin;
}

ol.romanlower {
	list-style-type: lower-roman;
}

ol.romanupper {
	list-style-type: upper-roman;
}

.linklist {
    list-style-type: square;
    color: #ddd;
}

.linklist li {
    margin-bottom: 1em;
}

.usermessage {
	display: block;
	margin-bottom: 22px;
	border-style: solid;
	border-width: 1px;
	padding: .25em .5em;
}

.vcard a.dnld {
	padding-right: 2em;
	background: url(../images/icon-vcard.png) no-repeat right center;
}

p.good, div.good {
	color: #363;
}

.good a {
	color: #690;
}

p.good, div.good {
	background-color: #cf9;
	border-color: #9c3;
}

p.bad, div.bad {
	color: #900;
}

.bad a {
	color: #c00;
}

p.bad, div.bad {
	background-color: #feafaf;
	border-color: #cd5c5c;
}

.post {
	border: 1px dashed #d2b48c;
	border-width: 0 0 1px 0;
	margin-bottom: 22px;
}

.projectgrid {
	padding: 0;
	overflow: hidden;
}

.projectgrid li, .projectgrid li a {
	display: block;
	position: relative;
	width: 230px;
	height: 270px;
	margin: 0;
	font-size: 11px;
	color: #666;
	line-height: 16.5px;
	overflow: hidden;
}

.projectgrid li {
	float: left;
	margin-bottom: 11px;
}

.projectgrid li a {
	width: 210px;
	border-style: none;
}

.projectgrid li .client {
	text-transform: uppercase;
	letter-spacing: .07em;
	color: #8b4513;
}

.projectgrid li img {
	display: block;
	border: 2px solid #cdcdcd;
	margin: 5.5px 0;
}

.projectgrid .note, #spotlightproject .note {
	font-size: .8em !important;
}

.sideitem {
	position: relative;
	width: 226px;
	border: 1px solid #cdcdcd;
	border-width: 0 1px;
	background: #dcdcdc url(../images/bg-sideitem.png) repeat-x;
	margin-bottom: 22px;
}

.sideitem h2 {
	text-align: center;
	line-height: 40px;
	height: 38px;
	width: 226px;
	border: 1px solid;
	margin: -1px -1px 11px -1px;
	color: #fff;
	border-color: #d2691e;
	text-shadow: #8b4513 0 1px 2px;
	background: #eb9722 url(../images/bg-sideitem-h2.png) repeat-x 0 bottom;
}

.sideitem .endcap {
	height: 11px;
	margin: 0 -1px;
	background: url(../images/sideitem-bottom.png) no-repeat 0 bottom;
}

.sideitem ul.itemlist {
	list-style: none;
	padding-left: 0;
}

.sideitem li.item, .sideitem li.item a {
	position: relative;
	width: 208px;
	margin: 0 auto;
	font-size: 11px;
	color: #000;
}

.sideitem li.item {
	padding-bottom: 11px;
	border-bottom: 1px dashed #a9a9a9;
	margin-bottom: 22px;
	line-height: 1.5;
}

.sideitem li.item a:hover {
	background-color: #e5e5e5 !important;
}

.sideitem p, .sideitem h3, .item ul {
	margin: 0 8px 11px 8px;
}

.sideitem h3 {
	margin-bottom: 0;
}

.item ul li {
	margin-bottom: 11px;
}

#spotlightlist .client, #spotlightlist li.item a, #spotlightlist li.item img {
	display: block;
	margin-bottom: 11px;
}

#spotlightlist .client, #spotlightlist li.item a {
	border-style: none;
}

.sideitem li.item .client, .sideitem h3 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #8b4513;
}

.sideitem li.item img {
	border: 2px solid #fff;
}

/* @end */

/* @group Ids */

#headerwrapper {
	background: #333 url(../images/bg-headerwrapper.png) repeat-x;
}

#masthead, #mainnavigation, #contentwrapper, #footerinnerwrapper {
	position: relative;
	width: 768px;
	margin: 0 auto;
}

#masthead {
	padding: 0;
	height: 150px;
}

* html #masthead {
	/* IE/Win fix */
	height: 100px;
}

#masthead h1, #masthead h1 a {
	display: block;
	height: 64px;
	width: 560px;
	border-width: 0;
}

#masthead h1 a {
	position: absolute;
	right: -14px;
	top: 36px;
	background: url(../images/logo-masthead.png) no-repeat;
}

#masthead h1 a span {
	position: absolute;
	top: -1000px;
}

#contentwrapper {
	/* IE/Win fix */
	margin-bottom: -12px;
	background: #fff url(../images/bg-contentwrapper.png) repeat-x 0 top;
}

* > #contentwrapper {
	/* Compliant Browsers */
	margin-bottom: 0;
}

#content a:focus, #content a:hover {
	background-color: #f2ffe5;
}

#content a:active {
	background-color: #990;
	color: #fff;
}

#sidebar ul, #sidebar ol {
	padding-left: 0;
}

#skipnavigation {
	position: absolute;
	top: -1000px;
}

#mainnavigation {
	list-style: none;
	overflow: hidden;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #000 #515151 #000 #000;
	padding: 0;
	margin-top: -50px;
	background: url(../images/bg-mainnavigation.png) repeat-x;
}

#mainnavigation li {
	float: left;
	height: 48px;
	width: 124px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #515151 #000 #000 #515151;
}

#mainnavigation a {
	display: block;
	text-align: center;
	line-height: 48px;
	color: #dcdcdc;
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

#mainnavigation a:hover {
	background-color: #393939;
	color: #fff;
}

#mainnavigation li.current_page_item {
	border-left-color: #795026;
}

#mainnavigation li.current_page_item a, #mainnavigation li.current_page_item a:visited {
	color: #fff;
	background: #630 url(../images/bg-mainnavigation-on.png) repeat-x;
	text-decoration: none !important;
}

#mainnavigation li.current_page_item a span:before {
	content: "\B7\20";
	letter-spacing: 0em;
}

#mainnavigation li.current_page_item a span:after {
	content: "\20\B7";
	letter-spacing: 0em;
}

#content {
	margin: 0 20px;
}

.column {
	float: left;
}

#content .column1 {
	position: relative;
	width: 463px;
	padding-right: 20px;
	border-right: 1px solid #dcdcdc;
}

#content .column1, #content .column2 {
	position: relative;
	padding-top: 60px;
	padding-bottom: 30px;
	border-style: solid;
	border-color: #dcdcdc;
}

#content .column1 {
	width: 463px;
	border-width: 0 1px 0 0;
}

#content .column2 {
	margin-left: -1px;
	width: 224px;
	padding-left: 20px;
	border-width: 0 0 0 1px;
}

#spotlightlist .item a {
	opacity: 0.4;
}

#spotlightlist .current a, #spotlightlist .item a:hover {
	opacity: 1;
}

#spotlightproject {
	position: relative;
	padding: 11px 11px 11px 20px;
	width: 449px;
	background: #ffffed url(../images/bg-spotlightproject.png) repeat-x 0 bottom;
	margin-left: -20px;
	margin-bottom: 22px;
	overflow: hidden;
}

#spotlightproject img {
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: .5em;
}

#spotlightproject h3 {
	font-size: 16px;
}

#clientlist ul li.item {
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 11px;
}

#footerwrapper, #footer {
	height: 136px;
}

#footerwrapper {
	clear: both;
	font-size: 11px;
	color: #fff;
	position: relative;
	padding: 33px 0 22px 0;
	background: #333 url(../images/bg-footerwrapper.png) repeat-x;
}

#footerwrapper a {
	color: #f93;
	padding: 0 .25em;
	border-color: #f93;
}

#footerwrapper a:hover, #footerwrapper a:focus, #footerwrapper a:hover {
	background-color: #000;
}

#footerwrapper a:active {
	color: #fff;
}

#footerwrapper h3 {
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
}

#footer {
	margin: 0 20px;
	overflow: hidden;
}

#footer .column1 {
	position: relative;
	width: 250px;
}

#footer .column2 {
	position: relative;
	width: 478px;
}

#footer ul {
	list-style: none;
	padding-left: 0;
}

#sidebar li.wp-widget {
	float: left;
	padding-left: 20px;
	width: 200px;
}

li#blogroll {
	width: 194px;
	padding-right: 20px;
	padding-left: 0;
	border-right: 1px solid #5c5c5c;
	margin-left: -1px;
}

#footer blockquote {
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	padding: 0;
	border: 0 none;
}

#footer blockquote cite {
	font-family: "Lucida Grande", "Lucida Sans", Lucida, "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
}

#sitecredit strong {
	text-transform: uppercase;
	letter-spacing: .15px;
	font-size: 14px;
}

#Newsletter #content .column1 {
    width: 460px;
    margin-right: -1px;
}

#Newsletter #sidebar li.wp-widget {
	width: 190px;
}


/* @end */