/*
Theme Name: Theme of fire and danger
Theme URI: http://ensellitis.com/
Description:  There is no more bacon...
Version: 1.6
Author: Chris Ensell
Author URI: http://ensellitis.com/



Don't steal my shit, just learn from it...

*/


body {
margin: 0;
padding: 0;
font: 13px Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
color:#1e2626;
letter-spacing:.6px;
background: #161616 url("images/back.png");
color: #161616;
}

a { color: #737855; font-weight: 900; text-decoration: none }
a:hover { color: #b4321c; }

#header { width: 680px; height: 339px; overflow: hidden; position: relative; background: #372b26 url("images/day.png"); margin: 0 auto; }
#creepyhead { width: 100%; height: 420px; overflow: hidden; position: absolute; margin: 0 auto; left: 0; }
#creepyhead img { display: block; }
.headbase { width: 440px; margin: 0 auto; background: #F00; position: relative; }
.face, .eyes, .pupils  {position: absolute;}
.face { top: 0;left: 0; }
.eyes { top: 176px; left: 111px; width: 237px; height: 66px; overflow: hidden; }
.pupils { top: 5px;left: 17px; }
.headbase a { position: absolute; z-index: 100; display: block; height: 420px; width: 540px; top: 0; left: 0; }

.nav { width: 682px; height: 339px; position: absolute; background: url("images/header.png") no-repeat 0 0px; padding: 0px; margin: 0px auto; bottom: 0px; z-index: 999; }
.nav li { display: inline; }
.nav li a:link, .nav li a:visited { position: absolute; bottom: 0; text-indent: -9000px; overflow: hidden; z-index: 10; display: block; }
.nav .home a:link, .nav .home a:visited { left: 39px; bottom: 58px;  width: 85px; height: 85px;}
.nav .home a:hover, .nav .home a:focus { background: url(images/header.png) no-repeat -39px -339px; }
.nav .about a:link, .nav .about a:visited { left: 148px; bottom: 5px; width: 108px; height: 108px; }
.nav .about a:hover, .nav .about a:focus { background: url(images/header.png) no-repeat -148px -369px; }
.nav .design a:link, .nav .design a:visited { left: 307px; bottom: 14px; width: 89px;  height: 89px; }
.nav .design a:hover, .nav .design a:focus { background: url(images/header.png) no-repeat -307px -379px; }
.nav .freak a:link, .nav .freak a:visited { left: 426px; width: 111px; height: 111px;}
.nav .freak a:hover, .nav .freak a:focus { background: url(images/header.png) no-repeat -426px -371px; }
.nav .contact a:link, .nav .contact a:visited { left: 550px; bottom: 60px;  width: 82px; height: 82px; }
.nav .contact a:hover, .nav .contact a:focus { background: url(images/header.png) no-repeat -550px -340px; }

.tickercontainer { width: 454px; height: 35px;  margin: 0 auto 0 auto; padding: 0 0; overflow: hidden; color: #ffc36b; }
.tickercontainer .mask { position: relative; left: 0px; top: 12px; width: 718px; overflow: hidden; }
ul.newsticker { position: relative; left: 550px; list-style-type: none; font-size: 14px; font-weight: 900; margin: 5px 0 0 0; padding: 0; }
ul.newsticker li { float: left; margin: 0; padding: 0; }
ul.newsticker a { white-space: nowrap; padding: 0; color: #ffc36b; margin: 0 150px 0 0; text-decoration: none; } 
ul.newsticker a:hover { color: #b4321c; }
ul.newsticker span { margin: 0 10px 0 0; color: #737855; } 

.wrapper { background: #ffc36b url("images/topper.png") repeat-x top center; width: 680px; margin: 10px auto 0 auto; }
.wrapper-404 { background: #ffc36b url("images/404.png") repeat-x top center; width: 680px; margin: -30px auto 0 auto; padding-top: 230px; }
.wrapper .content { padding: 20px 20px 10px 20px; width: 635px; }

#footer { background: url("images/footer.png"); height: 118px; width: 680px; position: relative; margin: 0 auto 20px auto; }
#footer span { display: none; }
#footer a { position: absolute; display: block; }
#footer p { padding: 0px; margin: 0; }
#footer .css { width: 38px; height: 22px; bottom: 0px; left: 174px; }
#footer .xhtml { width: 61px; height: 23px; bottom: 5px; left: 236px; }
#footer .wordpress { width: 43px; height: 43px; bottom: 5px; left: 401px; }
#footer .admin { width: 10px; height: 10px; bottom: 0px; right: 0px; }


.post { position: relative; margin-bottom: 15px; }

.post h2 {
margin: 25px 0 0 0;
padding: 0px;
}

.post .title {
color: #161616;
/* 
background: url("images/titles.jpg") 0 -10px; 
height: 52px;
line-height: 60px;
*/
font-size: 28px;
font-weight: 900;
text-decoration: none;
display: block;
padding: 0 10px;
position: relative;
}

.post .title:hover {
color: #b4321c; 
/* background: url("images/titles.jpg") 0 -72px; */
}

.post p {
margin: 10px 10px;
}

.post .comm {
background: url("images/comm.png") 0 0;
position: absolute;
right: 10px;
top: -8px;
display: block;
width: 48px;
height: 46px;
line-height: 40px;
font-size: 14px;
font-weight: 900;
text-align: center;
text-decoration: none;
color: #161616;
}

.post .comm:hover {
background: url("images/comm.png") 0 -46px;
color: #b4321c;
}

.post-date {
background: url("images/date.png");
width: 54px;
height: 92px;
position: absolute;
top: 0px;
left: -74px;
}

.post-date .month {
color: #ffc36b;
font-size: 16px;
font-weight: 900;
text-align: center;
line-height: 28px;
margin-left: 1px;
}

.post-date .day {
color: #161616;
font-size: 26px;
font-weight: 900;
text-align: center;
margin-top: 4px;
}

.post .meta {
/*background: url("images/meta.jpg") repeat-x;*/
text-align: center;
padding: 10px;
padding-top: 5px;
font-size: 11px;
}

.post .meta p {
margin: 0
}



.more-link {
display: block;
width: 100%;
background: url("images/jump.jpg") repeat-y right 0;
height: 24px;
text-indent: -9000px;
}

.more-link:hover {
background: url("images/jump.jpg") repeat-y right -24px;
}

.alignright { float: right; }
.alignleft { float: left; }
.clear { clear: both; }

.navigation {
display: block;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.navigation a {
display: block;
width: 144px;
height: 17px;
}

#navolder a {
background: url("images/navposts.png");
text-indent: -9000px; 
}

#navnewer a {
background: url("images/navposts.png") 0 -28px;
text-indent: -9000px; 
}

.alt {
margin: 0;
padding: 10px;
}

.commentsingle {
padding: 10px;
margin: 5px 0;
}

.commentsingle .metapanel {
min-width:25%;
float: left;
}

.commentsingle .metapanel .com-name {
color: #1e2626;
text-transform:uppercase;
font-style:normal;
font-size:14px;
font-weight: 900;
margin: 10px 0 0 0;
}	

.commentsingle .metapanel .date, .commentsingle .metapanel .admin {
color:#737855;
font-size:11px;
text-decoration: none;
margin: 0px;
font-weight: 100;
}

.date, .commentsingle .metapanel .admin a { color: #b4321c; }

.commentsingle .comment {
min-height:50px;
line-height:130%;
font-size:13px;
color:#1e2626;
letter-spacing:.6px;
display:inline-block;
width:75%;
padding-bottom:10px;
}

#author, #email, #comment, #url, #quiz, .your-name input, .your-email input, .your-subject input, .your-message textarea, .captcha-831 input {
padding:5px;
border:1px solid #1e2626;
margin-bottom: 15px;
background: #af965a;
font-size: 12px;
}

#author, #email, #url, #quiz, .your-name input, .your-email input, .your-subject input, .captcha-831 input { width:60%; }
#comment, .your-message textarea { width: 98%; }

#commentbox, .wpcf7-form {
background:#e6ad5a;
width: 570px;
margin: auto;
padding: 15px;
}

#submit, .contactsub {
padding: 8px 14px;
background:#737855;
color:#ffc36b;
border:none;
text-transform:uppercase;
font-size: 12px;
font-weight: 900;
}

#submit:hover, .contactsub:hover { background:#b4321c; }

#sliding-panel-container {
position: relative;
display: table;
z-index: 9999;
width: 100%;
}

#sliding-panel {
top: 0;
z-index: 9999;
width: 100%;
margin: 0 auto;
text-align: center;
}

#sliding-panel .panel {
overflow: hidden;
display: none;
position: relative;
z-index: 10;
width: 100%;
height: 330px;
background: #1e2626;
}


#sliding-panel .panel-content {
overflow: hidden;
width: 960px;
height: 300px;
margin: 15px auto;
padding: 0;
text-align: left;
}

#sliding-panel .widget {
overflow: hidden;
float: left;
width: 289px;
height: 150px;
margin: 0;
padding: 0 15px;
color: #888;
background: transparent;
border: none;
}

#sliding-panel .widget-inside {
margin: 0;
padding: 0;
background: transparent;
}

