/* main */

html { color: #333; background-color: #171717 !important; height: 100%; }
html .clear { padding-top: 2em; }

/* anchors */

a { color: #28a; }

/* paragraphs */

p.compact { line-height: 1.2em; }

/* font modifications */

h1, h2, h3, #brief a, .posttop .date, .button { font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif; }
h1, h2, h3, h4, #brief a { letter-spacing: -1px; font-weight: 800; }

/* top */

#top { height: 81px; background: transparent url('../img/top.bg.png') repeat-x top; padding-bottom: 75px; }

#logo,#nav  {
 padding: 0px 10px;
}
#nav {
 list-style: none;
 margin: 0px -22px 0px;
}
#nav li {
 float: right;
 /*margin-left: 30px;*/
}
/*#nav li a { display: inline-block; height: 80px; line-height: 80px; font-weight: 800; color: White; padding: 0px 0px 0px 44px; text-shadow: rgba(0,0,0,0.1) 0px -1px 1px; }*/
#nav li a {
 display: inline-block;
 height: 80px;
 line-height: 80px;
 font-weight: bold;
 font-size: 16px;
 color: #eee;
 padding: 0px 22px 0px 22px;
 text-shadow: rgba(0,0,0,0.1) 0px -1px 1px;
}
#nav li a:hover, #nav li.current_page_item a { background: transparent url('../img/nav.bg.png') no-repeat center; }
/*#nav li a:hover, #nav li.current_page_item a {*/
 /*color: #fff;*/
/*}*/
#nav li a.labs img{
	margin: 0 0 0 6px;
}

#logo a { display: block; float: left; margin: 4px 0 0 0; }

/* intro */

#intro { position: relative; height: 309px; }
#intro .clear { padding: 0px; }

#brief h1, #brief h2 { color: White; margin-bottom: 40px; }
#brief h1 { font-size: 56px; white-space: nowrap; text-shadow: rgba(0,0,0,0.1) 3px 5px 5px; }
#brief h2 { font-size: 22px; line-height: 30px; font-weight: 400; }

#brief a.signup, #brief a.more { display: block; float: left; height: 58px; line-height: 60px; width: 230px; text-indent: -20px; background: transparent url('../img/brief.bg.png') no-repeat right center; text-align: center; color: #3d3c3c; font-weight: 800; font-size: 24px; text-shadow: White 0px 1px 0px; }
#brief a.signup { background-position: left center; text-indent: -35px; }
#brief a.more { background-position: center center; text-indent: -35px; }
#brief a:hover { color: #222; }
#brief a:active { color: #444; }

/*#slides img { position: absolute; height: 400px; width: 460px; visibility: hidden; }*/
/*#slides img.active { visibility: visible; z-index: 999; }*/
/*#slides img.pre-active { z-index: 998; }*/

/* path */

#path { height: 40px; line-height: 40px; width: 940px; margin: 0px auto; background: transparent url('../img/path.bg.png') no-repeat left top; text-indent: 2em; color: #eee; }
#path a { color: White; font-weight: 800; }
#path h1 { font-size: 1em; display: inline; font-weight: 400; letter-spacing: 0px; }

/* content */

#content { background: #f7f7f7 url('../img/content.bg.png') repeat-x top; }

#content .container_12 { padding-top: 3em; }
#content p.compact { color: #555; }

#index #content .container_12 { padding-top: 0em; }
#index #content .text { width: 360px; }

/* newsline */

#newsline { height: 55px; overflow: hidden; background-image: url('../img/newsline.bg.png'); margin-bottom: 2em; }
#newsline p { color: #666; margin-left: 7em; margin-top: 0.4em; line-height: 56px; }
#newsline a { color: #666 !important; }
#newsline strong { margin-right: 0.5em; }

/* footer */

#foot { padding-top: 4em; background-color: #171717; color: #888; border-top: solid 1px black; }

#foot a, #foot h4 { color: White; }
#foot p strong { font-weight: 400; color: White; }

