﻿/*  
Theme Name: Saraswati
Theme URI: http://patrick.bloggles.info/themes/
Description: A 3-column theme with a clean and flickr or PicasaWeb gallery design. Customizable header images, fixed-width and widget-ready. Compatible with WordPress 2.7+
Author: Patrick
Author URI: http://patrickchia.com/
Version: 2.5.8
Tags: microformats, theme-options, custom-header, dark, yellow, white, black, threaded-comments, photoblogging

20/05/2010 fixed background image's width
25/05/2010 Subpage included, compressed css
*/

.itemtable{
	border:0px;
	padding:1px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, ar, 
b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family:verdana, 'Lucida Grande', arial, sans-serif;
 font-size:65%;
 text-align:center;
 line-height:1.3;

}
body {
background-color: #222;
background-image: url('images/bg.jpg') ;
background-repeat: repeat-x;
color: #333333;
}
#page {
width:960px;
 margin:0 auto;
 text-align:left;
 color:#111;
}
#header{
width:960px;
 float:left;
 position:relative;
}
#container{
width:920px;
 float:left;
 padding:0;
margin-left:9px;
background-color:#eee;
}
#rotating{
display:block;
 width:920px;
 height: 305px;
 padding:0;
 /*
background-image: url( "images/ss.jpg" ) ;
background-repeat: repeat-x ;
-moz-border-radius-topleft: 10px;
-khtml-border-top-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-khtml-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
*/
}
#gradient {
bottom: 0px;
background: url('images/gradient-darkx.png') repeat-x center bottom;
height: 305px;
padding:0;
}
#note{
float:right;
right:0;
top:0;
padding:0px;
margin-right:30px;
margin-top:0;
width: 224px;
height: 285px;
/*
background: #666 url('images/gradient-darkx.png') repeat-x 50% bottom;
-moz-border-radius-topright: 10px;
-khtml-border-top-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
*/
}
.search{
float:right;
padding-right:25px;
padding-top:25px;
}
.search input{
color: #ffe000;
padding: 3px;
border: solid 1px #ffe000;
background-color:#000;
width: 200px;
/*
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
*/
}
.search input:hover,.search input:focus {
color: #111;
border: solid 1px #fff;
background-color:#fff;
}
#note p{
font-size:1em;
font-weight:bold;
color:#000;
}
#note li{
list-style-type:none;
}
#note li a{
color:#000;
float:relative;
}
#content{
width:425px;
 float:left;
 padding:20px 19px 0 25px;
}
#secondary{
width:446px;
float:left;
font-size:1.2em;
background-color:#eee;
margin-bottom:20px;
}
#sidebar-1{
float:left;
width:188px;
padding:10px 0 0 10px;

}
#sidebar-2{
float:left;
width:225px;
padding:10px 0 0 10px;
}
#footer{
width:920px;
 float:left;
 clear:both;
}
.homelink{
font:34px/1 georgia, verdana, arial, sans-serif;
padding:11px 0 10px 19px;
text-transform:uppercase;
}
.homelink a{
color:#ffe000;
}
.homelink a:hover{
color:#ccc;
 text-decoration:none;
}
.description{
color:#ccc;
 margin-top:-10px;
 padding:0 0 10px 20px;
 font-size:12px;
 line-height:1;
 font-style:normal;
/*text-transform:uppercase;*/
}
#skip a{
padding:0.2em 0.3em;
 font-weight:bold;
 background:#e5e5e5;
 color:#444;
 display:block;
 text-decoration:none;
 position:absolute;
 top:0.5em;
 right:999em;
}
#skip a:first-letter{
text-decoration:underline;
}
#skip a:hover{
background:#ddd;
}
ul.menu{
float:left;
display:block;
padding-top:15px;
}
ul.menu li{
font:bold 12px/1 verdana, georgia, arial, sans-serif;
padding-top:5px;
width:120px;
}
ul.menu li a{
display:block;
 color:#fff;
 padding:8px;
background-color:#000;
/*
-moz-border-radius-topright: 8px;
-khtml-border-top-right-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
-khtml-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
*/
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
ul.menu li a:hover{
text-decoration:none;
 background:#888;
}
ul.menu li.current_page_item a{
color:#444;
 background:#fff;
 }
ul.menu li ul{
position:absolute;
visibility:hidden;
float:none;
width:120px;
margin-left:118px;
margin-top:-33px;
z-index:10000;
padding-left:5px;
}
ul.menu li:hover ul,ul.menu.iehover ul{
visibility:visible;
}
b, strong{
font-weight:bold;
}
i, em, dfn, .fn, cite{
font-style:normal;
}
dfn{
font-weight:bold;
}
abbr, acronym{
border-bottom:1px solid #ddd;
}
sup, sub{
font-size:0.7692em;
 line-height:1;
}
 sup{
vertical-align:super;
}
sub{
vertical-align:sub;
}
del{
text-decoration:line-through;
}
u, ins{
text-decoration:underline;
}
pre, code, tt{
font:1em/1.5385 consolas, 'Courier New', Courier, Monospace;
}
pre{
margin:0 0 1.5385em;
 padding:0.7692em 10px;
 border:1px solid #ddd;
 overflow:auto;
}
hr{
background:#ccc;
 color:#ccc;
 clear:both;
 float:none;
 width:100%;
 height:0.1em;
 margin:0 0 1.5385em;
 border:none;
}
blockquote{
margin:0 0 1.5385em;
 padding:0 0 0 40px;
 color:#555;
 background:url('images/quote.gif') no-repeat;
}
h1, h2, h3, h4, h5, h6{
font-weight:normal;
color:#066;
 font-family:georgia, verdana, arial, sans-serif;
 letter-spacing:-0.3px;
}
.entry-title{
font-size:2.2em;
 margin:0.9091em 0 0;
text-transform:uppercase;
 }
.page-title{
font-size:2.2em;
 margin:0 0 0;
text-transform:uppercase;
 }
.page .entry-title, .page-template .entry-title{
text-align:center;
}
.page-title{
text-align:center;
 margin-bottom:0.9091em;
}
.sidebar h2{
font-size:1.2em;
}
.entry-content h1, .entry-content h2{
font-size:1.5385em;
 line-height:1;
 margin:1.5em 0 0.5em;
}
.entry-content h3{
font-size:1.3846em;
 line-height:1.1111;
 margin:1.66665em 0 0.55555em;
}
.entry-content h4{
font-size:1.2308em;
 font-weight:bold;
 line-height:1.25;
 margin:1.875em 0 0.625em;
}
.entry-content h5, .entry-content h6{
font-size:1em;
 font-weight:bold;
 margin:2.30775em 0 0.76925em;
}
.looped .entry, .single .entry{
border-bottom:1px dashed #ddd;
}
.entry-content{
font-size:1.2em;
 line-height:1.5385;
 margin:1.5385em 0 0;
 color:#444;
text-align: justify;
}
.entry-content p{
margin:0 0 1.5385em;
}
.entry-content li ul{
margin:0 0 0 30px;
}
.entry-content li ol{
margin:0.5385em 0 0.9999em 30px;
}
.entry-content ul, .entry-content ol{
margin:0 0 1.5385em 30px;
}
.entry-content ul{
list-style-type:none;
}
.entry-content li ul{
list-style-type:none;
}
.entry-content ol{
list-style-type:none;
}
.entry-content li ol{
list-style-type:none;
}
.entry-content dl{
margin:0 0 1.5385em;
}
.entry-content dl dt{
font-weight:bold;
}
.entry-content dd{
margin:0 0 1.5385em;
}
.entry-content address{
margin:0 0 1.5385em;
 font-style:normal;
}
.entry-date{
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
display:block;
width:50px;
height:50px;
float:left;
background-color:#eee;
padding:6px;
margin-top:0;
margin-bottom:10px;
margin-right:10px;
-moz-border-radius: 20%;
-khtml-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align:center;
font-family: arial;
 sans;
font-size: 19px;
font-weight:bold;
color: #000;
}
.entry-byline{
color:#777;
 font:normal 1.1em georgia, sans-serif;
}
.entry-byline address{
display:inline;
}
.entry-meta{
margin:2.4999em 0 0.8333em;
 font:normal 1.3em/1.6666 georgia, sans-serif;
 color:#555;
}
.entry-categories{
background:transparent url('images/post.gif') no-repeat left 50%;
padding-left:20px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
img.alignleft, div.alignleft{
margin:0 15px 3px 0;
 display:inline;
}
img.alignright, div.alignright{
margin:0 0 3px 15px;
 display:inline;
}
.aligncenter, div.aligncenter {
display:block;
 margin:0 auto 1.5385em;
}
img.border{
padding:4px;
 border:1px solid #ccc;
 background:#eee;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
.center{
text-align:center;
}
.wp-caption {
text-align:center;
 padding-top:4px;
}
.wp-caption img {
margin:0;
 padding:0;
 border:0 none;
}
.wp-caption p.wp-caption-text {
color:#555;
 padding:4px;
 margin:0;
 font:normal 0.923em/1.6666em georgia, verdana, sans-serif;
}
.entry-content .attachment a,.entry-content .gallery a,.entry-content .attachment a:hover,.entry-content .gallery a:hover {
border:none;
}
.attachment img, .attachment-thumbnail, .entry-content .gallery img{
padding:2px;
 border:1px solid #ccc;
}
.attachment img:hover, .attachment-thumbnail:hover, .entry-content .gallery img:hover{
border:1px solid #888;
}
img.attachment-thumbnail{
width:147px;
}
.attachment{
text-align:center;
}
.entry-content table{
margin:0 0 1.5385em;
 border-collapse:collapse;
 color:#444;
 width:80%;
}
.entry-content th{
font-weight:bold;
 background:#ccc;
}
.entry-content th, .entry-content td{
padding:0.2em 10px;
}
.entry-content td{
border:1px solid #ccc;
}
.entry-content tbody tr:hover{
background:#ddd;
}
.entry-content tfoot{
background:#ddd;
}
#rss-links{
height:32px;
margin:0 0 1em 0;
 -moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#rss-links p{
margin:0 0 0 65px;
 padding:8px 5px;
 font:bold 13px georgia, verdana, sans-serif;
}
.rss{
background:#eee url('images/rss.png') no-repeat 2% 47%;
}
.twitter{
background:#eee url('images/twitter-trans.png') no-repeat 2% 47%;
}
div#search{
height:22px;
 border-top:1px solid #aaa;
 border-bottom:1px solid #aaa;
 margin:0 0 1em 0;
 background:#ccc;
 padding:5px 5px 5px 6px;
}
#s-input{
border:1px solid #fff;
 margin-right:4px;
 font-size:12px;
 height:16px;
 padding:2px;
 vertical-align:top;
}
.entry #s-input{
border-color:#888;
}
#submit, #s-submit {
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border:1px solid #ccc;
background:#eee;
color:#000;
 font-size:10px;
font-weight:bold;
padding:5px;
}
#submit:hover, #s-submit:hover{
border:1px solid #333;
background:#ccc;
}
#s-input, #submit, #s-submit{
font-family:verdana,arial, sans-serif;
}
.pagenav, .widget {
font-size:1em;
line-height:1.5;
margin:0 0 1em;
padding:15px 20px 15px 0;
background:#fff;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
/*
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
*/
color: #333;
}
.pagenav li, .widget li{
margin:0.1667em 0;
 padding:0;
}
.pagenav ul li, .widget ul li {
border-bottom: solid 1px #fff;
margin-left:20px;
padding-bottom:5px;
}
.pagenav h2, .widget h2{
padding:0 0 0 20px;
 line-height:1.8;
 color:#990000;
 text-transform:uppercase;
 font-weight:bold;
font-size:14px;
}
.pagenav ul li a, .widget ul li a {
color:#808080;
text-decoration:none;
}
.pagenav ul li a:hover, .widget ul li a:hover {
color:#663300;
}
#calendar_wrap{
padding:0 0 0 18px;
}
#wp-calendar{
width:95%;
 margin:0;
}
#wp-calendar caption{
font-weight:bold;
}
#wp-calendar th{
background:#ccc;
}
#wp-calendar th, #wp-calendar td{
text-align:center;
 padding:0.25em 0;
}
#wp-calendar td{
font-size:0.9em;
 color:#666;
border:solid 1px #fff;
}
#wp-calendar a{
font-weight:bold;
}
.navigation{
font-size:1.2em;
 text-align:center;
 padding:1.8181em 0;
}
.navleft, .gnavleft{
float:left;
 width:50%;
 text-align:left;
}
.navright, .gnavright{
float:right;
 width:50%;
 text-align:right;
}
.gnavigation{
padding:0 0 2em;
}
#footer{
margin:0 0 10px;
background-color:#fff;
 border-top:0px solid #ccc;
 border-bottom:1px solid #ccc;
 padding:20px 0;
 font:12px/20px georgia, verdana, snas-serif;
}
#footer .left{
width:50%;
 float:left;
 text-align:left;
}
#footer .right{
width:50%;
 float:right;
 text-align:right;
}
.clear{
margin:0;
 padding:0;
 clear:both;
}
#comments{
width:480px;
font-size:100%;
}
.nocomments{
text-align:center;
 padding:1.25em 0;
 font-size:1.6em;
 border-top:1px dashed #ddd;
}
#comments h3{
font-size:1.5em;
 text-transform:uppercase;
 font-weight:normal;
 line-height:1;
}
h3.comments-number{
margin:0 auto 1.5em;
 padding-top:1em;
 border-top:1px dashed #ddd;
}
h3#respond{
margin:0 0 0.5em;
 font-size:1em;
}
.commentlist{
margin:0 0 4em;
padding: 10px;
border: solid 1px #ccc;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: url('images/gradient-grey.png') repeat-x center top;
}
.commentlist li{
margin:0 0 1em;
 padding:0.5em 5px;
 position:relative;
}
.ccount{
font-size:1.3em;
 position:absolute;
 right:10px;
}
.commentauthor{
font:bold 1.5em/1 georgia, arial, sans-serif;
}
.comment-meta, #comments p, .commentlist p{
font:normal 1.3em/1.6666 georgia, sans-serif;
 color:#555;
}
.comment-content p{
margin:1.8181em 5px 1.8181em 0;
}
.alt{
background:#ececec;
padding:15px;
}
.authorcomment{
background:#ddd;
}
.avatar{
float:right;
padding-right:7px;
}
.reply a{
display:block;
font-weight: bold;
text-decoration: none;
text-align:center;
padding: 5px;
text-decoration:none;
margin-top:15px;
margin-bottom:15px;
background-color: #ddd;
width:50px;
border: solid 1px #ccc;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: url('images/gradient-grey.png') repeat-x center top;
}
.cancel-comment-reply{
float:right;
}
.comment-author-admin{
background: #CD8C95;
color:#fff;
}
#commentform{
margin:0 0 4em 0;
}
#commentform p{
margin:0 0 1em 0;
}
#commentform textarea, #commentform input[type=text]{
font:1.2em verdana, Courier, Monospace;
 padding:3px;
 border:1px solid #ccc;
 color:#666;
}
#commentform textarea:focus, #commentform input[type=text]:focus{
color:#000;
 border-color:#888;
}
#commentform label{
font-size:1em;
}
#commentform textarea{
width:90%;
}
#commentform input[type=text]{
width:45%;
}
#commentform #submit{
height:30px;
 padding:3px 6px;
}
a{
text-decoration:none;
 color:#066;
}
a:hover{
text-decoration:underline;
}
.entry-title a:hover, .entry-byline a:hover, .navigation a:hover{
color:#000;
text-decoration:none;
}
entry-byline a{
color:#777;
}
.entry-content a:hover{
}
#content.page-template .entry-content a{
text-decoration:none;
 font-weight:normal;
}
#content.page-template .entry-content a:hover{
text-decoration:underline;
}
#footer a:hover{
}
.gnavigation a:hover{
border-bottom:none;
}
.comments-link{
font:normal 1.2em/1.6666 georgia, sans-serif;
background:transparent url('images/packaged.gif') no-repeat left 50%;
padding-left:20px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#simplegallery{
position: relative;
visibility: hidden;
}
#simplegallery .gallerydesctext{
text-align: left;
padding: 2px 5px;
}
