/* Ammon Haggerty */
/* Qaswa, 2010 */


html { overflow: scroll; }
body { background:#e2e1de; color:#707070; font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; font-size:0.75em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.7em; margin:3px 0 10px; padding:0; }

/*
.container_12 { background: #e2e1de url(http://960.gs/img/12_col.gif) repeat-y; margin-bottom: 20px; }
*/

h1 { font-size: 3em; margin-bottom:10px; }
h2 { font-size: 2.5em; margin-bottom:10px; }
h3 { font-size: 2em; margin-bottom:10px; }
h4 { font-size: 1.5em; }
h5 { font-size: 1em; }
h6 { font-size: 0.75em; }

a { color:#707070; text-decoration:none; }

blockquote { margin:20px 30px 10px 10px;  text-decoration:none; font-style:italic; border:0px; color:#909090;  font-size:1.1em; line-height:1.5em; quotes: "\201C" "\201D"; }



/* Global Elements
----------------------------------------------- */

.logo { margin:58px 0 58px; background-color: #fff; text-align: right; }
.logo a { letter-spacing:1px; font-size:1.5em; text-decoration: none; color:#707070; padding:1px 6px; line-height:1.3em; text-transform: uppercase; white-space: nowrap; margin: 0 3px 3px 0; }
.logo:hover { background-color: #f2ff86; color: #707070; text-decoration:none; }

.tag { font-size:1.2em; letter-spacing:1px; text-decoration:none; background-color: #fff; color:#707070; padding:1px 6px; line-height:1.8em; text-transform:uppercase; white-space:nowrap; margin: 0 3px 3px 0; }
.tag:hover { background-color: #f2ff86; color: #707070; text-decoration:none; }
.tag p{line-height:19px;}

.alt-tag { font-size:1.2em; letter-spacing:1px; text-decoration:none; background-color: #f2ff86; color:#707070; padding:1px 6px; line-height:1.8em; text-transform:uppercase; white-space:nowrap; margin: 0 3px 3px 0; }
.alt-tag:hover { background-color: #fff; color: #707070; text-decoration:none; }
.alt-tag p{line-height:19px;}

.tag-nolink { font-size:1.2em; letter-spacing:1px; text-decoration:none; background-color: #fff; color:#707070; padding:1px 6px; line-height:1.8em; text-transform:uppercase; white-space:nowrap; margin: 0 3px 3px 0; line-height:19px; }

.tag-a { font-size:1.2em; letter-spacing:1px; text-decoration:none; background-image:url('/images/site/diagnal-bg.gif'); color:#707070; padding:1px 6px; line-height:1.8em; text-transform:uppercase; white-space:nowrap; margin: 0 3px 3px 0; line-height:19px; }

.header { background-color: #f2ff86; }
.header a { font-size:1.2em; letter-spacing:1px; text-decoration:none; color:#707070; padding:1px 6px; line-height:1.3em; text-transform:uppercase; white-space:nowrap; margin-top: 10px; }
.header:hover { background-color: #fff; color: #707070; text-decoration:none; }

.sub-header { top:-56px; text-align:right; right:-3px; z-index:0; }

.solid-divider { margin-top:5px; background-image:url('/images/site/line.gif'); background-repeat:repeat-x; }
.dash-divider { margin-top:5px; background-image:url('/images/site/dash.gif'); background-repeat:repeat-x; }
.slash-base { background-image:url('/images/site/diagnal-bg.gif'); margin-bottom: 20px; }
.slash-base-hl { background-image:url('/images/site/diagnal-bg-yellow.gif'); margin-bottom: 20px; }

.padded-container {padding:10px;}
.r10 {margin-right:10px;}
.l10 {margin-left:10px;}
.d10 {margin-bottom:10px;}
.d20 {margin-bottom:20px;}
.t10 {margin-top:10px;}
.small-pad {padding-bottom:10px;}
.big-margin {margin-bottom:40px;}
.f-left {float:left;}
.orange {color:#ec7955;}

.date { margin:-13px 0px 0px 2px; color:#909090;}

#alt-link:hover { color:#fff; text-decoration:none; }

#comment-submit {padding:10px;}
.submit { display:block; float:left; border:none; font-size:1.0em; letter-spacing:1px; text-decoration:none; background-color: #fff; color:#707070; padding:4px 10px; line-height:1.8em; text-transform:uppercase; white-space:nowrap; margin: 10px 10px 10px 0; }
.submit:hover { background-color: #f2ff86; color: #707070; text-decoration:none; }
textarea { width:510px; border:0px; background-color: #fff; padding:5px; }
.comment-input {margin-bottom:-10px;}
.comment-input input { border:none; padding:5px; }
.comment-label { width:75px; float:left; margin-top:5px;}
#comments { padding:10px; margin-bottom:20px;}
#comments h4 { display:block; float:right; font-size:2.0em; }
#comment-body p {padding:10px;}
#captcha { margin:20px 0px 20px 0px; }
#captcha img { float:left; margin-top:10px; margin-right:10px; background-color: #fff; padding:5px; }
#captcha input { margin-top:-10px; border:none; padding:5px; }

#relate-channel { color: #A0A0A0; }


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

#footer-base { margin-top:30px; height:100px;}
#footer-base p { color:#c0c0c0; float:right; margin-top:-10px;}
#footer-base h4 {color:#c0c0c0;}

/* Home Page
----------------------------------------------- */

.image-rollover a { display:block; position:relative; }
.image-rollover a img { position:absolute; z-index:1; }
.image-rollover a span { display:block; position:absolute; z-index:2; }

.div-rollover #hit-container { display:block; position:relative; }
.div-rollover #base { z-index:1; position:absolute; }
.div-rollover span { display:block; position:absolute; z-index:2; }
.trans-hit { background-image:url('/images/site/trans.gif'); width:100%; height:100%; position:absolute; z-index:3; margin:-10px 0px 0px -10px;}
.trans-hit2 { background-image:url('/images/site/trans.gif'); width:295px; height:140px; position:absolute; z-index:1;}
.trans-hit4 { background-image:url('/images/site/trans.gif'); width:615px; height:140px; position:absolute; z-index:1;}
.trans-hit3 { background-image:url('/images/site/trans.gif'); width:100%; height:90px; position:absolute; z-index:3; margin:-10px 0px 0px 0px; }

#home-projects-container { background-color: #fff; height:140px; margin-bottom:20px;}
#home-projects-info { background-color: #fff; height:120px; width: 120px; padding:10px;}
#home-projects-info h4 { text-transform:uppercase; line-height:0.3em; }
#home-projects-info h5 { text-transform:uppercase; color:#b7b7b7; margin-bottom:-1px; margin-top:-5px; letter-spacing:0.25px; }

#home-thoughts-container { padding:10px; position:relative; height:110px; }
#thoughts-date { background-color: #707070; float:right; width:85px; height:140px; }
#thoughts-date h5 { text-align:center; color:#fff; }
#thoughts-day { margin-top:40px; font-size:3em; color:#fff; }
#thoughts-month { margin-top:-10px; font-size:1.5em; text-transform:uppercase; }
#thoughts-year { margin-top:-7px; font-size:1.2em; }
.home-thoughts-tags-parent { position:absolute; bottom:0; }
.home-thoughts-tags { width:250px; z-index:4; position:relative; }
#thought-hit { width:295px; height:140px; position:absolute;  }
#thought-hit2 { width:615px; height:140px; position:absolute;  }

#home-collections-container { background-color: #fff; width:64px; height:64px; margin-bottom:40px; }
#home-collections-img { padding:2px; background-color: #fff; height:60px; }
#home-collections-spacer { width:64px; height:64px; margin-bottom:10px; }
#home-collections-tag { z-index:4; position:relative; }

.home-about { margin:0px 0px 40px 0px; }

#music-hit { width:100%; height:100%; position:absolute;  }
#home-music-tag { z-index:4; position:relative; }
.trans-hit-music { background-image:url('/images/site/trans.gif'); width:100%; height:100%; position:absolute; z-index:3;}


#everything-highlight { background-color: #f2ff86; float:left; }

/* Projects Page
----------------------------------------------- */

#projects-date { height:120px; width: 120px; padding:10px; background-image:url('/images/site/diagnal-bg.gif'); }
#projects-date h3 { text-align: right; }

#projects-header {margin-top:-50px;}
#projects-header p {margin-bottom:15px;}
#projects-header p a {color:#ec7955;}
#projects-header p a:hover {text-decoration:underline;}

#projects-info {margin-top:10px;}
#projects-info p { margin:0px 0px 0px 5px; }
#projects-info p a { color:#ec7955; text-decoration:none; }
#projects-info p a:hover {text-decoration:underline;}
#projects-rec {margin-top:7px;}
#projects-rec-award { color:#a0a0a0; margin-top:-3px; font-size:0.9em; }

#projects-body img { background-color: #fff; padding:5px; margin:20px 0px -5px 0px }
#projects-borderless img { padding:0px; margin:20px 0px -5px 0px }
#projects-body i { background-color: #fff; color:#707070; padding:3px 10px; line-height:1.8em; white-space:nowrap; margin: -5px 3px 15px 0px; line-height:19px; }

#projects-label {margin-bottom:20px;}
#projects-index-info { position:absolute; z-index:1; }

.projects-rollover { display:block; position:relative; }
.projects-rollover img { position:absolute; z-index:1; }
.projects-rollover span { display:block; position:absolute; z-index:2; }

#projects-type-header { margin:20px 0px 20px 0px; }


/* Thoughts Page
----------------------------------------------- */

#thoughts-thumb { float:left; background-color: #fff; padding:5px 5px 0px 5px; margin-right:10px;}
#thoughts-container { padding:10px; position:relative; height:110px; width:595px; }
#thoughts-container p {margin-top:-10px;}
.thoughts-tags { left:130px; width:495px; z-index:4; position:relative; }
#thoughts-copy {margin-top:-50px;}
#thoughts-copy img { background-color: #fff; padding:5px; margin:20px 0px -5px 0px }
#thoughts-copy i { background-color: #fff; color:#707070; padding:3px 10px; line-height:1.8em; white-space:nowrap; margin: -5px 3px 15px 0px; line-height:19px; }
#thoughts-copy p {margin-bottom:15px;}
#thoughts-copy p a {color:#ec7955;}
#thoughts-copy p a:hover {text-decoration:underline;}
#thoughts-label {margin-bottom:20px;}

/* Collections Page
----------------------------------------------- */

#collections-info {margin-top:10px;}
#collections-container { padding:10px 0px 10px 0px; }
#collections-img-container { background-color: #fff; height:68px; width:64px; }
#collections-img {padding:2px;}
#collections-spacer { width:70px; height:70px; margin-bottom:10px; }
#collections-grid {margin-bottom:15px;}
#collections-grid img { background-color: #fff; padding:5px; }
#galleria {display:none;}



/* Music Page
----------------------------------------------- */

#music-favorite { margin:0px 0px 10px 5px; }
#music-date { background-color: #707070; float:right; width:85px; height:85px; }
#music-date h5 { text-align:center; color:#fff; }
#music-day { margin-top:10px; font-size:3em; color:#fff; }
#music-image {margin-top:-100px;}
#music-quote { margin-bottom:20px; color:#ec7955; }
#music-container h1 {margin-top:3px;}
#music-container img {margin-bottom:5px;}
#music-description p a {color:#ec7955;}
#music-description p a:hover {text-decoration:underline;}
#music-rec-img-base { background-color: #fff; width:64px; height:64px; margin-bottom:40px; }

#music-recommend { margin-bottom:10px; font-size:1.65em; line-height:0.65em; }

.lfm_float { padding:10px; background-color: #fff; height:120px;  }
.lfm_art {display:none;}
.lfm_song {  }
.lfm_artist { color: #b0b0b0; font-size:1.1em; }

#player_container .blue a { color: #ec7955; font-size:0.6em; height:1.2em; }
#player_container .magenta { color: #707070; font-size:0.6em; height:1.2em; margin-top:-8px;}
#player_container .green { color: #A0A0A0; font-size:0.6em; height:1.2em; }


/* About Page
----------------------------------------------- */

#about p { font-size:1.2em; margin-top:10px;}
#about p a {color:#ec7955;}
#about p a:hover {text-decoration:underline;}
#about img { float:left; margin:5px 20px 10px 0px; padding:5px; background-color: #fff;}
#delicious {padding:10px;}
#delicious p {color:#909090;}