/*
Theme Name: SkunkEye
Theme URI: http://www.SkunkEye.co.uk
Description: post content 590px Wide. Based on dreamline
Author: CubeColour
Author URI: http://www.CubeColour.com/
*/

/*
ORANGE: FF9531
PINK: FF247F
GREEN: ADFF2F
BLUE: 5C48FF
SEAFOAM: 3FFFE0
*/

/*========= Typography & Colors =========== */
body {font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Arial, Sans-Serif; text-align: center; color:#FFF; background:#FF9531;}
#skunk {background:#000 url(images/skunktail_bg.jpg) top center repeat; margin: 0; padding: 0;}
#eye {background:transparent url(images/body_bg.png) repeat-x scroll left top; margin: 0; padding: 0;}
#page {text-align: left;}
#headerimg {margin: 7px 0 0 0; height: 130px; padding-top: 10px;}
#site_content { width: 878px; overflow: hidden; border-right: 1px solid; border-bottom: 0px solid; border-left: 1px solid; background-color:#000; border-color: #FFF;} 

#content {font-size: 1.2em}
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.8em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: center;}

#footer, #footer a {color: #909090;}
#footer a:hover {color: #ADFF2F;}
small {font-family:  Verdana, Arial, Sans-Serif; font-size: 0.9em; line-height: 1.5em;}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}
h1 {font-size: 9em; color: #FFF;}
#description {font-size: 3.3em; color: #5C48FF; padding-top: 0; position: relative; bottom: 10px;}
h2 {font-size: 4em;}
h2.pagetitle {font-size: 2.6em; color: #5C48FF;}
#sidebar h2 {font-family: Verdana, Sans-Serif; font-size: 2.4em;}
 
h3 {font-size: 1.3em;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

h2 a {color:#FFF;}

#commentform textarea{}
#commentform textarea, #commentform input, #searchform input {background:#000; color:#CCC; border:1px solid #FFF;}
 #commentform textarea:focus, #commentform input[type="text"]:focus, #searchform input[type="text"]:focus {background: #222; border:1px solid #FF247F;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right; border: 1px solid #FFF; padding: 0px; background: #000;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p {font-family: Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#sidebar {font: 1em Verdana, Arial, Sans-Serif;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #FFF;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
a, h2 a:hover, h3 a:hover {color:#ADFF2F; text-decoration: none;}
a:hover {color:#FF247F; text-decoration: underline;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}

/*========= Structure =========== */
body {margin: 0; padding: 0;}
#page {width:880px; padding:0px; margin-left: auto; margin-right: auto;}
#header {margin: 50px 0 0 1px; padding: 0; height: 140px;}
#headerimg {margin: 0; width: 100%;}
.narrowcolumn {float: left; padding: 0 0 20px 0px; margin: 0px 0 0 10px; width: 620px;}
.widecolumn {padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px;}
.post {margin: 0 0 40px; text-align: left; background:transparent url(images/db_first_bg.jpg) no-repeat scroll left top; clear:left; margin-bottom:10px; padding-top: 1px; padding-left: 30px; position:relative; margin-top: 20px; min-height:150px;}

.post hr {display: block;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center; margin: 5px 0px;}
.postmetadata {clear: both;}
.clear {clear: both;}
#footer {padding: 0; margin: 0 auto; width: 880px; clear: both;}
#footer p {margin: 0; padding: 20px 0 30px 0; text-align: center;}
#footertext {width: 440px; background-color: #010102; margin: 0 auto;}
#footertext a:hover {color: #FF247F;}

/*========= Headers =========== */
h1 {/*padding-top: 23px;*/ margin: 0; /*// padding-top: 31px; for IE */}
h2 {margin: 30px 0 0 0;}
h2.pagetitle {margin: 30px 0 0 30px; text-align: left; padding: 0;}
#sidebar h2 {margin: 5px 0 0 0; padding: 0;}
h3 {padding: 0; margin: 30px 0 16px 0;}
h3#comments, h3#respond {font-size: 2em; padding: 6px 0 4px 0; margin: 0 0 0 29px; color: #FF9531; border-top: 1px solid #FF9531; border-bottom: 1px solid #FF9531;}
h3 a:hover {color: #FF247F;}

/*========= Images =========== */
p img {padding: 0; max-width: 100%;}

/* class="alignright" to align the image to the right. 'class="centered' centers the image. Better than using align="center" */
img.centered {display: block; margin-left: auto; margin-right: auto; margin-bottom: 12px;}
img.alignright {padding: 4px; margin: 0 0 12px 7px; display: inline; border: 1px solid #333;}
img.alignleft {padding: 4px; margin: 0 7px 12px 0; display: inline; border: 1px solid #333;}
.alignright {float: right;}
.alignleft {float: left}

/*========= Lists =========== */
Special stylized non-IE bullets. Does not work in Internet Explorer. */
html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px; margin-right: 10px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}

h2.widgettitle {color: #FF9531;}
.textwidget p {padding-left: 10px;}

/*========= Begin Form Elements =========== */
#searchform {margin: 0px auto; padding: 5px 3px; text-align: center;}
#sidebar #searchform #s {width: 146px; padding: 2px; color: #000; border-color: #ADFF2F; background:#FFF;}
#sidebar #searchsubmit, #commentform #submit {padding: 1px; background:#ADFF2F; border-color: #ADFF2F; color:#000; cursor:pointer;}

#commentform #submit:hover, #searchform #searchsubmit:hover {background:#FF247F; border-color: #FF247F; color:#000;}
.entry form { /* mainly for password protected posts. */ text-align:center;}

select {width: 130px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%; padding: 2px; background-color: #111; width: 585px;}
#commentform #submit {margin: 0; float: right; /*background-color:#CCC;*/}

/*========= Comments =========== */
.commentlist {padding: 0; text-align: left;}
      /*.commentlist li:first-child {border-top: 1px solid #333; padding-top: 8px;}*/
.commentlist li {margin: 0px 0 3px 29px; padding: 5px 0 6px 0; list-style: none; background-color: #000; border-bottom: 1px solid #333;}
.commentlist p {margin: 10px 0 10px 0;}
#commentform p {margin: 5px 0 0 29px;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}

/*========= Sidebar =========== */
#sidebar {padding: 20px 0 10px 0; margin-left: 660px; width: 210px;}
#sidebar form {margin: 0;}

/*========= Calendar =========== */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #CCC; }

/*========= Various Tags & Classes =========== */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;}
/* End Various Tags & Classes*/

/*========= Captions =========== */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 0; text-align: center; background-color: #f3f3f3; padding-top: 0; margin: 0;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color: #FFF;}

#primary_menu {border-color:#FFF; color:#FFF; z-index: 99;}
#primary_menu ul {padding:0px; margin:0px;/* IE declaration*/}
#primary_menu li {height: 33px;}
#site_content {margin-top: 0px;}
#primary_menu {height:32px; width:880px; clear:both; margin-bottom:1px; // margin-bottom:0px; /* IE declaration*/}

#primary_menu ul {padding:0px;}
#primary_menu li {float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; background:transparent url(images/nav_tab_bg_white.png) no-repeat scroll left top;}
#primary_menu li a {display: block; float: left; height:26px; text-decoration: none; padding: 6px 19px 0px 19px; border-right: 0px; color: #5C48FF; border-bottom:1px solid #FFF; background:transparent url(images/nav_tab_bg_right_white.png) no-repeat scroll right top; font-size:2.2em;} 

#primary_menu li a:hover {border-bottom: 1px solid #5C48FF; color: #5C48FF; outline: none;}
#primary_menu li a:active {outline: none; border-bottom: 1px solid #ADFF2F;}
#primary_menu li.current_page_item, #primary_menu li.current_page_parent {background:transparent url(images/nav_tab_bg.png) no-repeat scroll left top; color: #FF247F!important;}
#primary_menu li.current_page_item a, #primary_menu li.current_page_parent a {background:transparent url(images/nav_tab_bg_right.png) no-repeat scroll right top; border-bottom: 1px solid #FF247F; color: #FF247F!important;} 
#primary_menu li.current_page_item a:hover, #primary_menu li.current_page_parent a:hover {border-bottom: 1px solid #FF247F; color: #FF247F!important;} 

/*========= CSS addons and fixes =========== */

li.widget {background:transparent url(images/db_first_bg_small.jpg) no-repeat scroll left top; margin:20px 0pt 30px; padding-left:10px; padding-top:10px; position:relative; text-align:left; min-height:85px; line-height: 1.6em; font-size: 1.2em;}

.time_link {background: url('icons/clock.gif') no-repeat scroll left top; padding-left:20px; color: #5C48FF;}

.comment_link {background: url('icons/action_im.gif') no-repeat scroll left top; padding-left:20px;}
.post span.comment_link a, .post span.comment_link a:hover {text-decoration:none;}
.edit_link{background: url('icons/edit.gif') no-repeat scroll left bottom; padding-left:20px; min-width:0px; text-decoration: none;}

a.post-edit-link:hover {color: #FF247F;}
.comment_link a:hover {color: #FF247F;}

.post span {margin:0px;}
.post span a {color:#ADFF2F; text-decoration:underline;}
.post span a:hover {text-decoration:underline;}
.comment_edit {float:right; margin:0px;}
.post h2{margin-bottom:10px;}

/*========= Twitter Tools =========== */
#aktt_tweets ul li {margin-bottom: 2em;}
input #aktt_tweet_text {}

/*========= Sendit newsletter Form =========== */
.sendit form p small {display: none;}
.sendit h2 {color: #000;}

/*========= Contact Form =========== */
.formcontainer {clear: both; overflow: hidden; width: 100%;}
.formcontainer span.required, #commentform span.required {color: #FF247F;}
.formcontainer p.error,
.formcontainer p.important, .formcontainer p.information, .formcontainer p.success {line-height: 250%; padding-left: 36px; width: 95%; background: transparent url('images/contactform/success.png') no-repeat 12px 50%; border-bottom: 1px solid #5C48FF; border-top: 1px solid #5C48FF; color: #FFF;}

.formcontainer p.error {background: transparent url('images/contactform/error.png') no-repeat 12px 50%; border-bottom: 1px solid #5C48FF; border-top: 1px solid #5C48FF; color: #FFF;}
.formcontainer p.important {background: transparent url('images/contactform/important.png') no-repeat 12px 50%; border-bottom: 1px solid #5C48FF;}
.formcontainer p.information {background: transparent url('images/contactform/information.png') no-repeat 12px 50%; border-bottom: 1px solid #5C48FF; color: #FFF;}
.formcontainer p.success {line-height: 250%; padding-left: 36px; width: 95%; background: transparent url('images/contactform/success.png') no-repeat 12px 50%; border-bottom: 1px solid #5C48FF; border-top: 1px solid #5C48FF; color: #FFF;}
.formcontainer form.contact-form {clear: both; float: none; width: 100%;}
.formcontainer form.contact-form fieldset {background: #000; color: #FFF; margin: 1em 0 1.5em 0; padding: 1.2em 2.5em 1.5em 2.5em; border: 1px solid #111;}
.formcontainer form.contact-form fieldset legend {display: none;}
.formcontainer form.contact-form fieldset div.form-label {
display: block; float:none; line-height:150%; margin: 0.5em 0 0 0; padding:0; text-align:left; width:100%;}
.formcontainer form.contact-form fieldset div.form-label label,
.formcontainer form.contact-form fieldset div.form-option label {
cursor: pointer; line-height:100%;}
.formcontainer form.contact-form fieldset div.form-input,
.formcontainer form.contact-form fieldset div.form-textarea {
display: block; float:none; margin: 0.2em 0 1em 0; width:100%;}
.formcontainer form.contact-form fieldset div.form-input input,
.formcontainer form.contact-form fieldset div.form-textarea textarea {padding: 0.3em; width: 97%;}
.formcontainer form.contact-form fieldset div.form-textarea textarea {overflow: auto;}
.formcontainer form.contact-form fieldset div.form-input input.error {background-color: #FF0;}
.formcontainer form.contact-form fieldset div.form-input input.optional {margin-bottom: 0.2em;}
.formcontainer form.contact-form fieldset div.form-option,
.formcontainer form.contact-form fieldset div.form-submit {
display: block; float:none; margin: 1em 0 0.5em 0; width:100%;}
.formcontainer form.contact-form fieldset div.form-submit input {cursor:pointer; padding:0.5em 2em;}
.formcontainer form.contact-form fieldset div.url {display: none;}

/*========= SLIDING PANEL =========== */
/* Extra div to handle some IE scenarios with absolute positioning */
#sliding-panel-container {position: relative; display: table; z-index: 999; width: 100%; text-align: center}
#sliding-panel {position: absolute; top: 0; z-index: 999; width: 100%; margin: 0 auto; text-align: center;}
#sliding-panel .panel {overflow: hidden; display: none; position: relative; z-index: 10; width: 100%; height: 135px; background: #ADFF2F url(images/slider.png) repeat-x scroll left top;}
#sliding-panel .panel-content {overflow: hidden; width: 880px; height: 115px; margin: 5px auto; padding: 0; text-align: right;}
#sliding-panel .widget {overflow: hidden; float: left; width: 294px; height: 105px; margin: 0; padding: 0 15px; font: normal normal normal 14px/21px; color: #888; background: transparent; border: none;}
#sliding-panel .widget-inside {margin: 0; padding: 0; background: transparent; border: none;}
#sliding-panel .widget-title {margin: 0 0 5px 0; padding: 0; font: normal normal bold 18px/21px; color: #999; text-transform: none; background: transparent; border: none;}
#sliding-panel .widget ul {margin: 0 0 10px 20px; list-style: square;}
#sliding-panel .widget ul li {margin: 0; padding: 0; background: transparent url('images/important.png') no-repeat 12px 50%; border: none;}
#sliding-panel .widget a {font-style: italic; color: #eee; text-decoration: none;}
#sliding-panel .widget a:hover { }
#sliding-panel .tab {position: relative; top: 0; z-index: 9999; height: 37px; border-top: 2px solid #ADFF2F;}

/*========= Open/close button =========== */
#sliding-panel .tab .toggle {clear: both; display: block; position: relative; width: 880px; height: 35px; line-height: 35px; margin: 0 auto;}
#sliding-panel .tab a {display: block; float: right; position: relative; width: 80px; height: 35px; top: -2px; margin: 0; padding: 0; font: normal normal bold 12px/33px; color: #000; background: transparent URL('images/slider_button.png') bottom left no-repeat; text-align: center;}
#sliding-panel .tab a:hover {text-decoration: none;}
#sliding-panel .tab a.open { }
#sliding-panel .tab a.close { }
#sliding-panel .tab a:hover {cursor: pointer;}
#sliding-panel .tab a .arrow {font-style: normal;}

/*========= FEATURED =========== */
.featured {width: 277px; float: left; margin: 0 0 40px 9px; text-align: left; background:transparent url(images/db_first_bg_small.jpg) no-repeat scroll left top; margin-bottom:10px; padding-top: 1px; padding-left: 20px; position:relative; margin-top: 20px; min-height:150px; line-height: 1.8;}
#featured2 {margin-left: 17px;}
.featured h3 a {font-size: 1.8em;}

/* ====== SITEMAP =========== */
#sitemap_list, #sitemap_list ul, #sitemap_list li {margin: 0; padding: 0;}
#sitemap_list li {font-size: 108%; font-weight: bold; line-height: 1.8; background: url(images/bg_level1.png); list-style-type: none; margin-bottom: 15px; padding: 8px 0 8px 20px;}
#sitemap_list li li {font-size: small; font-weight: normal; background: url(images/none.png) no-repeat 0 0.45em; line-height: 1.5; margin-bottom: 0; padding: 0 0 0 18px;}
#sitemap_list li li li {padding-left: 16px;}
#sitemap_list li li li li {font-size: 0.85em; background: url(images/icon_small.png) no-repeat 0 0.45em; padding-left: 14px;}
#sitemap_list li li li li li {font-size: 1em; padding-left: 12px;}
#sitemap_list ul {margin-top: 3px; margin-bottom: 5px;}
#sitemap_list .posts_in_category {position: absolute; padding-left: 10px;}
#sitemap_list li .posts_in_category a {background: #fff url(images/ico_post_list.png) no-repeat center; text-indent: -9999px; display: block; width: 1.2em; height: 1.2em; border: solid 1px #ccc; padding: 0;}

/* ====== AMAZON PRODUCTS =========== */
.amaz {}
.amtap-item {position: relative; padding: 16px 0 6px 0; border-top: 1px solid #333;}
.amtap-item h3 a {width: 440px; font-size: 1.8em;}
.amtap-item p.author {width: 440px}
.amaz img { float: right;}

/* =========== TYPOGRAPHY =========== */
#first_paragraph {font-size: 1.2em;}

/* ============ GIGPRESS ======================= */
td.description .gigpress-info-item {color :#FF9531;}

/* === FIXES & HACKS FOR NUMPTY BROWSERS THAT DON'T CORRECTLY SUPPORT PUBLISHED STANDARDS  === */
#ie6 h1, #ie7 h1 {position: relative; top: -12px;}
#ie7 #site_content {border-top: 1px solid #FFF;}
#ie7 #sliding-panel {position: absolute;}

#ie6 #sliding-panel-container {position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 1001 !important; color: #fff !important; text-align: left !important; display: table; z-index: 999;}
#ie6 #site_content {position: relative; top: -26px;}
#ie6 #primary_menu {position: relative; top: -26px;}
#ie6 .slideshow-label {border: 0;}
#ie6 #sliding-panel .tab a {background: #ADFF2F; text-align: center;}
#ie6 .featured {margin-left: 4px;}
#ie6 #footertext {position: relative; top: -26px; height: 100%;}

/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */