/*  
Theme Name: Monolith V1
Version: 1.5
Author: Jason Krause
Author URI: http://monolithllc.com/
*/


/* -------------------------------
Primary Typography & Colors
------------------------------- */
html {padding: 0; margin: 0;}
body {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: center; color: #333; margin: 0; background: #354b6b url(../i/bgvertstrip.gif) repeat-x;}

p, ul, ol, li, h2, h3, h4, h5 {font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;}
p {line-height: 1.45em; color: #666; padding: 4px 8px 4px 8px; margin: 0;}

ul, ol, li {line-height: 1.7em; color: #666;}
ol, li {list-style: square;}


/* -------------------------------
List Stylings
------------------------------- */
#subcont1 li, #subcont2 li {font-size: 90%; line-height: 1.4em;}
#subcont1 ul, #subcont2 ul {padding: 6px 0 2px 20px; margin: 0;}

.synd {margin-left: -26px; padding-left: 25px; text-indent: .15em; background: url(../i/feedicon.gif) no-repeat 2px; list-style: none; list-style-position: outside;}
.comingup {margin-left: -26px; padding-left: 25px; text-indent: .15em; background: url(../i/list-coming-up3.gif) no-repeat 1px 1px; list-style: none; list-style-position: outside;}
.completed {margin-left: -26px; padding-left: 25px; text-indent: .15em; background: url(../i/list-completed2.gif) no-repeat 2px 4px; list-style: none; list-style-position: outside;}
.newsitem {margin-left: -20px; padding: 0 6px 0 20px; text-indent: .1em; background: url(../i/list-news-page-icon.gif) no-repeat 2px 3px; list-style: none; list-style-position: outside;}
.columnitem {margin-left: -20px; padding: 0 6px 0 20px; text-indent: .1em; background: url(../i/list-column-icon.gif) no-repeat 2px 3px; list-style: none; list-style-position: outside;}
.interviewitem {margin-left: -20px; padding: 0 6px 0 20px; text-indent: .1em; background: url(../i/list-interview-icon.gif) no-repeat 2px 0; list-style: none; list-style-position: outside;}

#focus ul, #focus li {font-size: 1em; line-height: 1.8em; list-style: none;}
#focus li {background: url(../i/list_icon1b.gif) no-repeat 1px; text-indent: 1.2em;}


/* -------------------------------
Headings
------------------------------- */
h1 {font-size: 250%; letter-spacing: -.08em; line-height: 1em; color: #999; padding: 10px 0 4px 10px; margin: 0;}
h2 {font-size: 175%; letter-spacing: -.08em; line-height: 1.2em; color: #ccc; padding: 2px 0 4px 10px; margin: 0;}
h3 {font-size: 125%; letter-spacing: -.08em; line-height: 1.1em; color: #405a80; padding: 2px 0 0 10px; margin: 0;}
h4 {font-size: 115%; letter-spacing: -.08em; line-height: 1.1em; color: #405a80; padding: 2px 0 0 10px; margin: 0;}

#client h4 {font-size: 115%; letter-spacing: -.06em; line-height: 1.1em; color: #e1edff; padding: 2px 0 0 8px; margin: 0;}
#header h1 {font-size: 325%; letter-spacing: -.08em; color: #e1edff; padding: 0;}
#header p {font-size: 90%; color: #fff; padding: 0;}

#columnmiddle h1 {font-size: 250%; letter-spacing: -.08em; color: #004098; padding: 10px 0 2px 10px;}
#columnmiddle h2, #sendform h2 {font-size: 175%; letter-spacing: -.08em; line-height: 1.2em; color: #405a80; padding: 6px 0 2px 10px;}
#columnleft h1, #columnright h1 {font-size: 250%; letter-spacing: -.08em; color: #f26300; padding: 10px 0 4px 10px;}
#columnleft h2, #columnright h2 {font-size: 175%; letter-spacing: -.08em; color: #405a80; padding: 2px 0 4px 10px; text-transform: uppercase;}

#subcont h2, #subcont1 h2, #subcont2 h2 {font-size: 135%; letter-spacing: -.08em; color: #80cbff; padding: 4px 0 4px 4px;}
#subcont h3, #subcont1 h3, #subcont2 h3 {font-size: 115%; letter-spacing: -.05em; color: #e1edff; padding: 8px 0 4px 4px;}


/* -------------------------------
Misc Layout, Typography & Colors
------------------------------- */
#subcont1 input {padding-left: 40px;}
h2.csls {margin: 5px 0 0; padding-bottom: 10px;}
.csls {padding: 4px 0 8px 15px;}
.current {color: #80cbff; font-weight: bold; text-transform: uppercase;}
.red {color: #800b00;}
.blue {color: #124a7f;}
.update {color: #e64900;}
.passed {color: #ccc;}
.passed a:link, .passed a:active, .passed a:hover, .passed a:visited {color: #ccc;}
.store {color: #124a7f; font-size: 1em; font-weight: bold; text-transform: uppercase;}
.note {font-size: .90em; font-weight: bold; color: #405a80; background-color: #e1edff; padding: 6px 6px 6px 8px;}
.attention {font-size: .90em; font-weight: bold; color: #e2860d; background-color: #ffffcc; padding: 6px 6px 6px 8px;}
code {font-family: 'Courier New', Courier; font-size: .95em; color: #666;}
.proddescrip {font-size: .95em; font-style: italic; color: #666;}
.bookdescrip {font-size: .9em; color: #124a7f;}
.status {font-size: 1.2em; font-weight: 700; letter-spacing: -.06em; color: #124a7f; background-color: #e1edff; padding: 6px 6px 6px 8px;}
.statusinprod {font-size: 1.2em; font-weight: 700; letter-spacing: -.06em; color: #e64900; padding: 6px 6px 6px 8px;}
.indicia, .small {font-size: .85em; font-weight: normal; text-align: justify; letter-spacing: -.04em; color: #999;}
small {font-size: .85em; letter-spacing: -.04em; color: #999;}
.date {font-size: 70%; font-style: italic; line-height: 1em; color: #999; padding: 0; margin: 0;}
.horizformbutton {vertical-align: middle; padding: 0 0 2px 8px;}
acronym, abbr {border-bottom: dotted 1px #214973; cursor: help;}
.vcalendar abbr {font-weight: bold; border: 0; cursor: default;}
p.aligncentered {text-align: center;}
.pageturn {float: left; width: 250px; text-align: left; text-indent: 1em; background: #e1edff url(../i/bentcorner.gif) no-repeat bottom right; background-position: 96% 0; padding: 0;}
.post {border-bottom: #405a80 1px dotted;}
.purchase, .preview {padding: 4px 0; margin: 0 auto;}


/* -------------------------------
links
------------------------------- */
a:link {text-decoration: underline; color: #004098;}
a:visited {text-decoration: underline; color: #405a80;}
a:hover {text-decoration: none; color: #006bff;}
a:active {text-decoration: underline; color: #004098;}

#client a:link, #footer a:link, #prevfooter a:link {text-decoration: none; color: #80cbff;}
#client a:visited, #footer a:visited, #prevfooter a:visited {text-decoration: none; color: #999;}
#client a:hover, #footer a:hover, #prevfooter a:hover {text-decoration: underline; color: #80cbff;}
#client a:active, #footer a:active, #prevfooter a:active {text-decoration: none; color: #bcced6;}

#subcont a:link, #subcont1 a:link, #subcont2 a:link {text-decoration: none; color: #80cbff;}
#subcont a:visited, #subcont1 a:visited, #subcont2 a:visited {text-decoration: none; color: #999;}
#subcont a:hover, #subcont1 a:hover, #subcont2 a:hover {text-decoration: none; color: #f26300;}
#subcont a:active, #subcont1 a:active, #subcont2 a:active {text-decoration: none; color: #f26300;}

h1 a {text-decoration: none;}
h1 a:link, h1 a:visited {color: #e1edff; text-decoration: none;}
h1 a:hover {color: #80cbff; text-decoration: none;}

a.more {padding-right: 18px; background: url(../i/more.gif) no-repeat 100% 2px;}
a.morenews {padding-right: 18px; background: url(../i/more2.gif) no-repeat 100% 2px;}

a.offsite {padding-right: 16px; background: url(../i/offsite-icon.gif) no-repeat 100% 50%;}
a.offsitealt {padding-right: 16px; background: url(../i/offsite-icon-alt.gif) no-repeat 100% 30%;}
a.offsitedark {padding-right: 16px; background: url(../i/offsite-icon-dark.gif) no-repeat 100% 30%;}


/* -------------------------------
Primary Layout
------------------------------- */
#wrapper {position: relative; width: 775px; background-color: #fff; margin: auto; padding: 0px;}

#header {float: left; width: 450px; voice-family: "\"}\""; voice-family: inherit; width: 527px; height: 100px; text-align: left; text-transform: uppercase; background: #333 url(../i/monostone.gif) no-repeat top right; background-position: 10% 6%; padding: 25px 0 0 50px;}

/* Start Upper Nav */
#uppernav {float: left; width: 150px; voice-family: "\"}\""; voice-family: inherit; width: 175px; height: 101px; background-color: #333; text-align: left; text-transform: uppercase; padding: 24px 0 0 0; margin: 0;}
#uppernav ul, #uppernav li {font-size: 1em; line-height: 1.8em; list-style: none; margin: 0; padding: 0;}
#uppernav li {background: url(../i/list_icon1a.gif) no-repeat 1px; text-indent: .75em;}
/* Upper Nav links */
#uppernav a:link {color: #e1edff; font-weight: bold; text-decoration: none;}
#uppernav a:visited {color: #e1edff; font-weight: bold; text-decoration: none;}
#uppernav a:hover {color: #f26300; font-weight: bold; text-decoration: none;}
#uppernav a:active {color: #f26300; font-weight: bold; text-decoration: none;}
/* End Upper Nav */

/* Start Main Nav */
#mainnav {float: left; width: 752px; padding: 0; margin: 0; list-style: none; background: #000 url(../i/navbg_norm.gif) repeat-x; border-top: #555 2px solid;}
#mainnav li {float: left; margin: 0; padding: 0; line-height: 1.3em; list-style: none; background: #000 url(../i/navbg_norm.gif) repeat-x;}

#mainnav a {float: left; color: #aebcd5; text-decoration: none; font-weight: bold; font-size: .95em; background: #000 url(../i/navbg_norm.gif) repeat-x; border-right: #666 1px solid; border-left: #999 1px solid; margin: 0; padding: 8px 12px;}

#mainnav a:hover,
#mainnav a:active,
#mainnav a.here:link,
#mainnav a.here:visited {color: #092c67; background: #aebcd5 url(../i/navbg_over.gif) repeat-x; border-right: #666 1px solid; border-left: #999 1px solid;}

#mainnav a.here:link,
#mainnav a.here:visited {position: relative; z-index: 102;}

li#navalign a {margin-left: 35px;}
/* End Upper Nav */

.subnav {float: right; margin-top: 18px;}

#client {float: left; width: 732px; background-color: #666; text-align: left; padding: 8px 0 4px 20px;}
#client p {font-size: 85%; color: #e5e5e5;}

#meat {float: left; width: 706px; text-align: left; background-color: #fff; border-top: #cfcfcf 5px solid; border-right: #666 1px solid; border-left: #666 1px solid; padding: 6px 20px 20px 24px;}
#meatcol1 {float: left; width: 355px; text-align: left; background-color: #fff; border-right: #999 1px dotted;}
#meatcol2 {float: left; width: 330px; text-align: left; background-color: #fff; padding-left: 20px;}

#newsmeat, #pressmeat {float: left; width: 710px; text-align: left; background: #fff url(../i/monolithbg.jpg) repeat-y center; border-top: #cfcfcf 5px solid; border-right: #666 1px solid; border-left: #666 1px solid; padding: 6px 20px 20px 20px;}

#newscol1, #presscol1 {float: left; width: 493px; text-align: left; padding-right: 10px;}
#newscol2, #presscol2 {float: left; width: 192px; font-size: .95em; text-align: left; background-color: #e1edff; padding: 20px 0 0 8px;}

#sendform {width: 400px; text-align: left; background-color: #e1edff; border: #ccc 10px solid; padding: 15px; margin: 20px 0 10px 10px;}

#comicscol1 {float: left; width: 192px; text-align: left; padding: 20px 10px 0 0;}
#comicscol2 {float: left; width: 493px; text-align: left; padding: 20px 0 0 8px;}
#columnwide {float: left; width: 706px; text-align: left; padding: 20px 0 0 0;}

#container {float: left; width: 750px; text-align: left; background: #fff url(../i/contentbg.gif) repeat-y center; border-top: #cfcfcf 5px solid; border-right: #666 1px solid; border-left: #666 1px solid; padding: 0;}

#columnleft {float: left; width: 250px; text-align: left; background-color: #fff; padding: 0;}
#columnmiddle {float: left; width: 250px; text-align: left; background-color: #e1edff; padding: 0;}
#columnright {float: left; width: 227px; text-align: left; background-color: #fff; padding: 0 6px 10px 0;}
#columnright p {padding-left: 16px;}

#subcont {float: left; width: 732px; text-align: left; background-color: #333; border-bottom: #999 1px dotted; padding: 5px 0 5px 20px;}
#subcont1 {float: left; width: 345px; text-align: left; background-color: #333; padding: 0 10px 10px 20px;}
#subcont2 {float: left; width: 345px; text-align: left; background-color: #333; padding: 0 10px 10px 20px; border-left: #999 1px dotted;}
#subcont p, #subcont1 p, #subcont2 p {font-size: 85%; color: #bcced6;}

#footer {float: left; width: 737px; text-align: right; background: #333 url(../i/minimonostone.gif) no-repeat left; background-position: 5% 50%; border-bottom: #6d6d6d 2px solid; padding: 15px 15px 15px 0;}
#footer p {font-size: 85%; color: #bcced6;}


/* -------------------------------
Image Stylings
------------------------------- */
img {border: 0;}
img.centered {display: block; margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto;}
img.alignright {margin: 0 0 2px 7px; display: inline;}
img.alignleft {margin: 0 0 2px 13px; display: inline;}
img.left {float: left; margin-right: 5px; padding: 2px 4px 2px 6px;}
img.right {float: right;}

#headerbadge {float: right; padding: 0 32px 0 0; margin: -20px 0 0;}

img.frameit {padding: 4px; border: 1px solid #ccc; max-width: 100%;}

.framenote {float: right; font-size: .95em; font-weight: bold; color: #e0b73e; text-align: center; border: 1px solid #e0b73e; background-color: #fcfdab; margin: 0 0 2px 7px; padding: 6px 6px 6px 8px;}
.framenote img {border: 1px #ccc solid; margin: 3px 0;}

img.rssicon {margin: 0 2px; display: inline; vertical-align: bottom;}
img.icon {margin: 2px 6px 0 0; display: inline; vertical-align: bottom;}
img.icon2 {margin: 2px 6px 0 16px; display: inline; vertical-align: bottom;}

.vcard {width: 300px; font-size: 12px; color: #666; line-height: 1.5em; padding: 2px !important; margin: 5px 5px 5px 15px !important;}


/* -------------------------------
Store Stylings
------------------------------- */
.price {font-size: 125%; color: #999;}
.prodtype {font-size: 250%; letter-spacing: -.09em; line-height: 1em; color: #ccc; padding: 10px 0 4px 0; margin: 0;}
.product {font-size: 175%; letter-spacing: -.1em; line-height: 1.2em; color: #124a7f; padding: 2px 0 4px 6px; margin: 0;}


/* -------------------------------
Preview Stylings
------------------------------- */
#prevwrap {position: relative; width: 652px; background-color: #fff; margin: auto; padding: 0px;}
#prevheader {float: left; width: 525px; voice-family: "\"}\""; voice-family: inherit; width: 602px; height: 100px; text-align: left; text-transform: uppercase; background: #333 url(../i/monostone.gif) no-repeat top right; background-position: 10% 6%; padding: 25px 0 0 50px;}
#prevcontent {float: left; width: 606px; text-align: left; background-color: #fff; border-top: #cfcfcf 5px solid; border-right: #666 1px solid; border-left: #666 1px solid; padding: 6px 20px 20px 24px;}

#pagenavleft {float: left; width: 260px; text-align: left; background-color: #e1edff; border-left: #666 1px solid; padding: 10px 0 10px 15px;}
#pagenavcenter {float: left; width: 100px; text-align: left; background-color: #e1edff; padding: 10px 0 10px 0;}
#pagenavright {float: left; width: 260px; text-align: right; background-color: #e1edff; border-right: #666 1px solid; padding: 10px 15px 10px 0;}

.pagenavtop {float: right; margin-top: 4px;}
.pagenavtop	#onpage {font-size: 120%; color: #999;}

.launch, .preventer {font-size: 150%; font-weight: bold; letter-spacing: -.08em;}
.launch a:link, .preventer a:link {text-decoration: none; color: #004098;}
.launch a:visited, .preventer a:visited {text-decoration: none; color: #405a80;}
.launch a:hover, .preventer a:hover {text-decoration: none; background-color: #1e7cff; color: #fff;}
.launch a:active, .preventer a:active {text-decoration: none; background-color: #1e7cff; color: #fff;}

#prevfooter {float: left; width: 637px; text-align: right; background: #333 url(../i/minimonostone.gif) no-repeat left; background-position: 5% 50%; border-bottom: #6d6d6d 2px solid; padding: 15px 15px 15px 0;}
#prevfooter p {font-size: 85%; color: #bcced6;}


/* -------------------------------
Flickr Stylings
------------------------------- */
#flickr_badge_source_txt {padding: 0; font: 11px Arial, Helvetica, Sans serif; color: #666666;}
#flickr_badge_icon {display: block !important; margin: 0 !important; border: 1px solid rgb(0, 0, 0) !important;}

#flickr_icon_td {padding: 0 5px 0 0 !important;}

.flickr_badge_image {text-align: center !important;}
.flickr_badge_image img {border: 1px solid black !important;}

#flickr_www {display: block; padding: 0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color: #3993ff !important;}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration: none !important; background: inherit !important; color: #124a7f;}

#flickr_badge_uber_wrapper {margin-left: 10px;}

#flickr_badge_wrapper {}

#flickr_badge_wrapper img {padding: 4px 2px;}

#flickr_badge_source {padding: 0 !important; font: 1em "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif !important; color: #666666 !important;}


/* -------------------------------
Lightbox Stylings
------------------------------- */
#lightbox {position: absolute; top: 6px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 20%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#prevLink, #nextLink {width: 49%; height: 100%; background: transparent url(../i/lightbox/blank.gif) no-repeat;
/* Trick IE into showing hover */
	display: block;}

#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover {background: url(../i/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../i/lightbox/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData {padding: 0 10px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em;}

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

* html>body .clearfix {display: inline-block; width: 100%;}

* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}


/* -------------------------------
The End
------------------------------- */