/* footer formatting */

#foot .formatted p { line-height: 1.2em; }
#foot .formatted a:after { content: " »"; }
#foot .formatted ol, #foot .formatted ul { list-style: none; margin: 0px; }

/* portfolio */

#folio .item { width: 300px; background: url('../img/item.bg.png') no-repeat; }
#folio .item:hover { background-position: top right; }

#folio .item img {
 display: block;
 width: 266px;
 height: 150px;
 /*margin: 18px 17px 30px 17px;*/
 margin: 18px 17px 10px 17px;
}
/*#folio .item img:hover { opacity: 0.8; }*/

#folio .item p, #folio .item h4 {
 /*margin: 17px;*/
 margin: 2px 17px;
 color: #666;
 letter-spacing: 0px;
}
#folio .item h4 a { color: #666 !important; font-weight: 800; }

#folio #filter { display: none; }
#folio #filter .placeholder { background-color: #eee; padding: 1.5em; }

#folio #filter a { margin-left: 0.5em; text-transform: uppercase; color: Black; }
#folio #filter a.active { font-size: 1.5em; }

/* post */

.post, .postbody { background: White url('../img/post.bg.png') repeat-y center; }
.post { margin-bottom: 2.5em; }

.posttop, .postfoot { background: url('../img/post.bg.png') no-repeat left top; clear: both; }
.posttop { height: 3.5em; position: relative; }
/*.postfoot { height: 2em; background-position: right bottom; }*/






