/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

div.comments ol li {
margin:0 0 3.5em;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

input#author,input#email,input#url, {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* Eric Meyer Reset, v1.0 | 20080212, http://meyerweb.com/eric/tools/css/reset/index.html, modified */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}/* mods */h1,h2,h3,h4,h5,h6{font-weight:normal}
/*CLEAR FIX*/.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix { height: 1%;} .clearfix {display: block;}

/*
Order of Elements...
	1. Display and Flow
	2. Positioning
	3. Dimensions
	4. Margins, Padding, Borders, Outline
	5. Typographic Styles
	6. Backgrounds
	7. Opacity, Cursors, Generated Content
*/


/***************************************************************
	Basic Elements */
body {
	font: normal 75% Arial, Helvetica, sans-serif;
	text-align: center;
	background: #2b2928 url(images/bg-body.png) repeat-x;
}


/****************************************************************
	Generic Classes */


/****************************************************************
	Basic Layout */

#wrapperBg {
	width: 994px;
	margin: 0 auto;
	text-align: left;
	background: url(images/bg-wrapper-repeat.png) repeat-y;
}
#wrapper {
	position: relative;
	padding: 139px 29px 0;
	background: url(images/bg-wrapper.png) no-repeat;
}
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 139px;a
}

#content {
	clear: both;
}

#main {
	float: left;
	width: 621px;
	margin-right: 2px;
}

#sidebar {
	float: left;
	width: 279px;
	padding: 0 22px 0 12px;
}

#footer {
	position: relative;
	width: 994px;
	height: 166px;
	margin: 0 auto;
	text-align: left;
	background: url(images/bg-footer.png) no-repeat;
}
#footerBgWrapper {
	height: 6px;
	background: url(images/bg-footer-repeat.png) repeat-x center bottom;
}
#footerBg {
	width: 994px;
	height: 6px;
	margin: 0 auto;
	background: url(images/bg-footer-repeat.png) repeat-x center bottom;
}

/****************************************************************
	Header */
	
#header h2 {
	position: absolute;
	top: 54px;
	left: 0;
	width: 337px;
	height: 85px;
}
#header h2 a {
	display: block;
	height: 100%;
}
#header h2 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/bg-wrapper.png) no-repeat left -54px;
	cursor: pointer;
}
#header ul {
	position: absolute;
	top: 0;
	left: 381px;
	width: 572px;
	height: 125px;
}
#header ul li {
	display: block;
	float: left;
	height: 100%;
}
#header ul li a {
	position: relative;
	display: block;
	float: left;
	height: 125px;
	padding: 0 11px 0 9px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: url(images/bg-nav-hover.png) no-repeat left 125px;
}
#header a:hover {
	color: #fff;
}
#header ul li a.link1 {
	width: 90px;
}
#header ul li a.link1:hover {
	background-position: left top;
}
#header ul li a.link2 {
	width: 76px;
}
#header ul li a.link2:hover {
	background-position: -110px top;
}
#header ul li a.link3 {
	width: 62px;
}
#header ul li a.link3:hover {
	background-position: -206px top;
}
#header ul li a.link4 {
	width: 75px;
}
#header ul li a.link4:hover {
	background-position: -288px top;
}
#header ul li a.link5 {
	width: 84px;
}
#header ul li a.link5:hover {
	background-position: -383px top;
}
#header ul li a.link6 {
	width: 65px;
	padding-right: 9px;
}
#header ul li a.link6:hover {
	background-position: -487px top;
}
#header ul li a span {
	display: block;
	position: absolute;
	bottom: 6px;
	cursor: pointer;
}
#header h3 {
	position: absolute;
	top: 30px;
	left: 39px;
	font-size: 11px;
	line-height: 12px;
	color: #cdcec5;
}
#header h3 a {
	text-decoration: none;
	color: #cdcec5;
} 
#header h3 a:hover {
	text-decoration: underline;
} 
#header h3 strong {
	font-size: 12px;
}
#header #search {
	position: absolute;
	right: 0;
	top: 0;
	width: 209px;
	height: 46px;
}
#search .txtInput {
	position: absolute;
	top: 18px;
	left: 7px;
	background: #fff;
	border: 0;
	width: 127px;
	height: 17px;
	padding: 3px 0 0 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #474443;
}
#search .imgBtn {
	position: absolute;
	top: 18px;
	left: 164px;
}

