/*
MODx Theme:	2pointZero (for http://www.stanback.net)
Created:	February 2007

You may learn from the CSS elements contained in this file and
adapt them to suit own needs, however, the design (unique 
combination of positioning, images, and typography) may not be 
reproduced because it is the intellectual property and copyright 
of Brian Stanback.

Begin stylesheet:
---------------------------------------------------------------*/

html { margin: 0; padding: 0; font-size: 100%; background: #373737; }
body { margin: 0; padding: 15px 0 20px 0; text-align: left; color: #e5e5e5; background: #373737; font-family: Tahoma,"Trebuchet MS",Arial,sans-serif; font-size: 76%; }

form { margin: 0; padding: 0; }

abbr, acronym { border: none; }
.clearfix { clear: both; }

a, a:visited, a:active { color: #eaeaea; background: transparent; text-decoration: underline; }
a:hover { color: #fafafa; background: transparent; }
a img { border: 0; }
img.left { float: left; padding: 5px 10px 20px 0; }
img.right { float: right; padding: 5px 0 20px 10px; }
.centered { text-align: center; }

#top { position: relative; z-index: 150; padding: 14px 27px 14px 27px; margin: 0 328px 0 0; background: #5d5d5d; color: #c5c4c4; border-bottom: 1px solid #656565; border-right: 1px solid #606060; border-left: 1px solid #6b6b6b; font-size: 0.87em !important; font-family: Arial, Tahoma, Verdana, sans-serif; }
#top a { color: #ccc; }

#bottom { position: relative; z-index: 150; padding: 14px 27px 14px 27px; margin: 0 328px 0 0; background: #5d5d5d; color: #c5c4c4; border-top: 1px solid #656565; border-right: 1px solid #606060; border-left: 1px solid #6b6b6b; font-size: 0.87em !important; font-family: Arial, Tahoma, Verdana, sans-serif; }
#bottom a { color: #ccc; }

.additional { color: #c4c4c4; font-family: "Courier New", "Lucida Console", "Trebuchet MS", Verdana, sans-serif !important; line-height: 1.35em !important; }
.additional a { color: #dfdfdf; }

#bgout { min-width: 930px; max-width: 1075px; margin: 0 auto; overflow: hidden; }
#bgtop { margin: 0 18px; background: transparent url(images/bgtop.png) top left repeat-x; }
#bgright { background: transparent url(images/bgright.png) top right repeat-y; }
#bgbottom { background: transparent url(images/bgbottom.png) bottom left repeat-x; }
#bgleft { background: transparent url(images/bgleft.png) top left repeat-y; }
#bgtrc { background: transparent url(images/bgtrc.png) top right no-repeat; }
#bgbrc { background: transparent url(images/bgbrc.png) bottom right no-repeat; }
#bgblc { background: transparent url(images/bgblc.png) bottom left no-repeat; }
#bgtlc { background: transparent url(images/bgtlc.png) top left no-repeat; padding: 9px; }

#container { background: #434343 url(images/bg_content.png) repeat-x left top; text-align: left; width: 100%; overflow: hidden; }

/* Header:
----------------------------------------------------------------*/

#header { height: 82px; background: transparent url(images/bg_delicate.png) no-repeat right bottom; border-bottom: 1px solid #404040; border-left: 1px solid #4f4f4f; }

#logo { float: left; height: 72px; width: 190px; margin: 9px 0 0 0; padding: 0; }
#logo a { height: 72px; display: block; border: none; background: transparent url(images/stanback.png) no-repeat 0 0; }
#logo a:focus { outline: none; -webkit-outline: none; -moz-outline: none; }
#logo h1 { margin: 0; padding: 0; text-indent: -9999px; }

/* Main navigation
----------------------------------------------------------------*/

#main_nav { float: right; padding: 0 12px 0 0; }
#main_nav ul { width: 302px; height: 32px; margin: 0; padding: 0; }
#main_nav ul li { display: block; float: left; margin: 0; padding: 0; text-indent: -9999px; }
#main_nav ul li a { height: 32px; display: block; border: none; background: transparent url(images/navigation.png) no-repeat; }
#main_nav ul li a:focus { outline: none; -webkit-outline: none; -moz-outline: none; }

#main_nav ul li#blog_nav a { width: 72px; }
li#blog_nav a:hover, li#blog_nav a:focus { background-position: 0 -32px; }

#main_nav ul li#photo_nav a { width: 80px; }
li#photo_nav a:link, li#photo_nav a:visited { background-position: -72px 0; }
li#photo_nav a:hover, li#photo_nav a:focus { background-position: -72px -32px; }

#main_nav ul li#code_nav a { width: 71px; }
li#code_nav a:link, li#code_nav a:visited { background-position: -152px 0; }
li#code_nav a:hover, li#code_nav a:focus { background-position: -152px -32px; }

#main_nav ul li#about_nav a { width: 79px; }
li#about_nav a:link, li#about_nav a:visited { background-position: -223px 0; }
li#about_nav a:hover, li#about_nav a:focus { background-position: -223px -32px; }

#main_nav div { padding-top: 27px; }

body#blog #main_nav ul li#blog_nav div, body#photo #main_nav ul li#photo_nav div, body#code #main_nav ul li#code_nav div, body#about #main_nav ul li#about_nav div {
	background: url(images/selected.png) no-repeat top center;
}

/* Top and bottom rules
----------------------------------------------------------------*/

#hr_upper, #hr_lower { overflow: hidden; clear: left; }
#hr_upper { height: 1px; background: #5f5f5f; }
#hr_lower { height: 8px; border-top: 1px solid #444; border-left: 1px solid #4f4f4f; background: #464646; }

/* Page content
----------------------------------------------------------------*/

#content { background: #575757 url(images/bg_menu.png) repeat-y right top; }

#body { min-height: 555px; border-left: 1px solid #626262; padding: 24px 29px 22px 27px; margin: 0 328px 0 0; }

#body h2 { margin: 0; padding: 2px 0 8px 0; font-family: "Century Gothic", Arial, "Lucida Sans Unicode", sans-serif; font-size: 1.70em; font-weight: bold; line-height: 1em; color: #e2e2e2; background: transparent; }
#body h3 { margin: 0; padding: 10px 0 12px 0; font-size: 1.1em; line-height: 1em; }

#body p { margin: 0; padding: 0 0 15px 0; line-height: 1.65em; font-size: 0.95em; font-family: Verdana,Arial,"Trebuchet MS",Tahoma,sans-serif; }

/* Side menu
----------------------------------------------------------------*/

#side_menu { width: 328px; float: right; margin: 0; padding: 25px 0; }

#side_menu p { margin: 0 33px 0 33px; padding: 3px 0; line-height: 1.55em; font-size: 0.90em; }

#side_menu h2 { position: relative; z-index: 3; margin: 13px 33px 0 33px; padding: 0; border-bottom: 1px solid #888; color: #d2d2d2; background: transparent; font-family: Arial, "Lucida Sans Unicode", sans-serif; font-size: 1.90em; font-weight: 400; }

.sIFR-active #side_menu h2 { line-height: 1em; border: none; background: transparent url(images/med_gray.png) repeat-x 0 0.95em; }

#side_menu h2.top, #side_menu h2.tag { margin-top: 0; }
#side_menu h2.tag { color: inherit; background: transparent; border: none; }

#side_menu ul { list-style: none; margin: 0 !important; padding: 0 !important; font-size: 0.89em; }
body #side_menu li { display: inline; }

#side_menu li a { background: transparent url(images/post_bullet.png) no-repeat 33px 9px; display: block; margin: 0; padding: 7px 0 7px 46px; color: #dadada; font-weight: bold; text-decoration: none; overflow: hidden; }
#side_menu li a span { visibility: hidden; color: #7c6; padding: 0 0 0 12px; background: transparent url(images/arrow.png) no-repeat 1px center; font-size: 0.85em; font-style: normal; font-weight: normal; }
#side_menu li a em { display: block; color: #a6a6a6; font-size: 0.90em; font-style: normal; font-weight: normal; }

#side_menu ul.deliciousLinks img { padding: 3px 1px 0 0; }

#side_menu li a:hover, #side_menu li a:focus { color: #adf; background-color: #484747 !important; background-position: 33px -402px; }
#side_menu li.here a { background-color: #4d4c4c; background-position: 33px -402px; }
#side_menu li a:hover span { visibility: visible; }

#side_menu form { margin: 0; padding: 17px 33px 5px 33px; }
#side_menu input { width: 173px; border: 1px solid #5c5c5c; color: #ddd !important; background: #4b4b4b !important; }
#side_menu input.button { width: 18px; height: 20px; margin: 0 0 0 2px; padding: 0 0 2px 0; border: none; background: transparent url(images/search.png) no-repeat !important; text-indent: -9999px; line-height: 500px; overflow: hidden; cursor: pointer; }

#side_menu #archivelinks { padding: 0 0 5px 0; }
#archivelinks a { text-decoration: none; font-weight: bold; font-size: 0.97em; padding: 0 0 0 21px; line-height: 1.8em; }

#archivelinks a.blogarchive { background: url(images/archive_icon.png) no-repeat; margin: 0 8px 0 0; }
#archivelinks a.linkarchive { background: url(images/link_icon.png) no-repeat; }

#body .FSF_resultcount { border-bottom: 1px solid #6a6a6a; margin: 0 0 10px 0; padding: 0 0 10px 0; }
#body .FSF_pagination { border-top: 1px solid #6a6a6a; margin: 10px 0 0 0; padding: 10px 0 0 0; }
.FSF_result { padding: 7px 0 0 0; }
#body .FSF_result p { padding: 3px 0; margin: 0; line-height: 1.5em; }
#body .FSF_resultLink { font-size: 0.9em; color: #cfcfcf; }
#body .FSF_resultLink a { color: #cfcfcf; text-decoration: none; }

.summaryPost { border-bottom: 1px solid #6a6a6a; margin: 0 0 28px 0; padding: 0 0 10px 0; }
.summaryPostLast { border-bottom: none !important; margin: 0 !important; padding: 0 !important; }
#body .summaryPost h2, #body h2.entrytitle { float: left; display: inline; padding: 0; margin: 0.42em 27px 0 0; font-family: Arial, "Lucida Sans Unicode", sans-serif; font-size: 1.70em; font-weight: bold; line-height: 1em; color: #cfcfcf; background: transparent; }

.summary { border: none; }

.entry { clear: left; display: block; }

#body ul { margin: 0 0 12px 25px; padding: 0; list-style: square; }
#body li { margin: 0; padding: 0 0 10px 0; line-height: 1.65em; font-size: 0.95em; font-family: Verdana,Arial,"Trebuchet MS",Tahoma,sans-serif; }

#leftcol ul, #rightcol ul, .links_listing, .links_listing ul { list-style: circle !important; }
#rightcol li ul, .links_listing ul { margin: 1px 0 0 25px !important; }
#leftcol li, #rightcol li, .links_listing li { padding: 1px 0 !important; line-height: 1.3em; }

#body .summaryPost h2 a { color: #d2d2d2; background: transparent; text-decoration: none; }
#body .summaryPost p { clear: left; margin: 0; }

#body .meta { margin: 1px 0 15px 0; background: transparent; font-weight: 600; font-size: 0.95em; }
#body .meta a { margin: 0 26px 0 0; padding: 0 0 0 20px; overflow: hidden; text-decoration: none; color: #dfdfdf; }
#body .meta a:hover { color: #fafafa; }

.meta a.continue { background: url(images/continue.png) no-repeat 0 -135px; }
.meta a.comments { background: url(images/comments.png) no-repeat 0 -133px; }
#body .meta a.rss { background: url(images/rss.png) no-repeat 0 -136px; margin: 0; }
.meta a.notify { background: url(images/lightning.png) no-repeat 0 0; }
.meta a.notify_off { background: url(images/lightning_off.png) no-repeat 0 0; }

#commentsAnchor { clear: left; }

.taglinks { margin: 0 20px 0 0; padding: 0 0 0 20px; background: transparent url(images/tag_blue.png) no-repeat left center; }
#body .taglinks a { margin: 0; padding: 0; }

#body .date { float: left; display: inline; margin: 0 15px 15px 0; padding: 6px; color: #e5e5e5; background: #666; }
#body .date p { margin: 0; padding: 0; text-align: center; font-family: "Lucida Sans Unicode",Georgia,Verdana,sans-serif; }
.date p span.month { display: block; font-weight: bold; line-height: 1em; font-size: 1.17em }
.date p span.day { display: block; font-size: 1.6em; line-height: 1em; }

#body .fullpost { clear: left; }

.posted a { color: #dfdfdf; }
.posted a:hover { color: #fafafa; }

.tagcloud { position: relative; z-index: 2; margin: -0.95em 33px 0 33px; padding: 0.4em 0.7em; height: 190px; overflow: hidden; border: 1px solid #676767; background: #484848; font-size: 0.95em; line-height: 1.5em; text-align: justify; }
.tagcloud a { margin: 0 .25em 0 0; color: #bbb; text-decoration: none; }
.tagcloud a:hover { color: #ddd; border-bottom: 1px dotted #777; }

#fsckr { height: 53px; padding: 0 30px 10px 33px; margin: 0 -5px 0 0; }
.pix { float: left; width: 81px; height: 100%; border: 1px solid #676767; background: #474747; margin: 0 5px 0 0; }
.pix img { width: 81px; height: 53px; }
.pix a:hover { border: 1px solid #adf; }

#sponsors { display: none; margin: 31px 0 25px 0; border: 1px solid #3e3e3e; padding: 10px; font-size: 0.85em; }

.sidebarSummary { margin: 10px 0; }
.sidebarSummary a { text-decoration: none; }

/* Footer
----------------------------------------------------------------*/

#footer { color: #ccc; clear: both; margin: 0 26px; text-align: left; text-transform: uppercase; }

#footer a { color: #ccc; }

#footer p { margin: 0; padding: 0; font-size: 0.9em; background: transparent; }

#footer_links { float: right; }

/* Field and form display
*************************************************/

input[disabled] { background: #888 !important; }

#body input, #body textarea, #body select { border: 1px solid #6b6b6b; color: #efefef !important; background: #656565 !important; }
#body input:focus, #body textarea:focus, #body select:focus { border: 1px solid #5f5f5f; color: #efefef !important; background: #616161 !important; }
#body input.button { width: auto; margin: 0 !important; padding: 2px 7px 1px 7px; font-size: 0.95em; }

fieldset { margin: 0; padding: 0; border: none; }
#body fieldset input { width: 245px; }
#body fieldset input.button { width: auto; }
#body fieldset textarea { width: 385px; }
#body fieldset label { margin-left: 10px; font-size: 0.95em; }

#body fieldset br { clear: left; }

.converted_time { border: inset 1px; margin: 0 0 17px 0 !important; padding: 4px !important; background: #666; color: #f2f2f2; }

/* Web login
*************************************************/

#body .loginform { padding: 0 0 10px 0; width: 100%; }

#body .loginform input { margin: 0 5px 0 0; width: 125px; }

#body .userlogin { padding: 5px 0 !important; }

/* Comments Display
*************************************************/

.metacomments { padding: 5px 0 16px 0; }

#body .remarks { padding: 3px 0 0 23px; background: url(images/raquo.png) no-repeat left center; }

.jot-form { margin: 15px 0 0 0; }
.jot-comment { width: 100%; margin: 0 0 3px 0; padding: 0 0 23px 0; overflow: hidden; color: #eee; background: #616161 url(images/comment_cloud.png) no-repeat left bottom; }

#body .jot-poster { clear: left;padding: 0 0 23px 11px; font-size: 0.90em; }

.jot-poster a { text-decoration: none; }
.jot-poster span { padding: 0 0 0 23px; background: transparent url(images/user.png) top left no-repeat; }
.jot-owner span { background-image: url(images/user_red.png); }
.jot-author span { background-image: url(images/user_gray.png) !important; }

div.errors { margin: 10px 0 20px 0; color: #adf; }

.form-field { margin: 0 0 7px 0; }

.form-register { width: 99%; }

.jot-postnum { float: right; height: 100%; color: #696969; margin: -6px -5px 0 0; font: bold 2.85em "Lucida Sans Unicode",Georgia,Verdana,sans-serif; text-align: center; line-height: 1em; }

.jot-owner .jot-postnum { color: #7c7c7c; }
.jot-author .jot-postnum { color: #595959 !important; }

#body .jot-message { padding: 10px 48px 0 12px; line-height: 1.50em; }

/* Code Display
*************************************************/

div.code { margin: 5px 0 20px 0; background: #616161; padding: 1px; }
div.code p { margin: 0 !important; padding: 2px 4px 3px 4px !important; text-transform: uppercase; font-weight: bold; font-size: 0.85em !important; }
div.code pre { max-height: 450px; overflow: auto; margin: 0; padding: 8px; color: inherit; background: #535353; font: .90em "Courier New",sans-serif; word-wrap: break-word; }

pre .kw2 { color: #4af; }
pre .kw3 { color: #0e4; }
pre .co1 { color: #888; }
pre .co2 { color: #888; }
pre .coMULTI { color: #888; }
pre .br0 { color: #4af; }
pre .nu0 { color: #fa1; }
pre .re0 { color: #fff; }
pre .re1 { color: #f00; }

/* Code Display
*************************************************/
.program { margin: 0 0 15px 0; padding: 15px 22px 5px 22px; vertical-align: middle; background: #535353; border-right: 7px solid #606060; border-top: 1px solid #606060; border-left: 1px solid #606060; border-bottom: 1px solid #606060; }
.program h3 { float: left; margin: 0 22px 0 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: bold; position: relative; }
.program h4 { float: left; margin: 2px 0 10px 0 !important; padding: 0 !important; font-size: 12px; font-weight: bold; position: relative; }
.program p { clear: left; color: #afafaf; }

/* Gallery Display
*************************************************/

.gallery { width: 100%; }
.gallery .pic { vertical-align: middle; background: #535353; border-top: 1px solid #606060; border-left: 1px solid #606060; border-bottom: 1px solid #606060; }
.gallery .desc { padding: 5px 22px; vertical-align: middle; background: #535353; border-right: 7px solid #606060; border-top: 1px solid #606060; border-bottom: 1px solid #606060; }
.gallery .desc p { padding: 0 !important; }
.gallery .desc span { color: #afafaf; }
.gallery .empty { height: 15px; }
.gallery img { border-right: 1px solid #606060; display: block; }

#rightcol { float: right; width: 50%; }
#leftcol { float: left; width: 50%; }

#thumbs { margin: 0 0 22px 0; width: 100% !important; width: 99%; vertical-align: middle; text-align: center; }
#thumbs img { border: 1px solid #606060; margin: 0 5px 12px 5px; }

/* Links tag cloud
*************************************************/
.links_cloud { background: #535353; border: 1px solid #606060; padding: 10px 14px 15px 14px; line-height: 1.55em; font-size: 1em; text-align: justify; }
.links_cloud a { text-align: left; white-space: nowrap; margin: 0 3px; }
.links_cloud a:hover { color: #adf !important; }
a.favlinks_s5 { font-size: 1.65em; font-weight: bold; }
a.favlinks_s4 { font-size: 1.4em; font-weight: bold; }
a.favlinks_s3 { font-size: 1.2em; font-weight: bold; }
a.favlinks_s2 { font-size: 1em; font-weight: bold; }
.links_cloud a.favlinks_s1 { line-height: 1.15em; color: #a2a2a2; text-decoration: none; border-bottom: 1px dotted #7a7a7a; }
.links_cloud a:hover.favlinks_s1 { border-bottom: 1px solid #adf !important; }
a.favlinks_s1 { font-size: 0.9em; }

/* Star rating
*************************************************/
.star-rating { float: right; list-style: none !important; margin: 4px 0 0 0 !important; padding: 0; width: 125px; height: 27px; position: relative; background: url(images/alt_star.png) top left repeat-x; }
.star-rating li { padding: 0 3px !important; margin: 0; float: left; }
.star-rating li a { display: block; width: 25px; height: 27px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; overflow: hidden; outline: none; border: 0; }
.star-rating li { text-indent: -9000px; }
.star-rating li a:hover { background: url(images/alt_star.png) left center; z-index: 2; left: 0; }
.star-rating a.one-star, .star-rating li.one-star { left: 0; }
.star-rating a.one-star:hover { width: 25px; }
.star-rating a.two-stars, .star-rating li.two-stars { left: 25px; }
.star-rating a.two-stars:hover { width: 50px; }
.star-rating a.three-stars, .star-rating li.three-stars { left: 50px; }
.star-rating a.three-stars:hover { width: 75px; }
.star-rating a.four-stars, .star-rating li.four-stars { left: 75px; }
.star-rating a.four-stars:hover { width: 100px; }
.star-rating a.five-stars, .star-rating li.five-stars { left: 100px; }
.star-rating a.five-stars:hover { width: 125px; }
.star-rating li.current-rating { background: url(images/alt_star.png) left bottom; position: absolute; left: 0; top: 0; height: 27px; display: block; text-indent: -9000px; z-index: 1; }

/* Downloads box
*************************************************/
.downloads { width: 100%; background-color: #616161; margin: 0 0 15px 0; }
.downloads th { background-color: #535353; }
.downloads th { padding: 6px; }
.downloads td { padding: 2px 6px 2px 6px; }
.downloads a { padding: 0 0 0 22px; background: transparent url(images/download.png) no-repeat left center !important; }
.downloads tr.first td { padding: 5px 6px 6px 6px !important; background-color: #707070; border-bottom: 1px solid #595959; }
.downloads tr.first a { background: transparent url(images/download_first.png) no-repeat left center !important; }