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,sub,sup,tt,var,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}fieldsetlegend{display:none;}/*remembertodefinefocusstyles!*/:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/*tablesstillneed'cellspacing="0"'inthemarkup*/table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}

.clear 								{ clear: both; }
.left 								{ float: left; }
.right								{ float: left; }

.open-quote							{ float: left; display: block; width: 0px; text-indent: -6px; }

body 								{ background: #333 url(../_images/bg-body.png) repeat-x left top; font-size: 14px; font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; color: #5C5C5C; }
p, ul								{ color: #ccdddd; font-size: 14px; line-height: 1.6; text-shadow: #111 0px 1px 1px; margin-bottom: 12px; }
a									{ text-decoration: none; color: #887777; font-weight: bold; }
a:hover								{ color: #fff; }
h1, h2, h3							{ font-family: Palatino, Georgia, Times, "Times New Roman", serif; text-shadow: #111 0px 1px 2px;  }
h1									{ font-size: 24px; color: #bbaaaa; font-weight: bold; margin-bottom: 12px; }
ul									{ margin-left: 48px; }
ul li								{ list-style: disc outside; }
code, pre							{ font-family: Courier, monospace; color: #bbaaaa; overflow: auto; margin-bottom: 14px; }
pre									{ display: block; line-height: 1.5; }
em									{ font-style: italic; }

#wrapper							{ width: 960px; margin: 0 auto; }
#wrapper.grid						{ background: url(../_images/16_col.png) repeat-y; }

#col-1								{ float: left; width: 540px; margin-left: 60px; }

#col-2								{ float: left; width: 220px; margin-left: 60px; }
#col-2 p							{ color: #bbaaaa; font-size: 12px; text-align: justify; }

#masthead							{ margin: 48px 0px 16px; }
#masthead h1						{ float: left; width: 250px; font-size: 48px; text-shadow: #000 0px 1px 2px; line-height: 48px; }
/*#masthead h1 span					{ border: 1px solid #444; }*/
#masthead h1 a						{ color: #fff; font-weight: normal; }
#masthead h2						{ float: left; width: 270px; margin-left: 12px; color: #887777; font-size: 16px; font-style: italic; text-shadow: #000 0px 1px 2px; line-height: 66px; font-weight: normal; }

#nav 								{ margin: 48px 0px 44px; }
#nav ul								{ margin: 0px; line-height: 1; }
#nav ul li							{ list-style: none; float: left; margin-right: 24px; font-size: 14px; margin-top: 26px; text-shadow: #111 0px 1px 1px; }
#nav ul li a						{ display: block; color: #ccdddd; font-family: Palatino, Georgia, Times, "Times New Roman", serif; border-bottom: 1px solid #333; }
#nav ul li a.active					{ border-bottom: 1px solid #bbaaaa; }
#nav ul li a:hover					{ border-bottom: 1px solid #fff; }

#col-2 .section						{ margin-bottom: 48px; }
#col-2 h2							{ font-size: 24px; color: #bbaaaa; border-bottom: 1px solid #464343; line-height: 10px; margin-bottom: 12px; }
#col-2 h2 a							{ color: #bbaaaa; }
#col-2 h2 a:hover					{ color: #fff; }
#col-2 a							{ font-weight: normal; }
#col-2 a:hover						{ color: #fff; }

#about.section						{ margin-bottom: 38px; }
#about img							{ border: 2px solid #222; }
#about a.more-link					{ float: right; }

#search								{ height: 27px; background: url(../_images/bg-search.png) no-repeat; }
#search input[type="text"]			{ float: left; background-color: #dddddd; margin-top: 6px; margin-left: 8px; border: none; font-family: Palatino, Georgia, Times, "Times New Roman", serif; font-size: 12px; font-style: normal; color: #333; width: 185px; }
#search input.hint					{ font-style: italic; color: #887777; }
#search input[type="image"]			{ float: right; margin-top: 7px; margin-right: 7px; }

#categories a						{ display: block; margin-bottom: 6px; color: #ccdddd; font-size: 12px; }
#categories a span,
#archive a span						{ color: #887777; }

#archive a							{ display: block; margin-bottom: 6px; color: #ccdddd; font-size: 12px; }
#archive .year						{ font-weight: bold; color: #bbaaaa; text-shadow: #111 0px 1px 1px; font-size: 14px; margin-bottom: 6px; }
#archive ul							{ margin-left: 12px; }
#archive ul li						{ line-height: 1; }
#archive .month						{ margin-left: 12px; text-shadow: #111 0px 1px 1px; list-style: disc outside; }
#archive .month a					{ display: block; }

#twitter							{  }
#twitter .tweet						{ display: block; margin-bottom: 16px; }
#twitter .tweet p					{ color: #bbaaaa; margin-bottom: 0px; text-align: left; line-height: 1.8; }
#twitter .tweet p.date				{ text-align: right; font-family: Palatino, Georgia, Times, "Times New Roman", serif; }
#twitter .tweet p.date a			{ font-weight: bold; color: #887777; }
#twitter .tweet p.date a:hover		{ color: #fff; }
#twitter .tweet p.date span			{ font-size: 14px; position: relative; top: 2px; }

.post 								{ margin-bottom: 24px; margin-left: 60px; }
.post .title 						{ padding-bottom: 4px; }
.post h1							{ margin-bottom: 0px; }
.post h1 a 							{ color: #bbaaaa; }
.post h2 							{ font-style: italic; color: #bbaaaa; font-size: 20px; margin-top: 28px; font-weight: bold; margin-bottom: 6px; border-bottom: 1px solid #464343; line-height: 10px; }
.post h3 							{ color: #bbaaaa; font-size: 16px; margin-top: 12px; font-weight: bold; margin-bottom: 6px; }
.post .date 						{ height: 0px; width: 43px; position: relative; right: 60px; text-align: center; }
.post .date.comment-block			{ position: relative; bottom: 4px; }
.post .date .top					{ height: 4px; width: 44px; background: url(../_images/bg-date-top.png) no-repeat; }
.post .date .bottom					{ height: 4px; width: 44px; background: url(../_images/bg-date-bottom.png) no-repeat; }
.post .date .middle					{ width: 44px; background: url(../_images/bg-date-middle.png) repeat-y; padding: 1px 0px; }
.post .date .d						{ font-size: 20px; color: #887777; font-weight: bold; margin-bottom: 4px; }
.post .date .m						{ font-size: 12px; color: #bbaaaa; font-family: "Helvetica Neue Light", HelveticaNeue-Light, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 2px; }
.post .date .y						{ font-size: 12px; color: #bbaaaa; font-family: "Helvetica Neue Light", HelveticaNeue-Light, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom: 2px; }
.post .entry p 						{  }
.post .blurb p 						{ margin-bottom: 0px; }
.post .comment-link					{ display: block; padding: 4px 0px; }

.post .image, #flickr .image {
	margin-top: 6px;
	background-color: #464646;
	border: 1px solid #666;
}

#flickr .image img {
	padding: 3px;
}

.post .image.left, #flickr .image.left {
	float: left;
	margin-right: 12px;
	margin-left: 0px;
}

#flickr .image.left {
	margin-right: 2px;
}

.post .image.right, #flickr .image.right {
	float: right;
	margin-left: 12px;
	margin-right: 0px;
}

.post .image img {
	padding: 6px;
}

.post .meta {
	padding: 0px 0px 30px 0px;
}

.posts .post p.category-list 		{ margin-bottom: 24px; }
.post p.category-list 				{ text-align: left; font-size: 12px; margin-bottom: 0px; }
.post p.category-list a				{ padding: 0px; font-weight: normal; }

.post p.tag-list 					{ text-align: left; font-size: 12px; }
.post p.tag-list a					{ padding: 0px; font-weight: normal; }

.post .meta p {
	margin: 0px;
	line-height: normal;
	color: #887777; 
}

.post .meta .byline {
	float: left;
}

.post .meta .links {
	float: right;
	font-size: 12px;
}

.post .meta a {
	padding: 0 0px 0 22px;
}

.post .comment-form {
	
}

.post .comment-form label, .blog-body label {
	margin-top: 12px;
	display: block;
	color: #bbaaaa;
	font-family: Palatino, Georgia, Times, "Times New Roman", serif;
	font-weight: bold;
}

.post .comment-form .text, .blog-body .text {
	width: 300px;
}

.post .comment-form .textarea, .blog-body .textarea {
	width: 100%;
	min-height: 150px;
}

.post .comment-form .submit, .blog-body .submit {
	margin-top: 12px;
}

.blog-body .captcha .text {
	display: block;
	width: 200px;
}

.blog-comments						{ margin-top: 24px; }
.blog-comments .comment				{ clear: both; margin-top: 12px; margin-bottom: 24px; min-height: 75px; }
.blog-comments .comment-inner		{  }
.blog-comments .comment-author		{ float: left; color: #887777; font-weight: bold; font-size: 16px; }
.blog-comments .comment-author a	{ color: #887777; }
.blog-comments .comment-date		{ float: right; color: #999; }
.blog-comments .comment-quote		{ float: right; }
.blog-comments .comment-reply		{ float: right; margin-right: 12px; }
.blog-comments .comment-reply-text 	{ float: right; color: #ccc; }
.blog-comments .comment-body		{ clear: both; }
.blog-comments textarea				{ height: 250px; width: 100%; }

#footer								{ height: 83px; background: url(../_images/bg-footer.png); }
#footer p							{ text-align: center; margin-left: 12px; color: #887777; font-style: italic; text-shadow: #000 0px 1px 2px; font-size: 14px; font-family: Palatino, Georgia, Times, "Times New Roman", serif; padding-top: 48px; }

#spool-box {
position: fixed;
left: -250px;
top: 40%;
}

#spool-box-content {
float: left;
width: 250px;
background-color: #434a4d;
}

#spool-box-content-inner {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #999;
padding: 12px;
}

#spool-box-content-inner h1 {
color: #ddd;
font-size: 20px;
}

#spool-box-content-inner a {
color: #bbb;
text-decoration: none;
}

#spool-box-content-inner label {
font-weight: bold;
color: #888;
letter-spacing: .5px;
}

#spool-box-content-inner label.block {
line-height: 0;
display: block;
margin: 12px 0px 6px 0px;
}

#spool-box-content-inner select {
font-size: 12px;
}

#spool-box-content-inner .options {
float: right;
}

#spool-tab {
float: left;
width: 29px;
}

#spool-tab a {
display: block;
height: 74px;
width: 29px;
overflow: hidden;
}

#spool-tab a:hover img {
position: relative;
right: 29px;
}

