@charset "utf-8";
/*
Theme Name: rag
Theme URI: http://randallagordon.com/blog/
Description: randallagordon.com/blog
Version: 1.0
Author: Randall A. Gordon
Author URI: http://randallagordon.com/
Tags: your, mom
*/

/* Meyers Reset...Take care of oddball cross-browser descrepencies... */
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,
input, textarea,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "MuseoSans-500", Georgia, "Times New Roman", Times, serif; vertical-align: baseline; }
body { line-height: 1em; color: black; background: white; font-size: 62.5%; } /* Set base font to 10px */
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearit { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* Replacement */
.replace { display: none; }
.replaced { display: inline-block; display: -moz-inline-stack; background-repeat: no-repeat; background-position: 0 0; vertical-align: text-top; zoom: 1; }
.replaced span { display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; }

/* Alignment & Auxillary */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 10px  0px 10px 10px; display: inline; }
img.alignleft  { margin: 10px 10px 10px  0px; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.hidden { display: none; }
.clearboth { clear: both; }

/* Fonts */
/* Museo Sans is a font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face { font-family: "MuseoSans-500"; src: url('fnt/museosans_500.eot'); }
@font-face { font-family: "MuseoSans-500"; src: url("fnt/museosans_500.otf") format("opentype"); }
@font-face { font-family: "MuseoSans-500"; font-style: italic; src: url('fnt/museosans_500_italic.eot'); }
@font-face { font-family: "MuseoSans-500"; font-style: italic; src: url("fnt/museosans_500_italic.otf") format("opentype"); }

/* Tags */
html, body { height: 100%; margin: 0 0 1px; }

a { color: inherit; text-decoration: none; }
body { background: #222; color: #333; }
blockquote { background: #e8e8e8; margin: 20px; padding: 20px; }
em { font-style: italic; }
h1 { font-size: 3.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 60px; }
h2 { font-size: 2.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 60px; }
h3 { font-size: 1.5em; font-weight: bold; letter-spacing: 0.05em; line-height: 20px; text-transform: uppercase; }
h4 { font-size: 1.2em; font-weight: bold; letter-spacing: 0.15em; line-height: 20px; text-transform: uppercase; }
h5 { font-size: 1.0em; font-weight: normal; letter-spacing: 0.05em; line-height: 20px; text-transform: lowercase; }

/* IDs */
#bodyContainer { margin: 0 auto; width: 620px; /* Push off center for 1024x768 */ padding-right: 101px; position: relative; }

#callToAction { margin: 10px 0px 0px 0px; display: none; }

#commentform input { width: 540px; padding: 10px; border: 1px solid #333; }
#commentform textarea { width: 520px; padding: 10px; border: 1px solid #333; }
#commentform input#author, #commentform input#email, #commentform input#url, #commentform input#submit { width: 240px; }
#commentform label { padding: 10px; }

#contentContainer .commentlist li { padding-top: 20px; border-bottom: 1px dashed #ccc; }
#contentContainer .commentlist li cite, .commentlist li small { font-size: 1.6em; line-height: 20px; }

#contentContainer #comments { padding-top: 20px; border-bottom: 1px dashed #333; }

#contactContainer { position: absolute; top: 0px; left: 640px; }
#contactContainer a { background: url(img/twitter.png) no-repeat; display: block; height: 116px; width: 200px; }

#contentContainer { clear:both; }
#contentContainer a { color: #c4161c; }
#contentContainer h2 { line-height: 30px; padding: 20px 0px 10px 0px; }
#contentContainer h2 a { color: #333; }
#contentContainer h3 { margin: 20px 0px 0px 0px;}
#contentContainer h3 span.underline { border-bottom: 2px dotted #333; font: inherit; }
#contentContainer h4 { color: #c4161c; float: left; padding: 13px 0px 0px 0px; text-align: right; width: 160px; }
#contentContainer h5 { color: #333; padding: 10px 60px 10px 0px; }
#contentContainer p { font-size: 1.4em; line-height: 20px; padding: 10px 0px 10px 0px; font-weight: 500; }

#contentContainer p a:hover { color: #c4161c; border-bottom: 1px solid #c4161c; }

#facebookconnector div.fbconnect_LastUsers { background: none; }
#facebookconnector div.invitebutton input { background: none; color: #eee; }

#footerContainer { margin-bottom: 30px; padding-top: 30px; position: relative; }
#footerContainer a { color: #333; }
#footerContainer a:hover { border-bottom: 1px solid #333; }
#footerContainer p { float: right; padding: 30px 0px; text-align: right; width: 320px; }
#footerContainer div#ccLicense { padding: 30px 0px; text-align: right; width: 160px; }
#footerContainer div#ccLicense span.licenseSubtext { display: none; }

#headerContainer { color: #fff; height: 200px; position: relative; margin-top: 30px; }
#headerContainerInner { background: #c4161c; position: absolute; top: 60px; left: 150px; width: 700px; height: 60px; }
#headerContainer h1 { display: inline; padding: 20px 20px 10px 40px; }
#headerContainer h2 { display: inline; padding: 27px  0px 13px 30px; letter-spacing: -0.05em; }

#menuContainer { position: absolute; top: 220px; left: 660px; width: 190px; }
#menuContainer ul { color: #eee; font-size: 2.0em; line-height: 40px; }
#menuContainer a { color: #eee; }

#searchform { padding: 20px 0px; font-size: 0.75em; }
#searchform input#s { background: #eee; padding: 5px; width: 110px; }
#searchform input#searchsubmit { background: none; color: #eee; border: 1px solid #eee; padding: 3px 0px; width: 60px; }

#sidebarContainer { color: #eee; position: absolute; top: 460px; left: 660px; width: 190px; font-size: 1.4em; line-height: 20px; }
#sidebarContainer a { color: #eee; }
#sidebarContainer a:hover { color: #c4161c; }
#sidebarContainer .widget h2 { border-bottom: 1px dashed #eee; line-height: 40px; margin: 0px 0px 20px 0px; font-size: 1.4em; }
#sidebarContainer .widget { padding-bottom: 20px; }
#sidebarContainer .recentcomments a { color: #c4161c; }
#sidebarContainer .recentcomments a:hover { color: #eee; }
#sidebarContainer .recentcomments a.url { color: #eee; }

#headerContainer { border-top-right-radius: 40px; -moz-border-radius-topright: 40px; -webkit-border-top-right-radius: 40px; border-top-left-radius: 40px; -moz-border-radius-topleft: 40px; -webkit-border-top-left-radius: 40px; }
#footerContainer { border-bottom-right-radius: 40px; -moz-border-radius-bottomright: 40px; -webkit-border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; -moz-border-radius-bottomleft: 40px; -webkit-border-bottom-left-radius: 40px; }

/* Classes */
.dp-highlighter ol li span { font-family: "Courier New", Courier, monospace; }

.mainContainer { background: #eee; padding: 0px 40px; width: 540px; }

.post .header { border-bottom: 1px dashed #333; margin-bottom: 20px; position: relative; }
.post .header .date { background: #eee; color: #c4161c; font-size: 1.4em; position: absolute; top: 22px; left: -200px; width: 130px; text-align: right; padding: 10px 20px 10px 10px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }

.post ul { font-size: 1.4em; line-height: 20px; list-style: disc; padding: 20px 40px 0px 40px; }
.post ul li { padding-bottom: 20px; }

.post .footer { border-top: 1px dashed #c4161c; border-bottom: 1px dashed #ccc; margin: 20px 0px 40px 0px; padding: 10px 0px 10px 0px; }
.post .footer ul { list-style: none;  line-height: 30px; padding: 0px; }
.post .footer ul li { padding-bottom: 0px; }
.post .footer a { color: #c4161c; }

.postmetadata { border-bottom: 1px solid #999; }
.postmetadata small { font-size: 0.8em; }

.navigation { font-size: 1.5em; line-height: 20px; padding: 10px 0px; }
.navigation a { color: #c4161c; }
.navigation a:hover { border-bottom: 1px solid #c4161c; }
.navigation div { width: 50%; }
.navigation .alignleft { margin-right: 20px; }
.navigation .alignright { margin-left: 20px; }


/* Stuff from old modified theme...usefulness to be determined later... */
#license { float: left; width: 448px; padding-left: 24px; }

.size-full { margin: 8px; }

.songEntry { font-size: 1.25em; float: left; margin: 16px 8px 0px 8px; padding: 8px; width: 190px; height: 96px; border: 1px solid #666; position: relative; }
#contentContainer .songEntry p { font-size: 1em; margin: 0px; padding: 0px; }
#contentContainer .songEntry p.audioplayer_container { margin: 16px 0px; }
.songEntry a { position: absolute; bottom: 8px; right: 8px; }

#da-carousel { position: relative; left: 32px; width: 196px; }
#da-carousel a { border: none; }

#openx { position: relative; left: 48px; }

#search input { background: #c30; color: #eee; border: 2px solid #bbb; display: inline; margin: 0px 0px 0px 8px; padding: 4px;}
#search.submit { }