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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;border: 0;outline: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* body */
body {background-color: #000;}
a
{
color: #000;
text-decoration: none;
}
a:hover
{
color: #A22D3A;
}
h4
{
font-size: 15px;
margin: 0px;
padding: 8px;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
}
h4 a { text-decoration: none; color: #000; } a:hover { text-decoration: none; color: #000; }
a img {border:0;}
a, a:active, a:focus, input {outline: none;}
/* page structure */
#blog-content {width: 960px;position: relative; padding: 50px; margin-bottom: 50px; margin-left:100px; display: block; background-color: #000; border: 10px solid #fff; outline:#000 solid 1px}
body
{
border: 0px;
margin: 0px;
overflow-y: scroll;
padding: 0px;
background-image: url('http://thisisdmo.com/wp-content/uploads/2012/07/background4.jpg');
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#nav
{
display: block;
margin: 0 auto;
max-width: 896px;
min-width: 730px;
z-index: 9999;
}
.logo
{
list-style: none;
z-index: 9999;
}
.logo span a
{
background-image: url("http://taylorchristianjones.com/wp-content/themes/thematic/assets/logo.png");
background-position: 0px -70px ;
background-repeat: no-repeat;
display: block;
float: left;
height: 60px;
margin-top: 6px;
overflow-y: hidden;
width: 200px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.logo span a:hover
{
background-position: 0px 0px;
}
.menu
{
float: right;
margin-top: 27px;
}
.menu li
{
float: left;
list-style: none;
padding-left: 12px;
}
.menu li a
{
font-family: gill sans;
font-size: 12px;
letter-spacing: 2px;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
}
.menu li a:after
{
color: #A22D3A;
content: "|";
font-size: 12px;
padding-left: 12px;
}
.menu li.noline a:after
{
display: none;
}
#header
{
height: 72px;
position: fixed;
width: 100%;
z-index: 9999;
background: rgba(255, 255, 255, 0.9);
}
#blog-current a {
color: #fff;
}
#footer
{
border-top-style: solid;
border-top-color: #a22d3a;
border-top-width: 5px;
bottom: 0px;
background-color: #000;
height: 18px;
width: 100%;
font-size: 8px;
text-align: center;
opacity: none;
position: fixed;
}
#footer ul{margin-top: 3px; letter-spacing: 2px;}
#footer li {list-style: none; float: left; margin-left: -10px; margin-top: 1px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
width: 140px; z-index: 9999;
}
#footer li:hover {cursor: pointer; color: #000;}
#footer span {padding-right: 10px; float: right; font-style: normal; color: #fff; font-size:11px; letter-spacing:2px; font-family: "gill sans", sans-serif;
}
#footer span a {padding-right: 15px;}
#login-tog span {position: absolute; left: 145px; top: 162px;font-size: 11px; text-transform: uppercase; letter-spacing: 2px; z-index: 1;}
#login-tog {z-index: 1; width: 100%; height: 150px; background-color: #bababa;bottom: 45px; display: none;
position: fixed;}
#login-tog #name {font-weight: bold; letter-spacing: 1px; font-size: 120px; border-style: solid; border-color: #bababa; border-width: 1px; background-color: #bababa; color: #000; width: 100%;text-transform: uppercase; margin-left: 18px; font-family: "gill sans"}
#login-tog #log-but {background-color: #fff; border: none; text-transform: uppercase; letter-spacing: 1px;-webkit-transition: all .2s ease-in-out; }
#login-tog #log-but:hover {background-color: #bababa; cursor: pointer;}
#login-tog input:focus { border: 1px solid #bababa;
background-color: #bababa;
color:#000;
outline: none;
position: relative;
z-index: 5;}
/* theme styles */
.like-post {float: right; font-size: 12px; }
.base_format p,
.base_format li,
.base_format blockquote { font-size: .7em; line-height: 1.6; }
.base_format blockquote { color: #000; }
.base_format blockquote blockquote { font-size: 1em; }
.base_format blockquote p { font-size: 1em; }
.base_format blockquote {margin: 0 0 0.5em;padding: 0;}
.base_format a {color: #A22D3A
;}
.base_format a:hover {color: #000 ;}
.base_format p { margin-bottom: 0.7em; }
.base_format li {}
.base_format li li { font-size: .7em; }
.base_format li p { font-size: .8em; }
.base_format ul, .base_format ol {margin: 0;}
.base_format ul ul, .base_format ul ol, .base_format ol ol, .base_format ol ul {}
.base_format ul li { list-style: disc; }
.base_format ol li { list-style: decimal; }
.base_format ul li ol li { list-style: decimal; }
.base_format ol li ul li { list-style: disc; }
.base_format pre {margin: 1em 0 1.5em 0; overflow: auto; padding: 5px; }
.base_format code {}
.base_format p code {padding: 0 0.25em; }
.base_format h1,
.base_format h2,
.base_format h3,
.base_format h4 {margin: 0 0 0.5em;color: #000;text-transform: uppercase; font: .75em/1.2 gill sans, serif; letter-spacing: 1px; }
.base_format h1 a,
.base_format h2 a,
.base_format h3 a,
.base_format h4 a {color: #fff;list-style: none; font-size: 12px; text-transform: uppercase;}
.base_format li {color: #fff; float: left;list-style: none; padding-right: 18px;}
.base_format h1 a:hover,
.base_format h2 a:hover,
.base_format h3 a:hover,
.base_format h4 a:hover {color: #fff
;}
/* text */
.text a.img_link { border: none; }
.caption p {color: #fff; text-transform: uppercase; font: .75em/1.2 gill sans, serif; letter-spacing: 1px; font-size: 13px; letter-spacing: .02em; padding-top: 10px;}
.caption p a {font-style: italic; color: #A22D3A;}
.caption p a:hover {color: #333;}
/* photo */
.photo .panel_content { padding: 0;margin: 0 240px 40px;}
.photo .caption {overflow: hidden;color: #000;margin: 0;}
.photo_full {padding: 0;}
.photo_full a {border: none;}
.photo_full img { display: block;margin: 0 auto 10px;}
/* video */
.video .panel_content {padding: 0; overflow: hidden;margin: 0;}
.video .caption {overflow: hidden;color: #000;margin: 0;}
.video .video_embed {background: #FFF url("http://static.tumblr.com/lhq9par/8q8kzomqq/loader_dark.gif") 50% 50% no-repeat; overflow: hidden;margin: 0 0 10px;}
.video .video_embed object, .video .video_embed embed { display: block; }
/* quote */
.quote .panel_content { padding: 0; overflow: hidden; }
.quote blockquote.quote_text {color: black
;position: relative;padding: 0;font: 1.3em/1.2 "Gill Sans", Tahoma, Arial, sans-serif;}
.quote .cite {color:#000;display: block;padding: 0;font-size: .7em;}
/* chat */
ul.chat { margin-left: 0; }
ul.chat li {margin: 0;list-style: none;border-bottom: 1px solid #f2f2f2;line-height: 1.4;padding: 6px 0 8px;font-family: Courier, mono;}
ul.chat li.last {border: none; padding-bottom: 0;}
ul.chat li small {color: black
;text-transform: uppercase;letter-spacing: 1px;margin-right: 0.25em;font-family: "Gill Sans", Tahoma, Arial, sans-serif;}
/* link */
.link h2 {margin: 0 0 0.75em;position: relative;font: normal 1.3em/1.2 "Gill Sans", Tahoma, Arial, sans-serif;}
.link h2 a {font: normal 1.3em/1.2 "Gill Sans", Tahoma, Arial, sans-serif;}
.link h1 { position: relative; }
.link h2 a { color: #A22D3A
; text-decoration: none; }
.link h2 a:hover { color: #000; }
/* answer */
.answer .panel_head { position: absolute; top: 0; left: 0; z-index: 10; background-position: 0px -15px; width: 400px; }
.answer .panel_content { padding: 0; overflow: hidden; }
.answer .ask_question {position: relative;color: #A22D3A
;position: relative;padding: 0 0 10px;font: 1.3em/1.4 "Gill Sans", Tahoma, Arial, sans-serif;width: 500px;border-bottom: 1px solid #f2f2f2;}
.answer cite {display: block;text-align: left;color: #000;font-size: 0.6em;font-weight: normal;font-style: normal;margin: 15px 0 0;}
.answer cite a { color: #A22D3A
; }
.answer cite a:hover { color: #0000; }
.answer .ask_answer {display: block;position: relative;padding: 10px 0 0;}
/* panel footer */
.panel_footer { border-top-style: solid;
border-top-color: #fff;
border-top-width: 1px; padding-top: 0px; width: 501px;margin: 0px 240px 20px;}
.permalink_footer {width: 500px;height: 60px;margin: 10px 0 0;}
/* notes */
.footnotes { border-bottom-style: solid;
border-bottom-color: #fff;
border-bottom-width: 1px; width: 496px; padding-left: 4px; padding-bottom: 4px; padding-top: 6px; margin-left: 0px; margin-bottom: 0; margin-right: 0; overflow: hidden;position: relative;float: left; background: img('http://www.pulleymarketing.com/dmo/wp-content/uploads/2012/04/red.png'); margin-bottom: 15px;}
.footnotes li {float: left;display: inline;color: #656565;text-transform: uppercase;margin: 0 0px 0 0px;font: .7em gill sans, serif; padding-right: 16px;}
.footnotes li a {float: left;display: inline;color: #656565;}
.footnotes li a:hover {color: #A22D3A
;border: none;}
.footnotes .twitter_share {margin: 0 0px 0 0px; z-index: 9999;}
.post {padding-top: 50px; margin-bottom: 50px;}
#notes {margin-left: 0; margin-bottom: 100px; margin-right: 0; width: 500px; }
ol.notes {font: .7em Courier, mono;color: #bebebe;text-transform: uppercase;padding: 0px;margin: 10px 0px;list-style-type: none;background-color: #E9E6D5;}
ol.notes a {color: #A22D3A
;}
ol.notes a:hover {color: #bebebe;}
ol.notes li.note {border-top: solid 1px #FFF;padding: 10px;background-color: #E9E6D5;}
ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
ol.notes li.note span.action {font-weight: normal;font-style: normal;}
ol.notes li.note .answer_content {font-weight: normal;}
ol.notes li.note blockquote {border-color: #f2f2f2;padding: 4px 10px;margin: 10px 0px 0px 25px;}
ol.notes li.note blockquote a {text-decoration: none;}
/* likes */
.likes {width: 250px;margin: 35px 0 0;}
.likes .right_header {color: #bebebe;font-size: .8em;font-weight: normal;font-style: normal;letter-spacing: 3px;margin: 0 0 20px;padding: 0;}
.likes .right_header a {color: #bebebe;font-size: .8em;font-weight: normal;font-style: normal;letter-spacing: 3px;padding: 0;margin: 0 0 20px;}
.likes .right_header a:hover {color: #A22D3A
;text-decoration: none;}
ul#likes {list-style-type: none;padding: 0;margin: 0;}
li.like_post {width: 240px;padding: 0;float: left;margin-bottom: 35px;}
li.like_post img {max-width: 100%;background-color: #E9E6D5;padding: 5px;}
li.like_post img:hover {max-width: 100%;background-color: #A22D3A
;padding: 5px;}
li.like_post object {max-width: 100%;background-color: #E9E6D5;padding: 5px;}
li.like_post object:hover {max-width: 100%;background-color: #A22D3A
;padding: 5px;}
li.like_post embed {max-width: 100%;background-color: #E9E6D5;padding: 5px;}
li.like_post embed:hover {max-width: 100%;background-color: #A22D3A
;padding: 5px;}
li.like_post blockquote {margin: 0;padding: 0;}
li.like_post ol,
li.like_post ul {margin: 0;padding: 0;}
li.like_post .like_link a {font-weight: bold;}
.like_text_post {display:none;}
.like_caption {display: none;font-size: .7em;}
li.like_post .post_info_bottom {margin: 10px 0 0 0;display: block !important;color: #bebebe;text-transform: uppercase;font: .657em Courier, mono;}
li.like_post .post_info_bottom a {color: #bebebe;}
li.like_post .post_info_bottom a:hover {color: #A22D3A
;}
/* pagnation */
#pagination {clear: both; padding-bottom: 100px;}
#pagination ul {float: left; }
#pagination li { float: left; display: inline; margin-right: 10px; }
#pagination li.page_count {float: left;display: inline;padding: 0 5px 0 0;color: #bebebe;font: .75em/22px "Gill Sans", Tahoma, Arial, sans-serif;}
#pagination li.prev {margin: 1px 10px 0 0;}
#pagination li.next {margin: 1px 10px 0 0;}
#pagination li a {font: .75em "Gill Sans", Tahoma, Arial, sans-serif;}
#pagination li a:hover {color: #A22D3A
;}
/* about Page */
#about_content {padding: 0;margin: 0;}
#about_content #about {background-image: url(../img/header.jpg);width: 500px;height: 723px;display: block;}
#about_content #email-josh a {background: url(../img/email_josh.jpg) no-repeat;width: 144px;height: 10px;display: block;margin: 619px 0 0 24px;position: absolute;}
#about_content #email-steven a {background: url(../img/email_steven.jpg) no-repeat;width: 206px;height: 10px;display: block;margin: 677px 0 0 24px;position: absolute;}
#about_content #twitter_link a {background: url(../img/twitter_steven.jpg) no-repeat;width: 96px;height: 10px;display: block;margin: 690px 0 0 24px;position: absolute;}
#about_content #ask {width: 500px;margin-top: 35px;}
#form-frame
{
border: none;
display: block;
margin: 0px;
overflow: visible;
padding: 0px;
width: 988px;
}
#superheader{background-color: #a22d3a; background-position:center;
font-size:12px; font-family:'sans-serif'; color:#fff; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; border-bottom: 5px solid #000;
}
#logo-area { text-align:center; position: relative; padding-bottom: 0px; background-color:#000; }
#logo {display: center; margin-bottom: -4px; width:960px; height: 344px; background-image: url(http://www.pulleymarketing.com/dmo/wp-content/uploads/2012/04/DMO_HEADER_9.jpg); background-repeat: no-repeat; margin-left:-10px;}
#dmomenu{background: url('http://thisisdmo.com/wp-content/uploads/2012/08/dmo_menu_header.png'); width: 949px; border:1px solid #000; text-align:right; background-position:center;
font-size:25px; letter-spacing:2px; font-family: "sans-serif", gill sans, sans-serif; color:#a22d3a; text-align:left; margin-top:10px; margin-bottom: 10px; margin-left: 100px; padding-bottom: 15px; padding-left:130px; text-transform: uppercase;} #dmomenu a { text-decoration: none; color: #000; } #dmomenu a:hover { text-decoration: none; color: #a22d3a; } #dmomenu a:active { color: #a22d3a; }
#centerstripe{background-color: #000; border: 10px solid #fff; width: 1059px; height: 600px; margin-left: 100px; outline:#000 solid 1px}
#centerstripemusic{background-color: #000; border: 10px solid #fff; width: 1059px; height: 400px; margin-left: 100px; outline:#000 solid 1px}
#centerstripesingle{background-color: #000; border: 10px solid #fff; width: 1059px; height: 900px; margin-left: 100px; margin-bottom: 50px;}
{font-size:20px; letter-spacing:2px; font-family: "sans-serif", gill sans, sans-serif; color:#fff; text-align:left; margin-top:10px; padding-bottom: 15px; padding-left:130px; text-transform: uppercase;} a { text-decoration: none; color: #fff; } a:hover { text-decoration: none; color: #a22d3a; }