/*
Theme Name: Kotak Blue
Theme URI: http://www.simplywp.net
Description: two columns premium Wordpress theme with auto feature post slider
Version: 1.0
Author: Kathie & Andrew
Author URI: http://www.simplywp.net
Tags: widget-ready, right sidebar, blue
*/

body {background: url('images/background.gif') repeat top center !important; font-family: Arial,Verdana,Tahoma,San-serif;;}
body p {margin-bottom: 18px; line-height: 1.7em;}

/* Whole structure */
#overall {background: url('images/overallbg.gif') repeat-x top center; overflow: hidden;}
#container {background: #fff url('images/containerbg.gif') repeat-x top center; margin: 0 auto; overflow: hidden; width: 960px; padding: 50px 0px 30px 0px;}
#header {margin: 0 auto; overflow: hidden; width: 960px; padding: 30px 0px;}
#content {float: left; width: 620px; font-size:0.8em;}
#aside {float: right; width: 300px; font-size: 0.8em;}
#footer {background: #3985a1 url('images/footerbg.gif') repeat-x top center; clear: both; overflow: hidden; margin-top: 30px;}
#footer-inner {margin: 0 auto; overflow: hidden; width: 960px; font-size: 0.8em; padding: 20px 0px;}

/* Header styling */
#header .header-title {font: bold 4em 'Arial Black', Arial, Gadget, sans-serif; letter-spacing: -3px; color: #fff;}