/****************************************************************
	Footer */
	
#footerNav {
	position: absolute;
	top: 5px;
	left: 39px; 
	width: 918px;
	height: 41px;
}
#footerNav li {
	float: left;
	width: 150px;
	margin-right: 3px;                     
}
#footerNav li a {
	display: block;
	height: 32px;
	padding: 9px 0 0 11px;
	text-decoration: none;
	font-size: 11px;
	line-height: 13px;
	color: #a1e8f0;
	background: #3a3837 url(images/bg-botnav.png) no-repeat left 41px;
}
#footerNav li a.link5,
#footerNav li a.link6 {
	height: 25px;
	padding-top: 16px;
}
#footerNav li a:hover {
	text-decoration: underline;
	background-color: #343231;
	background-position: left top;
}
#footer p {
	position: absolute;
	top: 79px;
	font-size: 10px;
	font-weight: bold;
	line-height: 23px;
	color: #84857f;
}
#footer p.left {
	left: 29px;
}
#footer p.right {
	right: 27px;
	text-align: right;
}
#footer p a {
	text-decoration: none;
	color: #84857f;
}
#footer p a:hover {
	color: #60605c;
}


/****************************************************************
	main */

#main {
	font-size: 1.083em; /* 13px */
	line-height: 1.692em; /* 22px */
	color: #1c1c1c;
}	
#mainHead {
	position: relative;
	height: 74px;
}
#mainHead h1 {
	position: absolute;
	top: 16px;
	left: 0;
	width: 134px;
	height: 40px;
	overflow: hidden;
}
#mainHead h1 a {
	display: block;
	height: 100%
}
#mainHead h1 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/bg-wrapper.png) no-repeat -29px -155px;
	cursor: pointer;
}
#mainHead h3 {
	position: absolute;
	top: 0;
	left: 411px;
	width: 129px;
	height: 56px;
	overflow: hidden;
}
#mainHead h3 a {
	display: block;
	height: 100%;
}
#mainHead h3 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/bg-wrapper.png) no-repeat -440px -139px;
	cursor: pointer;
}
#postContainer {
	padding-top: 8px;
}
.postHead {
	position: relative;
	margin-bottom: 4px;
}
#commentsList {
	position: relative;
	padding: 54px 48px 0 64px;
	min-height: 17px;
}
.postHead .postTitle {
	padding: 39px 45px 0 63px;
	font-size: 1.385em; /* 18px */
	line-height: 1.278em; /* 23px */
	color: #083b81;
}
.postHeadSingle .postTitle {
	font-size: 2.154em; /* 28px */
	line-height: 1.25em; /* 35px */
}
.postHead .postTitle a {
	color: #083b81;
	text-decoration: none;
}
.postHead .postTitle a:hover {
	text-decoration: underline;
}
#respond .addCommentHead {
	float: left;
	width: 112px;
	height: 38px;
	margin-right: 11px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
	overflow: hidden;
	color: #fefefe;
	background: url(images/bg-add-comment-head.png) no-repeat;
}
.postHead .postDate,
#commentsList .commentsHead {
	position: absolute;
	top: 0;
	left: 0;
	width: 81px;
	height: 31px;
	padding-left: 12px;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
	overflow: hidden;
	color: #fefefe;
	background: url(images/bg-post-date-comments.png) no-repeat;
}
#commentsList .commentsHead {
	height: 34px;
	width: 76px;
	background: url(images/bg-comments-head-total.png) no-repeat;
}
.postHead .postCommentsTotal,
#commentsList .postCommentsTotal {
	position: absolute;
	top: 31px;
	left: 0;
	width: 34px;
	height: 37px;
	padding-right: 12px;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
	overflow: hidden;
	color: #fefefe;
	background: url(images/bg-post-date-comments.png) no-repeat left -38px;
}
#commentsList .postCommentsTotal {
	top: 34px;
	background: url(images/bg-comments-head-total.png) no-repeat left -34px;
}
.postHead .postCommentsTotal a,
#commentsList .postCommentsTotal a {
	text-decoration: none;
	color: #fefefe;
}
.postHead .postCommentsTotal a:hover,
#commentsList .postCommentsTotal a:hover {
	text-decoration: underline;
}
#commentsList .commentLink {
	position: absolute;
	top: 5px;
	left: 100px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	border-bottom: 1px dashed #666;
}
#commentsList .commentLink a {
	text-decoration: none;
	color: #c13e4c;
}
#commentsList .commentLink a:hover {
	color: #68909c;
}
#commentNotes {
	font-size: .917em; /* 11px */
	line-height: 30px;
	font-style: italic;
}
.formContainer {
	padding: 0 46px 0 54px;
	font-size: 1.083em;
	line-height: 2.077em; /* 27px */
	color: #444441;
}
.formContainer .txtInput {
	width: 500px;
	height: 22px;
	margin-bottom: 15px;
	padding: 4px 5px 0;
	border: 1px solid #d3d3d3;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #4d4d4c;
}
.formContainer .txtArea {
	width: 500px;
	padding: 4px 5px 0;
	margin-bottom: 15px;
	border: 1px solid #d3d3d3;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #4d4d4c;
}
.formContainer #submit {
	height: 21px;
	margin-bottom: 60px;
	padding: 0 7px;
	border: 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 21px;
	color: #fcfcfc;
	background: #9aa5a6;
	cursor: pointer;
}
.postCopy {
	margin: 0 45px 19px 63px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e3e3dd;
}
.postCopySingle {
	border: 0;
}
.postCopy a {
	color: #c13e4c;
}
.postCopy a:hover {
	color: #68909c;
}
.postCopy img {
	border: 6px solid #fefefe;
}
.postCopy p {
	margin: 0 0 1.692em; /* 22px */
}
.postCopy ul {
	margin: 0 0 1.692em 14px; /* 22px */
	list-style: url(images/bullet.png);

}
.postCopy ol {
	margin: 0 0 1.692em 14px; /* 22px */
	list-style: decimal;
}
.postCopy li {
	margin-bottom: .385em; /* 5px */
}
.postCopy .readmoreLink a {
	text-decoration: none;
	border-bottom: 1px dashed #666;
	font-weight: bold;
}
#featuredPost {
	margin-bottom: 16px;
	border-bottom: 5px solid #f1f1ec;
	color: #fefefe;
	background: url(images/bg-featuredpost-repeat.png) repeat-y;
}
#featuredPost a {
	color: #fefefe;
}
#featuredPost .postTitle {
	font-size: 2.154em; /* 28px */
	line-height: 1.25em; /* 35px */
	color: #fefefe;
}
#featuredPost .postCopy {
	margin-bottom: 0;
	border-bottom: 0;
}
#featuredPost .postCopy ul {
	list-style: disc;
}
#featuredPost img {
	border: 6px solid #fefefe;
}
#login a {
	color: #434c58;
}
.commentAuthor {
	font-size: 1.333em; /* 16px */
	line-height: 1.222em; /* 22px */
	color: #083b81;
}
.commentAuthor a {
	color: #083b81;
	text-decoration: none;
}
.commentAuthor a:hover {
	text-decoration: underline;
}
.commentDate {
	margin-bottom: 7px;
	font-size: .917em; /* 11px */
	line-height: 1.455em; /* 16px */
	color: #434c58;
}
.commentDate a {
	color: #434c58;
}
.commentCopy {
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid #dadada;
	font-size: 1.083em; /* 13px */
	line-height: 1.692em; /* 22px */
	color: #1c1c1c;
}
.unapproved {
	color: #c13e4c;
}
#nav-above,
#nav-below {
	margin: 0 19px 22px 29px;
	font-size: 11px;
	line-height: 22px;
	color: #464645;
}
.nav-below-single {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #e3e3dd;
}

