/*
Theme Name: SaWakas
Theme URI: http://sawakas.eraldmariano.com/
Description: Reviving green neon lights. Featured Content Gallery and Thumbnails. Uses Led Icons from http://led24.de
Date: August 16, 2009
Version: 1.0 Pabile
Author: Erald Mariano
Author URI: http://eraldmariano.com/
Tags: Left Sidebar, 2 Column, Fixed Width, Green, Featured Post, Post Thumbnail, Gravatar
*/

@import url('./style-common.css');

body {background: #252525 url(images/bg.png) top left;}

a:link,
a:visited,
a:active {text-decoration:underline;color: #c4f57a;}
a:hover {text-decoration:underline;color: #a4d95d;}

h1,h2 {color: #dcec82;padding-bottom: 0;text-transform:capitalize;}
h2 a {color: #dcec82;text-decoration: none;text-transform:capitalize;}

#wrapper {width:960px;margin:0 auto;background: url(images/bg-main.png) no-repeat top left;min-height:500px;}

#header {width:960px;}

.topmenu {float:right;margin:0;padding:0;text-align:right}
.topmenu  ul {list-style: none; float: right; text-align: right;height:20px;margin:0;padding-top:15px;}
.topmenu  li {font: 10px verdana, arial, helvetica, sans-serif; color: #c6d477; list-style:none; display:block;float:right;min-width:16px;margin:0;padding:0;}
.topmenu  li  img {padding-top:8px;max-height:24px !important;border:0;}

#header .logo {float:left; width:256px;padding-left:300px;}
#header .logotext {}
#header img {border: 0;}
#header img a {border: 0;}

#headfeature {width: 960px; height: 221px; background: url(images/bg-head-feature.png) no-repeat top left; text-transform:capitalize;}

#headfeature .recentposts {width:310px; overflow:hidden; float:left;}
#headfeature .recentposts ul {list-style: none; padding: 15px 10px 0 15px; width:100%; height:180px; overflow:hidden; font: 20px verdana, arial, helvetica, sans-serif; color: #323232;}
#headfeature .recentposts ul li {display:block;}
#headfeature .recentposts ul li h2 {color:#323232;padding-top:5px;border-bottom: 2px dotted #323232;margin-bottom:0;}
#headfeature .recentposts ul li ul {margin-top:0;}
#headfeature .recentposts ul li ul li {border-bottom:1px solid #467f00;}
#headfeature .recentposts ul li ul li a {font: 20px verdana, arial, helvetica, sans-serif; color: #323232; text-decoration:none;}
#headfeature .recentposts ul li ul li a:hover {color: #467f00; text-decoration:none;}
#headfeature .recentposts li.current_page_item a {color:#467f00;}

#headfeature .featimage {float:right; width:630px; padding:18px 10px;}
#headfeature .featimage img {border: 1px solid #252525; background: url(images/feat-img-guide.png) no-repeat center left;}

#content {width:960px; padding-top:15px;}

#content #right-col {float: right; width:650px; margin: 0; overflow:hidden;}
.post {border-left: 1px solid #dcec82; min-height:114px; padding-left:15px; padding-right:35px; margin-bottom:25px;}
.post h2 a {text-decoration:none;}

#right-col .pagehead {border-left: 1px solid #dcec82;padding:15px;margin-bottom:25px;}
#right-col .pagehead h1 {color:#d4d4d4;}

.entry {margin:0;}
.entry ul ,.entry ol {padding-left: 25px; padding-bottom:15px;}
.entry p {padding-top:14px;}

.entry img.alignleft{float:left;margin:0 10px 2px 0;}
.entry img.alignright{float:right;margin:0 0 2px 10px;}
.entry img.aligncenter{margin:5px auto;}
.entry img.noborder{background:transparent;border:none;padding:0;}
.entry img.alignleft,.entry img.alignright,.entry img.aligncenter{background:transparent;border:1px solid #dcec82;display:block;padding:3px;}

.entry h3,.entry h4,.entry h5,.entry h6{margin: 20px 0;}

p.metadata {font: 12px verdana, arial, helvetica, sans-serif; color: #a4d95d;}
p.metadata a {font: 12px verdana, arial, helvetica, sans-serif; color: #a4d95d; text-decoration:none;}
p.metadata a:hover {text-decoration:underline;color:#c4f57a;}
p.metadata img {padding-top:4px;}

blockquote{border-left:2px solid #dcec82; display:block; font: 200 14px georgia,"times new roman",times,serif;}

#comments ol ,#comments ol li {list-style: none;}

#comments {margin-top:25px;}
#comments .comment-data {float:right; width: 475px; border: 1px solid #d5fe65; min-height: 125px; -moz-border-radius: 2px; padding:5px; margin-top:15px;}
#comments .alt .comment-data {width:450px; min-height: 125px; border: 1px solid #d5fe65; -moz-border-radius: 2px; padding:5px; margin-top:15px;}

#comments ol li .comment-info {float:left; width: 100px; height:78px; font-size: 10px; line-height: 12px; margin-top:15px;}
#comments ol li .comment-info a {text-decoration: none;}
.comment-info .gravatar img {border: 5px solid #c8ff30; margin-bottom: 5px; -moz-border-radius: 2px;}

#respond {margin-top:25px; padding-left:15px;}
#respond p {padding: 2px 0;}
#respond input {padding: 2px;}

#comments input,
#respond input,
#respond textarea {background:transparent; background-color: #d0d0d0; border: 1px solid #d5fe65;}

#respond #submit {width:92px;height:21px;border:0;margin:0;padding:0;cursor:pointer;background: url(images/button-submit-comment.png) no-repeat center left;}

#content #left-col {width: 288px; float: left;}
#content #left-col ul {list-style:none;}
#content #left-col .postthumb {padding-left:25px; padding-bottom:25px; overflow: hidden;}

#sidebar {margin:0;font-size:14px;line-height:14px;}
#sidebar ul {list-style: none;}
#sidebar ul li {overflow:hidden;}
#sidebar ul li h2 {font: 24px verdana, arial, helvetica, sans-serif; color: #c4f57a; margin:15px 0 0 0;}
#sidebar ul li ul {}
#sidebar ul li ul li {color:#d4d4d4; padding:8px 0 3px 25px;background: url(images/bullet-sidebar.png) top left no-repeat;}
#sidebar ul li ul li a {color:#d4d4d4; text-decoration: none; padding: 3px 3px;}
#sidebar ul li ul li a:hover {color:#d4d4d4; text-decoration: none;}

#footer {font-size:14px;line-height:14px;color: #c6d477;}
#footer a {text-decoration:underline; color: #c4f57a;}
#footer a:hover {color: #a4d95d;}

#footer .footleft {float:left; width:300px; padding-top:30px; overflow:hidden;}
#footer .footleft img ,#footer .footleft img a {border: 0; float:right;}
#footer .footright {float: right; width: 600px; min-height:114px; border-left: 1px solid #dcec82; padding:40px 35px 0 15px; margin-bottom:25px;}

#sidebar .textwidget ul li {background:none;padding:8px 0 0 0}

#searchform {width: 260px;height:30px; margin:10px 5px;}
.widget#searchform {width: 260px;height:30px; margin:0 5px;}
#searchform form {margin: 5px; display: inline;}
#searchform form input {float:left;width: 220px;background: url(images/000.gif) no-repeat top left;height: 20px;border:1px solid #467f00;margin-right:5px; color:#d4d4d4;}
#searchform form input#searchsubmit {float:left;width:21px;background: url(images/find.png) no-repeat center left;border: 0;margin:0;cursor:pointer;}

/*supplementary*/
.postthumb img {border: 5px solid #c8ff30;width:252px;height:104px;/*background: url(images/thumb-img-guide.png) no-repeat center left;*/ -moz-border-radius: 2px;}
.width280 {width:280px;overflow:auto;}

.navigation {padding-bottom:20px;font-size:14px;line-height:14px;color: #c6d477;}
.navigation a {text-decoration:none;}
.navigation .alignleft {margin-left:330px;}
.navigation .alignright {padding-right:15px;}

blockquote {margin:10px 20px; padding: 10px 20px;}
code {color:#999999;font-size:18px;}
code a {color:#666666;}
code a:hover {color:#666666;}