.postbody { margin: 0px 30px; }
.postbody h2 { margin-bottom: 1em; }
.postbody h2 a { font-weight: 800; color: #333; }

.postinfo { color: #999; }
.postinfo strong, .postinfo a, .postinfo a:hover { font-weight: 800; color: #333; }

.postmeta { background: #f7f7f7 url('../img/postmeta.bg.png') repeat-x top; overflow: hidden; height: 5em; }
.postmeta .left, .postmeta .right { margin: 1.5em 0.5em; padding-left: 2em; background: url('../img/postmeta.sprites.png') no-repeat left top; white-space: nowrap; }
.postmeta .right { background-position: left bottom; }
.postmeta strong { margin: 0px 0.5em; }
.postmeta a { color: #666; }
.postmeta a:hover { color: #333; }

/* post label */

.posttop label { position: absolute; top: 40px; left: -53px; width: 57px; height: 100px; background: url('../img/label.bg.png'); }
.posttop strong { position: absolute; text-shadow: rgba(0,0,0,0.2) 0px 1px 1px; }
.posttop .date { color: White; font-size: 34px; letter-spacing: -2px; top: 11px; width: 57px; text-align: center; }
.posttop .month { color: #999; font-size: 15px; letter-spacing: 4px; top: 36px; left: 13px; font-weight: 400; }
.posttop .comments { color: White; top: 73px; left: 28px; letter-spacing: -1px; width: 22px; text-align: center; }

/* inside post */

.postbody p span { background-color: #ffe; }
.postbody img { border: solid 10px #eee; max-width: 100%;}
.postbody a:hover img { border-color: #ddd; }
.postbody img.filled { width: 516px; }
.postbody blockquote { background: url('../img/blockquote.bg.png') no-repeat left 0.5em; }
.postbody blockquote p { margin: 0px; }

/* post discussion */

#thread { list-style: none; margin: 1em; padding: 0px; }
#thread li { }
#thread li div.comment-body { height: 1% /*ie fix*/; position: relative; border: solid 1px #ddd; background-color: #fdfdfd; margin: 1em 0px 1em 0px; padding: 1em 28px 0em 28px; }

#thread li div.author img { position: absolute; height: 40px; width: 40px; right: 20px; bottom: 0px; margin-bottom: -20px; }
#thread li div.meta { position: absolute; right: 73px; bottom: 0px; margin-bottom: -25px; color: #666; }
#thread li div.reply { display: none; }

/* sidebar */

#sidebar { width: 270px; float: right; color: #666; padding-bottom: 1em; }
#sidebar h4 {
 margin-top: 2em;
 margin-bottom: 0.25em;
 letter-spacing: 0px;
}
#sidebar ul { margin: 0px; padding: 0px; list-style: none;}
#sidebar li a { height: 1.7em; color: #666; padding-left: 18px; white-space: nowrap; line-height: 20px; display: block; background: url('../img/sidebar.bg.png') no-repeat center bottom; }
#sidebar li a:hover { background-position: center top; }

#sidebar p {
	margin: 0;
	padding-top: 15px;
	padding-left: 18px;
}

/* form elements */

.button { padding: 5px; border: solid 1px #ccc; background: url('../img/button.bg.png') repeat-x top; font-size: 1em; cursor: pointer; text-align: center; color: #3d3c3c; font-weight: 800; text-shadow: White 0px 1px 0px; }
.button:hover { color: #222; }
.button:active { color: #444; }

.input, input, textarea { padding: 5px; border: solid 1px #ccc; border-top-color: #bbb; border-left-color: #bbb; background-color: #f7f7f7; }
.input:hover, input.hover, textarea:hover { border-color: #bbb; }
.input:focus, input:focus, textarea:focus { border-color: #abc; background-color: #f0f7ff !important; }
.input.correct { border-color: #6b9; background-color: #f7fff7 !important; }
.input.incorrect { border-color: #b69; background-color: #fff7ff !important; }

#contact { vertical-align: top; }
#commentform { vertical-align: top; margin: 1em; margin-top: 3em; padding: 0px; }
#commentform .input { background-color: #fdfdfd; }
#commentform span.small { color: #666; }

/* pagination */

.pagination { margin-bottom: 1.5em; text-align: center; }
.pagination a { display: inline-block; margin-left: 5px; }
.pagination a.current { background-image: none; }

/* search form */

#searchform .input { height: 24px !iefix; }

/* wide page */

#widepage .post, #widepage .postbody, #widepage .posttop, #widepage .postfoot { background-image: url('../img/widepage.bg.png'); }


#index #content .text {
    width: 290px;
}

#content {
 min-height: 500px;
}

/* stats */
#stats {
 width: 940px;
 margin-right: auto;
 margin-left: auto;
 padding 0px 10px;
}
#stats_sql,#stats_sql_search{
 display: none;
}
div.stats_sql_query{
 width: 80%;
 margin-bottom: 5px;
 margin-left: 5%;
 float: left;
 background-color: #bbee99;
}
div.stats_sql_time{
 width: 10%;
 text-align: center;
 float: left;
 background-color: #ffff88;
}


/* 
 * Pygments override */
div.highlight{
	margin: 0 0 1.5em 0;
}
div.highlight ol{
 margin-left: 40px;
}
div.highlight li{
 color: #831D0A;
}
div.highlight li div.line{
 color: #333;
}
/* END Pygments override */




.postbody p.center { text-align: center; }

.postfoot {
	background-position:right bottom;
	height:2em;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*******************************************************************************
  USER TOOLS
*******************************************************************************/
#user_tools {
	height:34px;
	padding-right:9px;
	float:right;
}
#user_tools span {
	height:34px;
	padding-left:9px;
	line-height: 34px;
	font-size:10px;
	color: #ccc;
	display:block;
	float:right;
}
#user_tools a {
	color: #fead1b;
	text-decoration:none;
}
#user_tools a:hover { text-decoration:underline; }
/*******************************************************************************
  END USER TOOLS
*******************************************************************************/

.add_entry_link {
	padding-right: 2em;
}

.ajax-loader-span,
.comment_posting,
.comment-thanks {
	color: #831D0A;
	font-size: 1.1em;
}

.comment-error {
	padding-top: 5px;
}


#nav a[href$="/html5/"] img{
    margin-left: 10px;
    margin-top: -2px;
}