#nav-above {
	margin-top: 18px;
}
#nav-above a,
#nav-below a {
	color: #464645;
}
#nav-above .nav-previous,
#nav-below .nav-previous {
	float: left;
	width: 50%;
}
#nav-above .nav-next,
#nav-below .nav-next {
	float: right;
	width: 50%;
	text-align: right;
}

/****************************************************************
	sidebar */

#contact {
	height: 82px;
	margin: 18px 0 9px;
	background: url(images/bg-contact.png);
	color: #fcfcfc;
}
#contact h3 {
	margin: 0 0 0 56px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
}
#contact h3 a {
	float: left;
	padding: 16px 20px 5px 0;
	background: url(images/bg-contact-link.png) no-repeat right 25px;
	text-decoration: none;
	color: #fcfcfc;
}
#contact h3 a:hover {
	text-decoration: underline;
}
#contact p {
	clear: both;
	margin: 0 26px 0 58px;
}
#sidebar .widget {
	margin-bottom: 12px;
	padding: 12px 15px;
	font-size: 1.083em; /* 13px */
	line-height: 1.308em; /* 17px */
	color: #30302e;
	background: #f7f7f7 url(images/bg-projects.png) no-repeat 15px 30px;
}
#sidebar .blueWidget {
	background: #b5c6ca url(images/bg-resources.png) no-repeat left -5px;
}
#sidebar #signup {
	background-position: left top;
}
#sidebar .widget h3 {
	margin-bottom: 9px;
	padding-left: 33px;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 25px;
	color: #e3263c;
	background: url(images/bg-projects-head.png) no-repeat;
}
#sidebar .blueWidget h3 {
	color: #fcfcfc;
}
#sidebar #newsletters h3 {
	margin-bottom: 2px;
	background: url(images/bg-newsletters-head.png) no-repeat;
}
#sidebar #resources h3 {
	margin-bottom: 2px;
	background: url(images/bg-resources-head.png) no-repeat;
}
#sidebar #signup h3 {
	background: url(images/bg-signup-head.png) no-repeat;
}
#sidebar .widget p {
	margin-bottom: 3px;
	padding-right: 20px;
}
#sidebar .widget p.blockLink {
	margin-bottom: 9px;
	font-size: .846em; /* 11px */
	line-height: 1.545em; /* 17px */
	color: #434c58;
}
#sidebar .widget p.blockLink a {
	color: #434c58;
}
#sidebar .widget p.blockLink a:hover {
	text-decoration: none;
}
#sidebar .widget hr {
	height: 0;
	margin-bottom: 11px;
	border: 0;
	border-top: 1px solid #c9c9c5;
}
#sidebar .widget li {
	padding: 1px 0;
	border-bottom: 1px solid #c9c9c5;
}
#sidebar .blueWidget li {
	color: #222220;
	border-bottom-color: #9ba8aa;
}
#sidebar .widget li a {
	display: block;
	padding: 5px 9px;
	text-decoration: none;
	color: #30302e;
}
#sidebar .blueWidget li a {
	color: #222220;
}
#sidebar .widget li a:hover {
	background: #e3e3e1;
}
#sidebar .blueWidget li a:hover {
	background: #a7b5b9;
}
#sidebar #signup span.required,
#sidebar #signup label.required {
	color: #FF1829;
	font-size: 95%;
}
#sidebar #signup label {
	display: block;
	margin: 6px 0 2px;
}
#sidebar #signup .txtInput {
	width: 246px;
	height: 21px;
	margin: 0;
	padding: 2px 4px 0;
	border: 0;
	background: #f3f3f3;
}
#sidebar #signup p.required {
	font-size: 95%;
}
#sidebar #signup .short {
	width: 116px;
}
#sidebar #signup .signupBtn {
	display: block;
	margin-bottom: 17px;
	padding: 8px 0 0;
}