/*======================================
Theme Name: ClearBlue
Theme URI: http://www.clearjongos.lifesotomyam.com/
Description: Simple glossy clear 1100px width three columns wordpress theme by <a href="http://the-boleh-blog.lifesotomyam.com">eTomyam</a> Easily customized and fully widgetized, Wordpress 2.6.1 compatible.
Tags: glossy,clear,three columns,widgets,javascript
Version: 1.0
Author: etomyam
======================================*/

*{
margin : 0;
padding : 0;
}
body {
position : relative; /* Fixes browser resizing bug in IE6 */
background : url(images/bg.png) top left repeat-x #000000;
background-attachment : fixed;  
font-family :Segoe UI, Tahoma, Verdana, Georgia, Arial, Helvetica, sans-serif;
font-size :12px;
color: #000000;
}
#wrapper {
position : relative; /* Fixes browser resizing bug in IE6 */
margin : auto;
width : 1100px;
}
.clear {
clear : both;
}
a {
text-decoration : none;
outline : none;
color : #00A9EF;
}
a:hover {
text-decoration : none;
}
img a {
border : none;
}
img {
border : none;
}
td {
padding : 4px;
}
blockquote {
margin : 0px 15px 0px 15px;
padding : 0px 15px 15px 50px;
background : url(images/quote.png) no-repeat;
font-size : 12px;
color : #232323;
}
blockquote p {
margin : 0px 0px 20px 0px;
padding : 0px;
}
code {
background : #cccccc;
border-bottom : 1px solid #232323;
padding-left : 3px;
padding-right : 3px;
text-align : left;
}
ul {
list-style : none;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/******************************header***************/
#navigation {
position : relative;
clear : both;
float : left;
margin-left : 15px;
margin-top : 10px;
width : 665px;
height : 30px;
background : url(images/clear.png);
clear : both;
}
ul.menu {
float : left;
margin : 0;
padding : 0 15px;
list-style-type : none;
}
ul.menu li {
float : left;
}
ul.menu li a {
float : left;
display : block;
height : 28px;
padding : 0px 10px 0 10px;
line-height : 28px;
color : #000000;
}
ul.menu li a:link,
ul.menu li a:visited {
color : #000000;
}
ul.menu li a:hover, ul.menu li a:active {
color : #FFFFFF;
background : url(images/navhover.png) no-repeat center;
}
ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active {
color : #ff9933;
text-decoration : none;
}
#header {
position : relative;
width : 1100px;
padding-top :10px;
height : 110px;
clear : both;
background : url(images/headerbg.png) no-repeat;
}
#header h1 a {
color : #FF9933;
font-size : 24px;
font-weight : bold;
margin-left : 100px;
font-family : Helvetica;
}
#header .description {
font-size : 14px;
color : #FFFFFF;
float : left;
margin-left : 100px;
font-family : Helvetica;
margin-bottom : 5px;
font-style : italic;
}
#header_right {
display : block;
float : right;
margin-right : 40px;
position : relative; /* Fixes browser resizing bug in IE6 */
padding : 0px 5px 5px 0px;
}
/*****************searchform******************/
#searchform {
margin-left : 0;
margin-top : 4px;
margin-right : 0;
}
#searchform {
float : right;
margin-right : 15px;
margin-left : 5px;
width : 230px;
padding-top : 5px;
height : 30px;
background : url(images/search.png) left 3px no-repeat;
}
#searchbox {
margin-top : 3px;
margin-left : 5px;
margin-bottom : 3px;
background : none;
border: none;
width : 175px;
color : #CCCCCC;
font-size : 12px;
font-weight : bold;
}
#searchbutton {
width : 40px;
background : none;
border: none;
}
#searchbutton:hover {
cursor : pointer;
}
/*************** sponsors **************/
.sponsor {
margin-right : 0px;
margin-left : 15px;
padding : 0;
width : 655px;
height : 90px;
float : left;
background : #FFFFFF;
border-right : 5px solid #BBB;
border-left : 5px solid #BBB;
border-top : 5px solid #BBB;
}
#sponsor ul {
margin: 0 auto;
padding: 0 0;
overflow : auto;
float : left;
}
#sponsor li {
height : 90px;
width : 130px;
margin : 10px 4px 10px 3px;
text-align : left;
list-style : none;
float : left;
display : block;
}
#sponsor li a:link, .sponsor li a:visited {
text-decoration : none;
}	
#kwicks .kwick {
float : left;
display : block;
width : 130px;
height : 90px; 
padding-right : 1px; 
}
/******************* Customise ads images here**********************/
#kwick_ad1 {	
background : url(images/adsimage/slideads.png) no-repeat;
}
#kwick_ad2 {
background : url(images/adsimage/slideads.png) no-repeat;
}
#kwick_ad3 {
background : url(images/adsimage/slideads.png) no-repeat;
}
#kwick_ad4 {
background : url(images/adsimage/slideads.png) no-repeat;
}
/********************************Tabber********************************/
.tabberlive .tabbertabhide {
display : none;
}
.tabber {
}
.tabberlive {
margin : 0 0 8px 5px;
padding : 15px 5px 15px 5px;
width : 380px;
margin-top : 5px;
background : #FFFFFF;
}
ul.tabbernav {
margin :0;
padding : 3px 0;
border-bottom : 1px solid #778;
font : bold 12px Verdana;
}
ul.tabbernav li {
list-style : none;
margin : 0;
display : inline;
}
ul.tabbernav li a {
padding : 4px;
margin-right : 4px;
border : 1px solid #006DB2;
border-bottom : none;
text-decoration : none;
background: #FF9933;
}
ul.tabbernav li a:link {
color : #FFFFFF;
}
ul.tabbernav li a:visited {
color : #667667;
}
ul.tabbernav li a:hover {
color : #FFFFFF;
background : #006DB2;
border-color : #CCCCCC;
}
ul.tabbernav li.tabberactive a {
background-color : #006DB2;
}
ul.tabbernav li.tabberactive a:hover {
color : #FFFFFF;
background : #006DB2;
}
.tabberlive .tabbertab {
padding : 5px;
text-align : justify;
border : 1px solid #006DB2;
overflow : auto;
background : #006DB2;
color : #FFFFFF;
}
.tabberlive .tabbertab p {
color : #FFFFFF; 
margin : 8px;
line-height:16px;
}
.tabberlive .tabbertab a {
color : #FF9933; 
}
.tabberlive .tabbertab a:hover {
color : #00DDDD;
}
.tabberlive .tabbertab ul {
list-style-image : url(images/tag1.png);
margin: 10px 10px 15px 20px;
padding : 0;
}
.tabberlive .tabbertab ul li {
border-bottom : 1px dotted #ddd;
margin-left : 15px;
margin-right : 10px;
padding : 5px;
}
.tabberlive .tabbertab ul li ul {
list-style-type : none;
margin-left : 0.5em;
padding : 0;
border : 0;
}
.tabberlive .tabbertab ul li ul li {
margin : 0 5px 2px 0;
border-bottom : 1px dotted #ddd;
}
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/******************************date***************/
.month {
width : 50px;
padding : 0 3px 0;
text-align : center;
color : white;
background : url(images/date.png) top left no-repeat;
font-size : 12px;
float : left;
margin-right : 5px;
margin-left : 15px;
height : 49px;
}
.date {
display : block;
color : #006DB2;
padding : 1px 1px 0 1px;
font-size : 20px;
font-weight : bold;
}
/******************************content***************/
#content-container {
position : relative;
float : left;
width : 100%;
background : url(images/cbg.png);
}
.midcontent {
float : left;
width : 400px;
height : 90px;
background : url(images/mdcbg.png) no-repeat;
}
#topleftbanner {
margin-left : 15px;
width : 660px;
}
.content {
position : relative;
width : 655px;
text-align : justify;
float : left;
background : #FFFFFF;
margin : 0px 0px 10px 15px;
border-right : 5px solid #BBBBBB;
border-left : 5px solid #BBBBBB;
border-bottom : 5px solid #BBBBBB;
}
.title {
padding-top : 5px;
padding-bottom : 10px;
}
.title h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : normal;
padding : 0;
}
.title h2 a {
color : #232323;
text-align : left;
}
p.details {
font-size : 11px;
padding-left : 0;
}
p.details a:hover {
color : #ff9933;
}
h2.pagetitle {
text-align : center;
font-size : 16px;
color : #ff9933;
padding : 6px;
margin : 10px 15px 10px 15px;
background : #006db2 url(images/clear.png);
}
h2.page {
text-align : center;
font-size : 16px;
color : #ff9933;
padding : 6px;
background : #006db2 url(images/clear.png);
}
.post {
width : 620px;
margin : 0px 0px 20px 15px;
}
.post a img {
border : 0 solid;
}
.moretext {
font-size : 18px;
color : #006db2;
width : 200px;
height : 100px;
}
.postmeta {
height : 17px;
font-size : 11px;
margin-bottom : 4px;
text-align : right;
}
.postmeta a {
color : #0066cc;
}
.postmeta a:hover {
color : #003366;
}
.entry {
line-height : 22px;
}
.entry p {
margin-bottom : 10px;
}
.entry a {
color : #00a9ef;
text-decoration : none;
}
.entry a:hover {
color : #ff9933;
}
.entry ol {
margin : 0 0 10px 28px;
}
.entry ul {
margin : 0 0 10px 20px;
list-style-type : disc;
}
.entry h1, .entry h2, .entry h3 {
font-size : 12px;
color : #008000;
border-bottom : 1px solid;
margin-top : 25px;
margin-bottom : 5px;
}
.entry h2, .entry h3 {
font-size : 16px;
border-bottom : none;
}
.entry h3 {
font-size : 16px;
}
.entryinfo {
font-size : 12px;
text-align : left;
padding : 5px;
background : #dddddd;
}
.info {
text-align : left;
padding : 5px;
background : #dddddd;
}
p.postinfo {
color : #000000;
padding : 4px 10px;
font-size : 12px;
}
p.postinfo a {
color : #ff9933;
}
span.viewing {
padding : 0 0 3px 1px;
line-height : 15px;
}
span.folder, span.tag, span.comment, span.calendar, span.rss, span.author {
padding : 0 0 3px 19px;
line-height : 17px;
}
span.folder {
background : url(images/folder.png) no-repeat top left;
}
span.tag {
background : url(images/tag.png) no-repeat top left;
}
span.comment {
background : url(images/comment.png) no-repeat top left;
line-height : 21px;
}
span.calendar {
background : url(images/calendar.png) no-repeat top left;
line-height : 23px;
}
span.author {
background : url(images/author.png) no-repeat top left;
}
span.rss {
background : url(images/rss.png) no-repeat top left;
line-height : 21px;
}
#bottompostbanner {
margin-left : 15px;
width : 660px;
}
/*********************Previous/Next Page Navigation**********************************/
.prevnext {
text-align : center;
margin : -8px 15px 0 15px;
padding : 0 2px 40px 2px;
}
.prevnext a, .prevnext a:visited {
color : white;
font-size : 12px;
display : block;
width : 100px;
line-height : 30px;
margin : 0;
font-weight : bold;
background : #006db2 url(images/clear.png);
}
.prevnext a:hover {
color : #ffffff;
cursor : pointer;
}
.prevnext .alignright {
float : right;
}
.prevnext .alignleft {
float : left;
}
/******************************sidebar***************/
#rightcontent {
position : relative;
float : left;
width : 400px;
background : #bbbbbb;
margin : 0px 15px 0px 5px;
}
#ads125 {
text-align : justify;
width : 390px;
padding : 5px;
}
#leftsidebar {
text-align : justify;
width : 190px;
float : left;
padding : 5px;
}
#rightsidebar {
text-align : justify;
float : right;
width : 190px;
padding : 5px;
}
#sidebarwide {
text-align : justify;
width : 390px;
padding : 5px;
}
#sidebar_single {
float : left;
width : 380px;
margin-left : 5px;
padding : 5px;
}
#leftsidebar ul, #rightsidebar ul, #ads125 ul, #sidebarwide ul {
list-style-type : none;
margin : 0 0 5px 0;
padding : 0;
}
#leftsidebar ul li, #rightsidebar ul li, #ads125 ul li, #sidebarwide ul li {
background-color : #fff;
border-bottom : 1px dotted #ddd;
margin-bottom : 0.8em;
padding : 0.3em;
}
#leftsidebar ul li ul, #rightsidebar ul li ul, #ads125 ul li ul, #sidebarwide ul li ul {
list-style-type : none;
margin-left : 0.5em;
padding : 0;
border : 0;
}
#leftsidebar ul li ul li, #rightsidebar ul li ul li, #ads125 ul li ul li, #sidebarwide ul li ul li {
margin : 0 5px 2px 0;
border-bottom : 1px dotted #ddd;
}
#leftsidebar h2, #rightsidebar h2, #ads125 h2, #sidebarwide h2 {
font-size : 12px;
text-align : center;
padding : 5px;
margin : 5px 0 10px 0;
color : #ffffff;
background : #006db2;
}
#leftsidebar a, #rightsidebar a, #ads125 a, #sidebarwide a {
color : #006db2;
}
#leftsidebar a:hover, #rightsidebar a:hover, #ads125 a a:hover, #sidebarwide a:hover {
color : #ff9933;
}
#leftsidebar img, #rightsidebar img, #ads125 img, #sidebarwide img {
border : none;
}
/********************************** browse ***********************************/
.browse {
background : #006db2 url(images/clear.png) left 0%;
padding : 10px 0 10px 0;
margin : 0 15px 10px 15px;
text-align : center;
}
.browse a {
font-size : 12px;
color : #ff9933;
font-weight : bold;
}
.browse a:hover {
color : #fffff6;
}
/********************************** comments template ***********************************/
.commentlist blockquote {
margin : 0 15px 0 15px;
padding : 0 15px 15px 50px;
background : url(images/quote.png) no-repeat top left;
}
ul.commentlist {
list-style : none;
margin : 0 10px;
}
ul.commentlist li {
background : #efefef;
color : #000000;
width : 620px;
padding : 0 0 17px 0;
}
.commentlist li {
margin-bottom : 20px;
}
ul.commentlist li p {
line-height : 20px;
font-size : 12px;
margin : 0;
padding : 10px;
}
ul.commentlist li.alt {
background : #eeeeee;
color : #000000;
width : 620px;
padding : 0 0 15px 0;
}
ul.commentlist li.alt p {
line-height : 20px;
font-size : 12px;
margin : 0;
padding : 10px;
}
.commentlist cite {
padding : 7px;
display : block;
border-bottom : 4px double #ccc;
height : 40px;
}
.commentlist cite img {
padding : 1px;
border : 1px solid silver;
float : left;
margin : 0 10px 0 0;
height : 35px;
width : 35px;
}
.commentlist .author {
font : 14px bold Georgia, Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.commentlist .time {
background : url(images/clock.gif) no-repeat 1px 0%;
padding : 2px 0 0 20px;
}
#comments {
position : relative;
width : 450px;
height : 30px;
background : url(images/commentinfo.png) no-repeat;
padding : 10px;
margin-bottom : 10px;
margin-left : 15px;
}
#comments .number {
font-family : italic Georgia, Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
position : absolute;
top : 10px;
left : 5px;
width : 40px;
text-align : center;
color : #000000;
font-size : 24px;
font-weight : bold;
}
.cmeta {
margin : 5px 10px;
font-size : 12px;
}
.comment_form {
margin : 10px;
width : 620px;
background : url(images/commentform_bg.png) no-repeat top left;
color : #000000;
float : left;
font-size : 12px;
padding : 35px 0 0 10px;
}
.comment_form p {
font-size : 12px;
line-height : 30px;
color : #000000;
}
.comment_form input {
background : #eeeeee;
width : 220px;
margin : 5px 0;
color : #000000;
font-family : Segoe UI, tahoma, verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
padding : 5px;
}
textarea {
border : 1px solid #000;
background : #eeeeee;
color : #000000;
font-family : Segoe UI, tahoma, verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
width : 75%;
padding : 5px;
margin : 5px 0;
}
#submit {
background : #232323 url(images/clear.png);
font-family : Georgia, Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
color : #fffff6;
width : 220px;
margin : 15px 0;
padding : 6px;
font-size : 13px;
font-weight : bold;
}
#submit:hover {
cursor : pointer;
}
.commentnumber {
width : 45px;
height : 43px;
text-align : center;
background : url(images/nobg.png) no-repeat top left;
font-family : italic Georgia, Segoe UI, Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin-top : -40px;
float : right;
color : #ffffff;
font-size : 20px;
padding : 0 5px 0 0;
}
/****************bottomarea***************/
.bottomcontent1 {
float : left;
width : 366px;
height : 300px;
background : url(images/bottomcbgleft.png);
}
.bottomcontent2 {
float : left;
width : 368px;
height : 300px;
background : url(images/bottomcbg.png);
}
.bottomcontent3 {
float : left;
width : 366px;
height : 300px;
background : url(images/bottomcbgright.png);
}
.bottomcontent1 h2 {
font-family : Tahoma;
font-size : 12px;
text-align : center;
padding : 8px;
color : #fffff6;
margin : 0 0 10px 14px;
background : #232323 url(images/clear.png);
}
.bottomcontent2 h2 {
font-family : Tahoma;
font-size : 12px;
text-align : center;
padding : 8px;
color : #fffff6;
margin : 0 0 10px 0;
background : #232323 url(images/clear.png);
}
.bottomcontent3 h2 {
font-family : Tahoma;
font-size : 12px;
text-align : center;
padding : 8px;
color : #fffff6;
margin : 0 13px 10px 0;
background : #232323 url(images/clear.png);
}
.bottomcontent1 ul, .bottomcontent2 ul, .bottomcontent3 ul {
list-style : none;
display : block;
}
.bottomcontent1 ul li, .bottomcontent2 ul li, .bottomcontent3 ul li {
color : #ffffff;
}
.bottomcontent1 ul li ul, .bottomcontent2 ul li ul, .bottomcontent3 ul li ul {
list-style-type : none;
margin-left : 0.5em;
padding : 0;
border : 0;
}
.bottomcontent1 ul li ul li, .bottomcontent2 ul li ul li, .bottomcontent3 ul li ul li {
background : url(images/bullet.png) no-repeat left 5px;
line-height : 16px;
padding : 5px;
margin : 5px 25px 5px 25px;
border-bottom : 1px dotted #353535;
}
.bottomcontent1 a, .bottomcontent2 a, .bottomcontent3 a {
margin-left : 20px;
color : #ffffff;
}
.bottomcontent1 a:hover, .bottomcontent2 a:hover, .bottomcontent3 a:hover {
color : #ff9933;
}
.bottomcontent1 img, .bottomcontent2 img, .bottomcontent3 img {
border : none;
}
/******************************footer***************/
#footer {
padding : 10px 10px 12px;
height : 100px;
color : #cccccc;
text-align : left;
font-size : 11px;
background : url(images/footerbg.png) no-repeat;
}
#footer a {
color : #00a9ef;
}
#footer a:hover {
color : #ff9933;
}
#leftfoot {
text-align : left;
width : 650px;
float : left;
padding : 8px 0 0 0;
}
#rightfoot a {
text-decoration : none;
font-size : 15px;
float : right;
width : 150px;
padding : 8px 0 3px 10px;
}
#rightfoot a:hover {
color : #ff9933;
}