/*
Theme Name: ray mack
Theme URI:
Description:
Version:
Author:
Author URI:
*/


body {
font:normal 11px Arial,  Sans-Serif;
color:#989898; margin:0; padding:0;
background:#101111 url(images/bg.gif) repeat-x;
}

a {color:#3cf; text-decoration:none;}
a:hover {text-decoration :underline;}
h1, h2, h3, h4, img, form, ul, li, embed, object {margin:0; padding:0;}
h1{font:bold 13px Arial;padding:0 0 5px 0; color:#3cf;}
h2{font:bold 13px/17px Arial;padding:0 0 5px 0; color:#3cf; }
h3{font:bold 12px Arial;color:#3cf; padding:5px 0 0 0;}
h4{font:bold 11px Arial;color:#3cf; padding:0 0 10px 0;}
a img {border:0 none;}
p {padding :0 0 8px 0;margin : 0; }
input, select, textarea {margin:2px 2px 2px 0; padding:6px 3px; border:1px solid #313333;height:16px;background:#202323;color:#ababab;font:normal 11px/16px arial; border-radius:5px; }
textarea {height:120px;padding:0 1px;width:240px;}
small {font-size:11px;}
.grey {color : #979A9C;}



/*  ====================== Page Structure ======================= */
#header-bg {width:960px; background:url(images/logo.png) no-repeat 16px 0;margin:0 auto;}
#wrapper {width : 960px; margin:0 auto;}
#page {padding:0 10px;}
#main {width:358px; float:left;padding:0 41px;}
.sidebar{width:250px;float:left;}
#content {float:left;width:649px;padding-right:41px; }
#footer {font:normal 11px/17px arial;background:url(images/footer.gif) no-repeat top right;height:136px;text-align:right;padding:10px 15px;}

.border {background: url(images/border.gif) repeat;height:15px;margin:5px 0 10px 0; }

/*  ====================== Header ======================= */
#header {background: url(images/header.png) no-repeat;padding:20px 10px;width:940px; }
a.logo {display:block; width:165px; height:60px;position: relative;}
a.logo span {display:none;}
.navleft {float:left; width:250px;background: url(images/border.gif) repeat;height:15px;margin-top:2px; }
.space {height:18px;}
#banner {margin-top:5px; background:url(images/player.jpg) no-repeat; width:307px; height:20px; padding:190px 0 0 633px; overflow:hidden;}



/* -- Navigation --*/
/* -- Navigation --*/
ul#nav {list-style : none;float:right; width:690px;}
ul#nav li {list-style:none;font:bold 10px/18px verdana, arial;background :url(images/nav-li.gif) no-repeat;padding:0 6px;float:left; display:block;letter-spacing:1px;}
ul#nav li a {color:#fff;text-decoration:none;padding:0 9px;float:left; display:block; width:auto;height:18px;position: relative;text-transform:uppercase;}
ul#nav li a span {display:none;}
ul#nav li a.home {width:37px;background:url(images/home.gif) no-repeat center 1px;}
ul#nav li a.disco {width:102px;background:url(images/discography.gif) no-repeat center 1px;}
ul#nav li a.events {width:57px;background:url(images/events.gif) no-repeat center 1px;}
ul#nav li a.music {width:43px;background:url(images/music.gif) no-repeat center 1px;}
ul#nav li a.blog {width:38px;background:url(images/blog.gif) no-repeat center 1px;}
ul#nav li a.about {width:48px;background:url(images/about.gif) no-repeat center 1px;}
ul#nav li a.contact {width:68px;background:url(images/contact.gif) no-repeat center 1px;}
ul#nav li a.forum {width:53px;background:url(images/forum.gif) no-repeat center top;}

ul#nav li a:hover, #nav li.current_page_item a{text-decoration:none;background-color:#393A3A;position: relative;}


#page img {border:8px solid #282828;}
/*  ================================= Contents ============================= */
#content ul {list-style:none;}
#content ul li {list-style:none;line-height:14px; background :url(images/bullet-blue.gif) no-repeat 0 3px; padding:0 0 3px 12px;}

#content form#searchform {text-align:center;margin-top:20px;}
.post {padding:0 0 30px 0;}
.post h1 { font-size:16px; }

h2.image {color:#999;background :url(images/title.gif) no-repeat bottom right; padding:5px 0 10px 0;font:normal 20px/28px 'Lucida Sans Unicode', arial;margin:0 0 10px 0;}

.post h2 a, .post h1 a {color:#3cf;text-decoration:none;}
.post h2 a:hover, .post h1 a:hover {text-decoration:none;}

.post h2.image em {display:none;}
.post h2.image span{display:block;}
.post h2.image span.news {width:95px; height:20px;background :url(images/news.gif) no-repeat }
.entry {line-height:18px;margin-top:5px;}

/*.entry a.more-link {font:bold 11px arial;}*/



/* Events Page */
.postcol {float:left; width:304px;}
.firstcol {padding-right:41px;}



/* Music Page */
.music-post {width:304px; float:left;margin:0 10px 20px 10px;background :#161818 url(images/music_post.gif) repeat-x; }
* html .music-post {margin:0 5px 20px 5px; }
.music-post .post {background :url(images/music_post.gif) repeat-x bottom left;padding:0;}
#page .music-post img {float:left;width:64px;border-width:6px;}
.music-post .entry {float:right;width:210px;padding:15px 0 10px 0; }


/*  ===== comment Box ====== */
.combox {background:#202323; margin-bottom:12px;color:#777;}
.combox .title {padding:3px 12px; color:#0E4D84;border-bottom:1px dotted #353838;color:#3cf;font:bold 12px arial;}
.combox .date {float:right;color:#888;font-size:11px;}
.combox .date a {color:#888;}
.combox .comcont {padding:10px 12px;}




/*  ================================= sidebar ============================= */
.sidebar h2 {color:#999;background :url(images/title.gif) no-repeat bottom right; padding:0 0 10px 0;font:normal 20px/22px Arial, Helvetica, sans-serif; }
.sidebar h2 a {color:#999;text-decoration:none;color:#999;}
.sidebar h2 a:hover{text-decoration:none;}
.sidebar h2 em {display:none;}
.sidebar h2 span{display:block;}
.sidebar h2 span.about_me {width:163px; height:20px;background :url(images/about-me.gif) no-repeat }
.sidebar h2 span.tweets {width:125px; height:20px;background :url(images/tweets.gif) no-repeat }
.sidebar h2 span.track {width:167px; height:20px;background :url(images/top-track.gif) no-repeat }


.sbbox {margin-bottom:20px;}
.sbbox h2 {margin-bottom:10px;}
.sidebar ul {list-style : none;margin:0;padding:0;}
.sidebar li {margin:0 0 3px 0;font:bold 11px/14px arial;}
.sidebar a {color:#5f5f5f;}

.sidebar ol {margin:0;padding:0;list-style-position:inside;}
.sidebar ol li {background:#1C1D1D;color:#3cf;}
.sidebar ol li.altr {background:transparent;}
.sidebar ol li {padding:5px 10px}
.sidebar ol li span {color:#989898;}


.sidebar .entry a.more-link {color:#3cf;}

/* -- Search Form -- */
form#search p {text-align:right;}
form#search input {vertical-align:top;margin:0; padding:0;}
form#search input.txt {width:100%;border:1px solid #E6E6E6; height:17px; padding:5px 0;margin:0 10px 0 0;}
form#search input.btn {height:29px;background :#E4F3FB; color:#74ACD3; font:bold 12px 'Lucida Sans', Arial;cursor:pointer;width:110px;border:1px solid #D4EAF6;}
form#search input.btn:hover {color:#74ACD3;background :#EBF8FF;}

/* -- Twitter -- */
.twitter-message { line-height:18px; padding:0 0 10px 0; border-bottom:1px dotted #333; margin-bottom:10px; }
.twitter-link { color:#3CF; }
.twitter.timestamp abbr { color:#5f5f5f; cursor:default; }


/*  ================================= Footer  ============================= */
#footer p {padding:0;}
#footer a {color:#7f7f7f;text-decoration : none;}
#footer a:hover {text-decoration : underline;}


#subscribe {float:left;width:280px;text-align:left;}
#subscribe .tab {text-align:right;}
#subscribe input.txt {width:274px;margin:2px 0 5px 0;padding:6px 3px;color:#7f7f7f; font-size:11px;}


#subscribe h4 {font-size:16px; font-weight:normal; padding-bottom:10px;}
.email {color:#FF5E1F;font-size:11px;}

#subscribe input[name="subscribe"] { padding:6px 5px;height:auto; cursor:pointer; }
#subscribe input[name="unsubscribe"] { padding:0; margin:3px 0 0 11px; display:block; text-decoration:underline; background:none; border:none; color:#333;height:auto; cursor:pointer;  }
#s2email { background:#000; padding:6px 10px; float:left; width:150px;  }
label[for="s2email"] { display:none; }

/*  ================================= Others ============================= */

.clr {clear : both;margin:0; padding:0;font-size:1px; line-height:1px;height:1px;}


/* --------------------- common elements --------------------------- */
.navigation { display: block; background:#151616; padding:0 0 10px 0;margin-bottom:40px;}


h2.pagetitle, h1.pagetitle {font:bold 20px/22px arial; color:#999; padding:0 0 12px 0;margin-bottom:15px; background :url(images/page-title.gif) no-repeat -5px 0;text-transform:uppercase;}

h1.singlepagetitle {margin-bottom:5px;}

h2.center {text-align: center;font-weight:normal; margin-bottom:10px;border:0;background:none;}

h3#comments, h3#respond {padding:0 0 8px 0;margin: 30px 0 10px 0; border-bottom:1px dotted #353838;font:bold 18px/24px arial; color:#4c4c4c; }
.alt { background-color: #F1F1f1;}

#commentform .label, #onw_contact_form .label {float:left;width:110px;margin-bottom:10px;padding-top:10px;}
#commentform .input, #onw_contact_form .input {float:left;width:450px;margin-bottom:10px;}
#commentform input, #onw_contact_form input {width:260px;vertical-align:middle;}
#commentform textarea, #onw_contact_form textarea {width:420px;}
.req {color:#EB1600;}





#commentform #submit, #searchsubmit, #onw_contact_form #uSend, #subscribe input.btn {text-align:center;height:26px;padding:0;background:#292929;font:bold 11px arial; width:120px;cursor:pointer;border:0;text-transform:uppercase;}

/*
#commentform #submit:hover, #searchsubmit:hover, #onw_contact_form #uSend:hover {background:#292929;} */

#commentform #submit:hover, #searchsubmit:hover, #onw_contact_form #uSend:hover, #subscribe input.btn:hover {background:#1A1C1B}




blockquote { border-left: 3px solid #2273A3;padding:0 10px;margin:10px 15px;}
code { font: 1.1em 'Courier New', Courier, Fixed; border:1px dotted #2273A4; margin:10px;padding:10px;display:block;}



.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 5px 0px;}


/* Floats */
.centered {margin:0 auto; text-align:center;}
.alignright {float:right;	}
.alignleft {float:left; }


/* Begin Images */

img.centered { display: block;	margin:0 auto;	}
img.alignright {margin: 0 0 2px 7px; display: inline;float:right;	}
img.alignleft { margin: 0 10px 2px 0; display: inline;float:left; }
img.pagetitle, #page img.pagetitle {border:0;display:block; margin-bottom:15px;}

/* End Images */



/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}

.navigation .alignright { width:50%; text-align:right; }
.navigation .alignleft { width:50%; text-align:left;}

/* End Various Tags & Classes*/





ul.subcatg {list-style:none;float:right;width:auto;margin-bottom:10px;height:25px;}
ul.subcatg li {display:block; float:left; width:auto;}
ul.subcatg li a {display:block; float:left; width:auto;padding:0 2px 5px 2px;font:bold 12px/20px arial;color:#4c4c4c;margin-left:5px;}
ul.subcatg li.current-cat a, ul.subcatg li a:hover {background:url(images/subcat.gif) repeat-x bottom left;text-decoration:none;}

fieldset {background:transparent !important; border:0 !important;}

#recaptcha_response_field {
  color: #989898 !important; height:24px !important; margin:3px 0 !important;line-height:24px;  !important;
 }

#uSend {margin-top:15px;}


/*  ================================= Disqus ============================= */

#disqus_thread { border: 1px solid #222; padding: 10px 20px; border-radius: 10px; margin: 10px 0 0 0; }
#dsq-content div, #dsq-content p, #dsq-content h3 { clear:none !important; }
.dsq-trackback-url input { background:#000!important; border:1px solid #333!important; border-radius:5px!important; color:#999; padding:6px 10px!important; }
#dsq-sort-select { height:25px; background:#000; border:1px solid #222; }