/* Calendar formatting for frontend */
table.calendar {
width: 100%;
border: 1px solid black;
}

table.calendar a { text-decoration: none; }

table.calendar .prev-month-link {
float: left;
padding-left: 12px;
padding-bottom: 6px;
font-weight: bold;
}

table.calendar .next-month-link {
float: right;
padding-right: 12px;
padding-bottom: 6px;
font-weight: bold;
}

table.calendar tr.month td {
text-align: center;
border-bottom: 1px solid black;
border-right: 1px solid black;
font-size: 22px;
}

table.calendar tr.month td small {
font-size: 15px;
}

table.calendar tr.header td {
text-align: center;
font-weight: bold;
width: 14.3%;
border-right: 1px solid black;
}

table.calendar .day-number {
font-size: 12px;
font-weight: bold;
background: #eee;
padding: 2px;
}

table.calendar tr.week td {
overflow: hidden;
}

table.calendar tr.week td small {
font-size: 12px;
}

table.calendar tr.week td div.event {
}

table.calendar tr.week td div.event a {
font-size: 14px;
}

table.calendar tr.week td {
height: 90px;
border-top: 1px solid black;
border-right: 1px solid black;
}

.popup { margin: 0 auto; padding: 18px; background: url(../_images/bg-popup.png); width: 600px; }
.popup .close{ float: left; position: relative; right: 28px; bottom: 28px; width: 0px; height: 0px; }
.popup .close a{ display: block; width: 30px; height: 30px; overflow: hidden; }
.popup .close a:hover img{ position: relative; bottom: 30px; }
.popup .popup-inner { padding: 12px 18px; background-color: #333; clear: both; }
.popup .popup-content{ margin: 0 auto; background-color: #eee; padding: 12px; }
.popup h1{ color: #ddd; font-weight: bold; margin-bottom: 3px; font-size: 20px; }
.popup p{ color: #aaa; }
.popup form{ width: 250px; margin: 0 auto; }
.popup form label{ display: block; font-size: 14px; color: #ddd; margin-top: 12px; }
.popup form label.radio{ display: inline; }
.popup form input[type="text"]{ width: 250px; }