/*
Theme Name: Blue Cammo
Theme URI: http://www.stevepugh.net/VTT/
Description: The Original VTT theme
Version: 1.1
Author: Steve Pugh
Author URI: http://www.stevepugh.net/VTT/
*/

/* start rest styles */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
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: "" "";}
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bold;}
i, em, cite { font-style: italic;}
address { font-style: normal;}

header, nav, footer, section, aside, article, figure {display:block;}

/* end reset styles */

@media print {
	* {background: #FFF !important; color: #000 !important;}
	#site-title {border: none !important;}
	#sidebar, #searchform, #respond, .navigation, .subtitle, .sociable, .post-edit-link, .comment-edit-link {display: none  !important;}
	#content {width: 96% !important;}
}


/* Page */
body {padding: 1.5em 0; font-family: sans-serif;}

hr {display: none;}
sup, sub {font-size: smaller; position: relative;}
sup { bottom: 0.4em; }
sub { top: 0.4em; }

ins {text-decoration: underline; font-style: normal;}

a:link { text-decoration: underline; }
a:visited { text-decoration: line-through; }
a:hover, a:focus, a:active { text-decoration: overline underline; }

.aligncenter {text-align: center;}
.alignleft {float: left;}
.alignright {float: right;}
.right {float: right; margin: 0 0 1em 1em;}
.left {float: left; margin: 0 1em 1em 0;}
.clear {clear: both; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden;}

.outdent, form#searchform, #sidebar>li, .hilight, .pq, .gallery img, .pagetitle, .comment-author, .comment-meta, .avatar   {border-style: outset; border-width: 2px; padding: 0.5em;}
.indent, .entry blockquote, .comment-body  {border-style: inset; border-width: 2px; margin: 0.5em 1em 0; padding: 1.5em;}


/* Header and Footer */

#access {position: absolute; left: -1000px; top: 0;}
#access a:link, #access a:visited {background-color: #FFF; color: #C00;}
#access a:focus, #access a:hover, #access a:active {background-color: #FFF; color: #C00; border: 1px dotted #C00; white-space: nowrap; position: absolute; left: 1010px; top: 10px; padding: 2px; z-index: 110;}

form#searchform { text-align: right; position: absolute; top: 6px; right: 3%; width: 40%; padding: 0.3em 1%; z-index: 10;}
form#searchform input { width: 25%; }
form#searchform input#s { width: 72%; }
form#searchform label { position: absolute; top: -1000em; }

div#site-title { font-size: 1.5em; font-weight: bold; margin: 0 2%; padding: 0.3em 1.5%; border-width: 2px 2px 0 2px; position: relative; top: 2px; z-index: 10; width: 9.5em; }	

#site-title a:link, #site-title a:visited { text-decoration: none; }
#site-title a:hover, #site-title a:focus, #site-title a:active { text-decoration: overline underline; }

.subtitle, #footer, footer  { clear: both; border-width: 2px 0; line-height: 2em; padding: 0 3.5%; font-style: italic;}
footer address {display: inline;}



/* Content */

#content { float: left; 	margin: 2%; width: 70%;}

h1.pagetitle {font-size: 150%; margin-bottom: 1em; }

.post, .page { margin: 0 0 2em 0;clear:both;}
 
.entry-title {font-size: 150%; line-height: 1; margin-bottom:0.5em;}
.entry-title  a:link, .entry-title  a:visited, .entry-title  a:active, .entry-title  a:hover, .entry-title  a:focus {	text-decoration: none;}

.entry {line-height: 1.3;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry p, .entry ol, .entry ul,.entry dl, .entry blockquote, .entry div { max-width: 40em; margin-left: auto; margin-right: auto; }
.entry table { margin: 0 auto 1.3em auto; margin-right: auto; border-spacing: 2px;}
.entry  td, .entry th {border-width: 1px; border-style: solid;}
.entry .noData td, .entry .noData th {border: none;}

.entry blockquote { padding: 1em; margin-bottom:1.3em;}
.entry blockquote *:first-child { margin-top: 0; }
.entry blockquote *:last-child { margin-bottom: 0; }
.entry blockquote.meme {text-align: center;}
.entry blockquote.meme table {margin: 0.25em auto; text-align: left; border: none;}

.entry code, .entry tt {font-family: monospace;}

.entry hr  { display: block; height: 2px;  border-style: solid;  border-width: 2px 0 0 0;  max-width: 35em; }

.entry pre { width: 80%; margin: 1em 10%; overflow: auto; overflow:-moz-scrollbars-horizontal; overflow-x: auto; overflow-y: visible;}

.entry h2 {font-size: 130%;}
.entry h3 {font-size: 120%;}
.entry h4 {font-size: 114%;}
.entry h5 {font-size: 107%;}

.entry p, .entry ol, .entry ul, .entry dl {margin-bottom: 1.3em;}

.entry ol {list-style-type: decimal;}
.entry ul {list-style-type: square;}
.entry li, .entry dd { margin-left: 1.5em; }

.postmetadata, .unt_lp_mood, .unt_lp_music, .tags {font-size: 92%;}
.unt_lp_mood, .unt_lp_music, .tags { max-width: 43.4em !important;}

.postmetadata a[rel="trackback"] {float: left; padding-left: 5px;}

#content  img.icon {padding: 0; margin: 0; border: none; background: #fff;}

#content a.post-edit-link {background-color: #efefef; float: right; border: 1px solid #999; padding: 1px 3px;}

.entry a:link img, .entry a:visited img { border-style: outset; border-width: 2px; margin: 5px; padding: 4px; }
.entry a:hover img, .entry a:active img, .entry a:focus img { border-style: inset; border-width: 2px; margin: 5px; padding: 4px; }

.entry .hilight, .entry .pq {padding: 1em; font-style: italic; min-width: 10em;}
.entry .hilight {display: table; margin: 1em auto;}
.entry .pq {width: 20%; float: left; clear: left; padding: 1em; margin: 1em 1em 1em 0; }
.entry .pq img, .entry .hilight img { display: block; margin: 0 auto; }
.entry .gallery {text-align: center;}
.entry .gallery img {margin: 5px;	padding: 4px;  }
.entry a.cutid { font-weight: bold; }

.entry+.postmetadata {text-align: right; position: relative; top: -2px; min-height: 18px; height: 1.4em; }

.entry ul.subnav {font-size: small;}
.entry ul.subnav li {display: inline; margin: 0; padding: 0 1em 0 0; }
.entry ul.subnav li:first-child {border-left: none;}
 
.navigation {min-height: 1.4em; margin: 2em 0;}


/* Comments */
.commentlist { list-style-type: none; }
.commentlist li {margin: 4em 0; padding: 0; border: none; clear: right; }
.comment-body {position: relative; margin:2em 1em; padding:1.5em; min-height:2em;}
.comment-author {margin:-2.5em 0 1em;}
.avatar { float: right; 	margin: -1.5em -3em 0 0; padding: 4px;}
.children {margin-left: 3em;}
.children li {margin: 4em 0 1em;}
.comment-meta {bottom:-1em; left:1.5em; position:absolute; width:90%; font-size: smaller;}

.comment-body  p { max-width: 40em; margin: 0 auto 1.3em; }

#commentform {clear: left; margin: 2em auto; width: 90%;}
#commentform div {clear: left;}
#commentform label {float: left; width: 25%; margin: 0.2em 0; text-align: right; padding-right: 1em; }
#commentform input, #commentform textarea {width: 70%; margin: 0.2em 0;}
#commentform input#submit {margin-left: 25%; width: auto;}



/* Sidebar */

#sidebar { margin: 0 0 0 74.5%; list-style-type: none; font-size: 90%; width: 22%; }

#sidebar>li { margin: 0 0 1em 0; padding:  0.7em; line-height: 1.3;}
#sidebar>li.bare {background: transparent none; border: none;}

#sidebar li#nav1 { z-index: 10; border-width: 0 2px 2px 2px; position: relative; top: -2px; font-weight: bold; }

#sidebar h2, #sidebar p, #sidebar ul, #sidebar ul li  {margin: 0 0 0.7em 0; font-size: 100%;}

#sidebar ul ul { margin: 0.7em 0 0 1em;}

#sidebar  .note , .aktt_more_updates { font-size: smaller; text-align: right;}

#sidebar h2.expand {background-image: url(blue/arrd.gif); background-repeat: no-repeat; background-position: right center; padding-right: 25px; min-height: 21px; margin: 0;}
#sidebar h2.expand:hover {background-image: url(blue/arrdo.gif);}
#sidebar h2.expanded {background-image: url(blue/arru.gif); background-repeat: no-repeat; background-position: right center; padding-right: 25px; min-height: 21px;}
#sidebar h2.expanded:hover {background-image: url(blue/arruo.gif);}



/* ### Special Styles ### */

/* jQuery lightBox plugin */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none;}
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image { padding: 10px;}
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0;}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {	font: 10px Tahoma, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;}
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;	}


/* Sociable */
#content div.sociable {float: left;}
#content div.sociable_tagline {float:left;overflow:hidden;width:0;height:0;}
#content div.sociable ul {display: inline; list-style-type: none; margin: 0; padding: 0;}
#content div.sociable li {display: inline; margin: 0; padding: 0 2px;}

/* Live+Press */
a:link img.ljusertagimg, a:visited img.ljusertagimg  { border: none; margin: 0; padding: 0 3px 0 0; vertical-align: bottom; background-color: transparent !important;}


/* LibraryThing */
.LT_header {margin: 0 0 0.7em 0; font-size: 100%; font-weight: bold;}
.LT_powered {font-size: smaller; text-align: right;}
.LT_content { margin: 0 0 0 1em;}
.LT_itemLast {margin: 0 0 0.7em 0; min-height: 75px;}
.LT_cover {float: left;}
.LT_titleandauthor {margin-left: 50px; display: block; padding-top: 0.5em;}
.LT_title {font-style: italic;}

/* ### Color Scheme ### */
body { background: #91C4D9 url("blue/bg-blue.gif") fixed; color: #000;}

a:link { color: #00C;}
a:visited { color: #006;}
a:hover, a:focus, a:active { color: #00C;}

#site-title, #site-title a:link, #site-title a:visited { color: #FF6;}
#site-title a:hover, #site-title a:focus, #site-title a:active { color: #FF6;}

.entry td, .entry th {	border: 1px solid #666;}

/* outset panels */
.outdent, form#searchform, #sidebar>li, .hilight, .pq, .gallery img, .pagetitle, .comment-author, .comment-meta, .avatar, .entry a img {background: #71A7BD none; border-color: #FFF #999 #999 #FFF;}

.entry-title  a:link, .entry-title  a:visited {color: #000;}
.entry-title  a:active, .entry-title  a:hover, .entry-title  a:focus {color: #006;}

.outdent a:link, .comment-meta a:link, .comment-author a:link { color: #000; }
.outdent a:visited, .comment-meta a:visited, .comment-author a:visited { color: #000; }
.outdent a:hover, .outdent a:focus, .outdent a:active {color: #00C; }

/* inset panels */
.indent, .comment-body {background: #DDEEEE none; border-color: #999 #FFF #FFF #999; }

.indent hr  {border-color: #71A7BD; }

/* nested panels */
.indent .indent, .entry blockquote  {background: #EEEEEE none;}

.indent .outdent, .entry a img {background: #91C4D9 none;}

.warning {border-style: inset; border-width: 2px; margin: 0.5em 1em 0; padding: 1.5em;background: #EEEEEE none; border-color: #999 #FFF #FFF #999; font-weight: bold; font-size: 110%; color: #900;}

@media screen and (max-width: 900px) {
  #content {float: none; width: 96%;}
  #sidebar {margin-left: 2%;margin-right: 2%; width: 96%;}
  #sidebar li#nav1 { border-top-width: 2px;}
}