#sliding-panel .widget-title {
margin: 0 0 5px 0;
padding: 0;
font-size: 18px;
color: #ffc36b;
text-transform: none;
background: transparent;
border: none;
}

#sliding-panel .widget ul {
margin: 0 0 10px 0px;
padding: 0 0 0 10px;
list-style-type: none;
}
#sliding-panel .widget ul li {
margin: 0;
padding: 0;
background: transparent;
border: none;
}

#sliding-panel .widget a { text-decoration: none; }
#sliding-panel .widget a:hover { text-decoration: none; }

#sliding-panel .tab {
position: relative;
top: 0;
z-index: 9999;
height: 0px;
border-top: 2px solid #040D12;
}

#sliding-panel .tab .toggle {
clear: both;
display: block;
position: relative;
width: 940px;
height: 35px;
line-height: 35px;
margin: 0 auto;
}

#sliding-panel .tab a {
display: block;
float: right;
position: absolute;
background: url("images/sidebar.png");
width: 98px;
height: 40px;
top: 5px;
right: 0px;
margin: 0;
padding: 0;
font: normal normal bold 12px/33px Georgia, Times, 'Times New Roman', serif !important;
color: #fff;
text-align: center;
text-indent: -9000px;
}

#sliding-panel .tab a.open {}
#sliding-panel .tab a.close {}
#sliding-panel .tab a:hover { cursor: pointer; text-decoration: none; }
#sliding-panel .tab a .arrow { font-style: normal; }


