/* ******************************************************************************** *
 * Reset - based on http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css
 * ******************************************************************************** */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }

/* ******************************************************************************** *
 * Layout
 * ******************************************************************************** */

body { color: #797b7c; font-size: 12px; font-family: Arial, sans-serif; background-color: #eee; }

.centre { position: relative; width: 960px; margin-left: auto; margin-right: auto; }
.wrapper { float: left; width: 940px; padding: 0 10px 0 10px; }
.column-left { float: left; clear: left; width: 160px; margin-right: /*60px*/0; }
.column-right { float: left; padding-left: 20px; width: 520px; }
.column-far { float: right; width: 220px; }

#paper { float: left; width: 100%; background-color: #fff; padding: 50px 0 50px 0; }
#header { height: 80px; width: 100%; float: left; clear: both; }
#content { /*background-position: 180px 0px; background-image: url('./border.gif'); background-repeat: repeat-y;*/ }
#comments { padding-top: 40px; }
#footer { padding-top: 0px; padding-bottom: 20px; }

#blog-comments { float: left; width: 640px; }
#blog-recent { float: right; width: 280px; }
#blog-recent ul { list-style: none; padding-bottom: 10px; }
#blog-recent ul li { padding-bottom: 5px; }
#blog-recent h3 { margin-bottom: 0px; }
#blog-recent .menu .selected a { border-bottom: 1px dotted #4db930; }
#blog-recent small { color: #c0c1c2; }


#home-page { float: right; width: 760px; height: 420px; background-image: url('./dbushell-origami-crane.jpg'); background-position: top right; background-repeat: no-repeat; }
#home-text { width: 360px; }
#home-text big { line-height: 130%; font-size: 15px; padding-bottom: 20px; }
#home-text .micropost { width: 340px; }

#dh-logo { position: absolute; display: block; top: -50px; left: 700px; width: 55px; height: 70px; border: none; background-image: url('./design-heroes-logo.png'); background-repeat: no-repeat; background-position: 0 0; }
#dh-logo:hover { border: 0; background-position: 0 -70px; }
#dh-logo img { visibility: hidden; }
/*#home-text p { font-size: 14px; }*/


/* hide mysql warnings */

pre { display: none; }

/* ******************************************************************************** *
 * Typography
 * ******************************************************************************** */

#name a, #name a:link, #name a:active, #name a:visited { display: inline-block; min-width: 170px; clear: none; color: #c0c1c2; border: 0; }

strong { font-weight: bold; }
em { color: #4db930; }

h1 { font-size: 25px; color: #dbdbdb; }
h2 { font-size: 21px; font-weight: bold; margin-bottom: 10px; }
h3 { font-size: 13px; font-weight: bold; display: block; width: 100%; border-bottom: 1px dotted #dbdbdb; padding-bottom: 5px; margin-bottom: 5px; }
h4 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
h5 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }

h1 a, h1 a:link, h1 a:visited, h1 a:active { color: #dbdbdb; border: 0; }

p { font-size: 12px; font-family: Georgia; line-height: 150%; margin-bottom: 15px; }
big { font-size: 14px; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dbdbdb; }
.big { font-size: 14px; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dbdbdb; }
small { font-size: 11px; }



/*#page blockquote { font-size: 13px; font-family: Georgia; font-style: italic; line-height: 150%; margin-bottom: 15px; padding: 10px 10px 10px 50px; background-color: #eee; }
*/
#page code { display: inline; background-color: #eee; padding: 0 5px 0 5px; font-family: Consolas, Courier New, monospace; }

a, a:link, a:visited, a:active { color: #4db930; text-decoration: none; border-bottom: dotted 1px #4db930; }
a:hover { color: #2994cb; border-bottom: dotted 1px #2994cb; }



#all h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { color: #797b7c; border: 0; }

.column-left ul { list-style: none; padding-bottom: 10px; }
.column-left ul li { padding-bottom: 5px; }
.column-left h3 { margin-bottom: 0px; }
.column-left .menu .selected a { border-bottom: 1px dotted #4db930; }

.menu a, .menu a:link, .menu a:visited { color: #797b7c; border-bottom: solid 1px #eee; }
.menu a:hover { color: #4db930; border-bottom: solid 1px #eee; }

.column-left small { color: #c0c1c2; }
.footer small { color: #c0c1c2; }

/* Microfeed */

#microfeed {  }
#microfeed ul { list-style: none; }
#microfeed ul li { width: 220px; float: right; margin-bottom: 10px; }
.micropost, #microfeed blockquote { font-family: Georgia; font-size: 11px; font-style: italic;
 padding: 0 10px 10px 0; background-color: #eee; border: 10px solid #eee; border-right: 0; border-bottom: 10px solid #fff; }

/* ******************************************************************************** *
 * Post Specific
 * ******************************************************************************** */


.noborder, .noborder:link, .noborder:visited, .noborder:active, .noborder:hover { border: 0; }

#lightbox a { border: 0; }

.post-content { margin-bottom: 10px; }
.post-content ul { list-style-position: outside; margin-left: 30px; }
.post-content li { margin-bottom: 10px; }
.post-content h3 { margin-top: 20px; }
.post-meta-date { color: #c0c1c2; margin-bottom: 10px; }

#post-content img { margin-bottom: 10px; }

.comment { width: 100%; }
.comment p { font-family: Arial, sans-serif; font-size: 11px; line-height: 120%; }

.comments-meta { margin-bottom: 10px; }
.comment-meta { margin-bottom: 5px; }

/* Form Layout */

.input { font-family: Arial; font-size: 12px; color: #797b7c; background-color: #fff; resize: none; outline: none; border: none; }
.field { border: 1px solid #c0c1c2; margin-bottom: 5px; padding: 2px; background-color: #fff; }
.field:hover, .field:focus { border: 1px solid #797b7c; }

#response-form label { float: left; margin-left: 10px; margin-top: 4px; }
#response-form ul li { clear: both; width: 100%; }
#response-form .field { float: left; }
.response-input { float: left; width: 200px; }
#response-content { width: 625px; height: 100px; font-family: Arial; font-size: 12px; color: #797b7c; padding: 2px; }
#response-submit { width: 70px; }

#search-input { width: 140px; }
#search-submit { width: 70px; }
#search-form .field { width: 150px; }

/* Other */

.withborder { border: solid 1px #dbdbdb; }
.error { color: #ed5757; padding-bottom: 5px; }
.left { float: left; }
.right { float: right; }

hr { display: block; width: 100%; border: 0; border-bottom: 1px dotted #dbdbdb; margin-top: 20px; margin-bottom: 10px; }


/* ******************************************************************************** *
 * Blog Specific
 * ******************************************************************************** */


#blog-comments ul { list-style: none; }
#blog-comments ul li { padding-bottom: 5px; }
#blog-comments h3 { margin-bottom: 0px; }

.blog #above { position: relative; width: 100%; height: 50px; margin: -50px 0 0 0; padding: 50px 0 0 0; background-color: #eee; }
.blog #header { height: auto; }
.blog #content { padding: 60px 10px 0 10px; }
.blog #page { position: relative; }
.blog .column-right { width: 460px; }
.blog #crane { position: absolute; top: -50px; right: 0; }
.blog #links { display: block; position: absolute; top: 0; left: 700px; line-height: 16px; }
.blog #links a, .blog #links a:active, .blog #links a:link, .blog #links a:visited { font-weight: normal; font-size: 12px; border: 0; color: #797b7c; }
.blog #links a:hover { color: #4db930; }
.blog #post-content { margin:  0 0 40px 0; }
.blog #post-navigation { width: 100%; }
.blog .post-meta-date { font-size: 20px; color: #c0c1c2; font-family: Georgia; font-weight: normal; font-style: italic; line-height: 20px; position:  absolute; top: 18px; right: 0; }

/*
.blog #post-content .aside { display: block; float: right; width: 160px; padding: 0 0 0 20px; border-left: 1px dotted #dbdbdb; }
.blog #post-content .aside p { width: 160px; font-size: 12px; font-family: Georgia; color: #c0c1c2; line-height: 16px; font-style: italic; }
.blog #post-content .aside h4 { font-size: 14px; font-family: Georgia; color: #919495; font-style: italic; margin: 0 0 5px 0; font-weight: normal; }
*/

.blog h2 { color: #4db930; font-size: 40px; font-weight: normal; font-family: Arial; border-bottom: 1px dotted #dbdbdb; line-height:  40px; padding: 0 0 20px 0; margin: 0 0 20px 0; }

#editable .sidenote { display: block; float: right; width: 220px; padding: 0 0 0 20px; border-left: 1px dotted #dbdbdb; font-size: 12px; font-family: Georgia; color: #919495; line-height: 16px; font-style: italic; }
#editable .sidenote strong { display: block; width: 100%; font-size: 14px; font-family: Georgia; color: #919495; font-style: italic; padding: 0 0 10px 0; font-weight: normal; }

#editable em { color: #797b7c; font-style: italic; }
#editable h2 { color: #4db930; font-size: 40px; font-weight: normal; font-family: Arial; border-bottom: 1px dotted #dbdbdb; line-height:  40px; padding: 0 0 20px 0; margin: 0 0 20px 0; }
#editable h3 { font-size: 20px; font-weight: bold; font-family: Arial; border: 0; padding: 0; margin: 25px 0 20px 0; }
#editable .intro { width: 940px !important; font-family: Arial; font-size: 28px; font-weight: normal; line-height: 34px; border: 0; padding: 0; margin: 0 0 30px 0; }
#editable .quote { width: 560px; padding: 0; padding: 5px 40px 0 40px; margin: 0 0 15px 0; font-family: Georgia; font-size: 16px; line-height:20px; font-style: italic; font-weight: normal; }
#editable p { width: 640px; font-family: Georgia; font-size: 14px; line-height: 19px; margin: 0 0 10px 0; }
#editable ul { width: 640px; font-family: Georgia; font-size: 14px; line-height: 19px; margin: 0; padding: 5px 0 15px 0; }
#editable li { margin: 0 0 0 20px; }
#editable .note { font-size: 12px; font-style: italic; }
#editable sup { line-height: 19px; padding: 0; margin:  0; }