/* Pull Down Styling */
#top-search {width: 960px; margin: 0px auto;}
#panel {clear: both; display: none; font-size: 0.8em;}
.click {font-size: 0.8em; padding: 7px 10px; background: #fff;}
.top-button {display: inline; margin-right: 20px;}
.searchform {width: 250px; padding: 10px; text-align: right; background: url('images/background.gif') repeat top center; border: 1px solid #2f697f;}
.searchtext {width: 150px; border: 1px solid #2f697f; padding: 5px; margin-right: 5px;}
.searchbutton {width: 80px; color: #fff; background: #2f697f; border: none; padding: 4px;}

/* Features */
#featured {overflow: hidden; background: #eaf9ff; border-bottom: 5px solid #2f697f; border-top: 5px solid #2f697f; clear: both;}
#featured .post {clear: both; overflow: hidden;}
#content .featured-body {padding: 30px; position: relative;}
#content .featured-thumb {background: url('images/nothumb.jpg') no-repeat center; border: 5px solid #2f697f; overflow: hidden; height: 180px; width: 550px; margin: 0px 10px 10px 0px;}
#content .featured-thumb img {width: 550px;}
#content .featured-title {color: #2f697f; font: bold 1.6em Arial Black, Arial, Gadget, San-serif;}
#content .featured-date {background: #2f697f; border-right: 1px solid #777; border-bottom: 1px solid #777; position: absolute; padding: 10px; font-size: 1.7em; font-weight: bold; color: #fff; left: 0px; top: 45px;}
#content .featured-category {background: url('images/entry-category.png') no-repeat left center; padding: 1px 0px 1px 20px;}
#content .featured-comment {background: url('images/entry-comment.png') no-repeat left center; padding: 1px 0px 1px 20px; margin-left: 20px;}
#content .featured-meta {clear: both; background: #bae0ee; border-top: 1px solid #78b4ca; border-bottom: 1px solid #78b4ca; font-size: 0.9em; padding: 8px; text-align: right;}

/* Entry body structure */
#content .entry-body {padding: 30px; position: relative;}
#content .entry-body h2, #content .entry-body h3, #content .entry-body h4 {font-size: 1.3em; color: #2f697f;}
#content .entry-body blockquote {margin: 0px 30px 18px 30px; font-style: italic;}
#content .entry-body ul {margin: 0px 20px 18px 20px; list-style: circle;}
#content .entry-body ol {margin: 0px 20px 18px 20px; list-style: decimal;}
#content .entry-body li {padding: 3px 0px; line-height: 1.5em;}
#content .entry-body .postmetadata {font-style: Georgia, "Times New Roman", Helvetica, sans-serif; font-size: 0.9em;}

/* Container/Entry styling */
#content .entry-thumb {background: url('images/nothumb.jpg') no-repeat center; border: 5px solid #2f697f; overflow: hidden; height: 180px; width: 550px; margin: 0px 10px 10px 0px;}
#content .entry-thumb img {width: 550px;}
#content .entry-title {color: #2f697f; font: bold 1.6em Arial Black, Arial, Gadget, San-serif;}
#content .entry-date {background: #2f697f; border-right: 1px solid #777; border-bottom: 1px solid #777; position: absolute; padding: 10px; font-size: 1.7em; font-weight: bold; color: #fff; left: 0px; top: 45px;}
#content .entry-category {background: url('images/entry-category.png') no-repeat left center; padding: 1px 0px 1px 20px;}
#content .entry-comment {background: url('images/entry-comment.png') no-repeat left center; padding: 1px 0px 1px 20px; margin-left: 20px;}
#content .entry-meta {clear: both; background: #bae0ee; border-top: 1px solid #78b4ca; border-bottom: 1px solid #78b4ca; font-size: 0.9em; padding: 8px; text-align: right;}
#content .pagetitle {text-align: center; font-size: 2em; padding-bottom: 20px; color: #2f697f;}
#content .wp-pagenavi {font-weight: bold; padding: 10px 30px; font-size: 1.5em;}
#content .wp-pagenavi .pages {float: right;}
#footer-navi {clear: both; overflow: hidden; padding: 5px 0px;}
#footer-navi .navleft {float: left;}
#footer-navi .navright {float: right;}

/* Sidebar styling */
#aside h2 {background: url('images/sidetitle.gif') repeat-x center; color: #fff; padding: 10px; font-size: 1.5em; text-transform: uppercase;}
#aside ul li {padding: 7px; border-bottom: 1px solid #7bb7cd;}
#aside select {width: 100%;}
#aside .sidebox {padding: 20px 20px 10px 0px; margin: 0px; clear: both;}
.sidebanner1 {float: left; width: 125px; height: 125px; overflow: hiddenl; margin-bottom: 10px;}
.sidebanner2 {float: right; width: 125px; height: 125px; overflow: hiddenl; margin: 0px 30px 10px 0px;}
#aside .side-meta {clear: both; padding-bottom: 30px; overflow: hidden;}
#aside .side-rss {background: url('images/side-rss.gif') no-repeat left center; float: left; width: 150px; height: 43px; text-indent: -9999px;}
#aside .side-twitter {background: url('images/side-twitter.gif') no-repeat left center; float: left; width: 130px; height: 43px; text-indent: -9999px;}

/* Footer styling */
#footer .footerbox {float: left; display: block; width: 280px; padding: 20px;}
#footer .footerbox h3 {font-size: 1.5em; text-transform: uppercase; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 5px;}
#footer .footerbox li {padding: 7px 0px;}
p.footer-copy {clear: both; text-align: center; font-size: 0.8em; overflow: hidden; padding: 10px 0px; color: #7cb8ce;}

/* Begin Comments*/
#comment-box {margin: 0px 30px; overflow: hidden;}
#comment-box h3 {font-size: 1.5em; margin: 10px 0px; color: #68a9c2;}
#comment-box label {font-style: italic; font-size: 0.9em; width: 180px; display: block; float: left;}
#comment-box .comment-forms {width: 300px; padding: 2px; border: 1px solid #2f697f;}
#comment-box .comment-submit {padding: 2px; margin-left: 180px;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;}
.commentlist cite {font-weight: bold; font-style: normal;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-size: 0.9em; padding: 3px 0px;}
.alt {margin: 0px; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 5px 0px; padding: 10px;}
.commentlist li ul li {margin-left: 45px; border: 1px solid #eee;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0;padding: 0;}
.commentmetadata {margin: 0; display: block;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
#cancel-comment-reply-link {background: #68a9c2; color: #fff; padding: 3px;}

/* Begin calendar */
#wp-calendar {text-align: center; width: 100%;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 10px 0px;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px;}
#wp-calendar td {font-style: normal; padding: 2px;}

/* Begin Images */
img.centered {display: block; margin: auto;}
img.alignright {display: inline; margin: 0px 0px 2px 5px; padding: 2px;}
img.alignleft {padding: 2px; margin: 0px 5px 2px 0px; display: inline;}
.alignleft {float: left;}
.alignright {float: right;}

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #CCCCCC; background: #EFEFEF; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0px;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 15px;}

/* Social Network Icons */
#content .entry-share {overflow: hidden;}
#content .entry-share-title {margin-bottom: 5px; font-size: 2em;}
.google {background: url('images/buttons/google.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.yahoo {background: url('images/buttons/yahoo.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.delicious {background: url('images/buttons/delicious.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.digg {background: url('images/buttons/digg.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.reddit {background: url('images/buttons/reddit.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.stumbleupon {background: url('images/buttons/stumbleupon.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.facebook {background: url('images/buttons/facebook.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.twitter {background: url('images/buttons/twitter.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}

/* Link Styling */
a {color: #2f697f;}
a:hover {color: #68a9c2;}
#content .entry-meta a:hover {text-decoration: underline;}
#footer a {color: #fff;}
#footer a:hover {text-decoration: underline;}
p.footer-copy a {color: #7cb8ce !important;}

/* IE6 Fix */
*html #content, *html #aside { display:inline;}