#searchform label {
display: none;
}

#searchform #searchsubmit {
padding: 5px 14px;
background:#737855;
color:#ffc36b;
border:none;
text-transform:uppercase;
font-size: 12px;
font-weight: 900;
}

#searchform #searchsubmit:hover {
background:#b4321c;
}

#searchform #s {
padding:5px;
border:1px solid #1e2626;
margin-bottom: 15px;
background: #af965a;
font-size: 12px;
}

#better-tag-cloud a { margin-right: 8px; }
.wp-tag-cloud li, .widget_nktagcloud li { display: inline; }

/* thanks http://www.herethere.net/~samson/php/color_gradient/ */
.wp-tag-cloud { text-align: center; padding: 0 1cm; }
.wp-tag-cloud a { margin: 0 2px; }
.wp-tag-cloud a.nktagcloud-8 { color: #d1c052; }
.wp-tag-cloud a.nktagcloud-9 { color: #CDB34C; }
.wp-tag-cloud a.nktagcloud-10 { color: #CAA746; }
.wp-tag-cloud a.nktagcloud-11 { color: #C79A41; }
.wp-tag-cloud a.nktagcloud-12 { color: #C48E3B; }
.wp-tag-cloud a.nktagcloud-13 { color: #C18135; }
.wp-tag-cloud a.nktagcloud-14 { color: #BE7530; }
.wp-tag-cloud a.nktagcloud-15 { color: #BB682A; }
.wp-tag-cloud a.nktagcloud-16 { color: #B85C24; }
.wp-tag-cloud a.nktagcloud-17 { color: #B54F1F; }
.wp-tag-cloud a.nktagcloud-18 { color: #B24319; }
.wp-tag-cloud a.nktagcloud-19 { color: #AF3613; }
.wp-tag-cloud a.nktagcloud-20 { color: #AC2A0E; }
.wp-tag-cloud a.nktagcloud-21 { color: #A91D08; }
.wp-tag-cloud a.nktagcloud-22 { color: #A61103; }
.wp-tag-cloud a:hover { text-decoration: none; }