/*
Theme name: Kid Cudi Dark Theme
Description: Custom Theme for KiD CuDi
*/

/* WordPress Default styles */
@import url('wp-default.css');


* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 11px;
    line-height: 1.3;
    font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
    color: #cdc2dc;
    background: #030303;
    text-align: left;
}

a img { border: 0; }
a { color: #cdc2dc; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

h2.pagetitle { font-size: 35px; margin-bottom: 20px; }
.admin_link {float: right; position: relative; bottom: 20px; right: 8px;}
/*----- Start "Form Elements" -----*/
input, textarea, select { font-family: Arial, Tahoma, "Trebuchet MS", sans-serif; font-size: 11px; color: #4a316d; }
form .field { width: 200px; border: solid 1px #d5c9e7; border-bottom: none; border-right: none; background: #e7def5; padding: 2px 5px 3px 4px; }
.button-submit { font-size: 0; line-height: 0; text-indent: -4000px; width: 60px; height: 20px; background: url(/image/button-submit.gif) no-repeat 0 0; border: 0; }
/*------ End "Form Elements" ------*/

/*----- Start "Helpfull Classes" -----*/
.cl, .clear { font-size: 0; line-height: 0; height: 0; display: block; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
/*------ End "Helpfull Classes" ------*/

.shell { width: 960px; margin: 0 auto; }

#header { background: url(/image/bg.gif) repeat-x 0 bottom; }
#header .wrap,
#header .shell { background: url(/image/header.gif) no-repeat center bottom; position: relative; height: 100%; }

#content { float: left; display: inline; width: 570px; padding: 10px; }
#sidebar { float: right; display: inline; width: 300px; padding: 10px; }
#sidebar ul,
#sidebar ol { list-style-type: none; }

#main { background: url(/image/main.gif) repeat-y center 0; height: 100%; }

#footer { height: 25px; background: url(/image/footer.gif) no-repeat center 0; }

#logo { width: 240px; height: 74px; font-size: 0; line-height: 0; padding: 15px 0 0 38px; float: left; display: inline; }
#logo a { display: block; height: 74px; text-indent: -4000px; background: url(/image/logo.png) no-repeat 0 0; }

#download-now { float: right; display: inline; padding: 35px 35px 0 0; width: 162px; }
#download-now a { font-size: 0; line-height: 0; text-indent: -4000px; height: 19px; }
#download-now h2 { font-size: 12px; color: #e3d8f1; text-align: center; line-height: 1; margin-bottom: 8px; letter-spacing: -1px; }
#download-now .amazon { width: 89px; float: left; background: url(/image/logo-amazon.png) no-repeat 0 0; }
#download-now .itunes { width: 47px; float: right; background: url(/image/logo-itunes.png) no-repeat 0 0; }

.widgettitle { font-size: 14px; color: #fff; line-height: 18px; padding: 0 0 2px 5px; background: url(/image/widgettitle.gif) no-repeat 0 bottom; margin: 28px 0 3px; }

#searchform { padding-top: 7px; }
#searchform .field { float: left; display: inline; margin-right: 10px; }
#searchform .button { float: left; display: inline; }

.widget_ad img { display: block; }
.widget_ad p { font-size: 9px; line-height: 16px; color: #a8a8a8; text-transform: uppercase; text-align: center; }

.widget_categories span.count { color: #f29966; font-weight: bold; }

.widget_newsletter .field { width: 270px; }
.widget_newsletter .button { float: right; display: inline; margin: 10px 10px 0 0; }

.blogroll li { width: 190px; }
.blogroll li a { padding-left: 10px; display: block; }
.blogroll li a:hover { background: #ea744f; text-decoration: none; color: #f5e1d5; }

.widget .widget-content { padding-left: 10px; }

.widget_social_links .widget-content { padding-left: 0; padding-top: 3px; }
.widget_social_links li { float: left; display: inline; margin-right: 5px; }
.widget_social_links li a { float: left; display: inline; width: 27px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; }
.widget_social_links li.i1 a { background: url(/image/i1.png) no-repeat 0 0; }
.widget_social_links li.i2 a { background: url(/image/i2.png) no-repeat 0 0; }
.widget_social_links li.i3 a { background: url(/image/i3.png) no-repeat 0 0; }
.widget_social_links li.i4 a { background: url(/image/i4.png) no-repeat 0 0; }
.widget_social_links li.i5 a { background: url(/image/i5.png) no-repeat 0 0; }
.widget_social_links li.i6 a { background: url(/image/i6.png) no-repeat 0 0; }
.widget_social_links li.i7 a { background: url(/image/i7.png) no-repeat 0 0; }

.post { margin-bottom: 50px; }
.post h2 { color: #d2bcf0; font-size: 30px; line-height: 1.2; letter-spacing: -1px; }
.post h2 a { color: #d2bcf0; }
.post h2 a:hover { text-decoration: none; color: #3c265a; }
.post .date-posted { line-height: 26px; font-size: 10px; }
.post .entry p { margin-bottom: 15px; }
.post .entry ul { margin-bottom: 15px; }
.post .postmetadata { width: 628px; position: relative; margin: 0 0 0 -29px; background: url(/image/postmetadata-bot.gif) no-repeat center bottom; padding-bottom: 11px; }
.post .postmetadata .padder {  }
.post .postmetadata .top { font-size: 11px; padding: 0 29px 5px; }
.post .postmetadata .responses { line-height: 20px; background: #ac99c7; padding: 0 4px 0 29px; }
.post .postmetadata .alt { background: #1f132f; padding: 3px 29px; font-size: 10px; color: #4a316d; }
.post .postmetadata .alt a { color: #4a316d; }
.post .postmetadata .comments-rss { padding-top: 4px; }
.post .postmetadata .comments-rss a { display: block; width: 12px; height: 12px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(/image/ico-rss.gif); }

.navigation a:hover { color: #3c265a; }

#respond h2 { font-size: 18px; color: #e2dbed; margin-bottom: 8px; }
#respond p { margin-bottom: 10px; }
#respond p label { font-size: 11px; }
#respond textarea { width: 560px; height: 134px; }
#respond .button { float: left; display: inline; width: 70px; height: 30px; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; margin-left: 10px; }
#respond .button-submit { background: url(/image/button-submit-2.gif); }
#respond .button-clear { background: url(/image/button-clear.gif); }
#respond .buttons { margin-bottom: 50px; width: 160px; float: right; }

.commentlist { list-style-type: none; margin-top: -40px; margin-bottom: 20px; }
.commentlist .comment { padding: 15px 10px 10px 100px; border-bottom: dotted 1px #5a5068; position: relative; min-height: 80px; margin-bottom: 5px; }
.commentlist .comment .avatar { position: absolute; top: 10px; left: 10px; }
.commentlist .comment .comment-body { margin-top: -10px; }

#nav { padding-left: 35px; position: relative; height: 50px; }
#nav li { float: left; display: inline; list-style-type: none; margin-right: 10px; margin-top: 3px; }

#nav li.n10 { float: right; }
#nav li.n11 { float: right; }
#nav li.n12 { float: right; margin-right: 33px; }

#nav li a { float: left; display: inline; width: 24px; height: 24px; background: no-repeat 0 0; position: relative; }
#nav li a:hover { background-position: 0 bottom; text-decoration: none; }

#nav li.n1 a { background-image: url(/image/n1.gif); }
#nav li.n2 a { background-image: url(/image/n2.gif); }
#nav li.n3 a { background-image: url(/image/n3.gif); }
#nav li.n4 a { background-image: url(/image/n4.gif); }
#nav li.n5 a { background-image: url(/image/n5.gif); }
#nav li.n6 a { background-image: url(/image/n6.gif); }
#nav li.n7 a { background-image: url(/image/n7.gif); }
#nav li.n8 a { background-image: url(/image/n8.gif); }
#nav li.n9 a { background-image: url(/image/n9.gif); width: 30px; }
#nav li.n10 a { background-image: url(/image/n10.gif); width: 141px; }
#nav li.n11 a { background-image: url(/image/n11.gif); }
#nav li.n11 a.max { background-image: url(/image/n12.gif); }
#nav li.n12 a { background-image: url(/image/n13.gif); }

#nav li a .over { display: none; position: absolute; line-height: 18px; top: 32px; left: -10px; font-size: 12px; color: #fff; white-space: nowrap; }
#nav li a:hover .over { display: block; }

#nav li.n1 a .over { left: -26px; }
#nav li.n2 a .over { left: -6px; }
#nav li.n3 a .over { left: -20px; }
#nav li.n4 a .over { left: -18px; }
#nav li.n5 a .over { left: -35px; }
#nav li.n6 a .over { left: -17px; }
#nav li.n7 a .over { left: -15px; }
#nav li.n8 a .over { left: -11px; }
#nav li.n9 a .over { left: -2px; }
#nav li.n10 a .over { font-size: 0; line-height: 0; text-indent: -4000px; }
#nav li.n11 a .over { left: -14px; }

#hidder { height: 110px; }

#news-title { width: 179px; height: 58px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(/image/title-news.jpg) no-repeat 0 0; margin-top: -5px; margin-bottom: 2px; }