/*

Theme Name: Beautiful Day SEO

Theme URI: http://www.kaushalsheth.com

Version: 1.0

Description: A soft and bright two-column template.<br /> SEO By <a href="http://mytypes.com/seoblogtemplates"> SEO Blog Templates</a>.

Author: Kaushal Sheth/<a href="http://mytypes.com">MyTypes</a>

Author URI: http://www.kaushalsheth.com

*/





/*#############################################################

Name: Beautiful Day

Date: 2006-11-12

Description: A soft and bright two-column template.

Author: Viktor Persson

URL: http://templates.arcsin.se



Feel free to use and modify but please provide credits.

#############################################################*/



/* standard elements */

html {min-height: 100%;}

* {

	margin: 0;

	padding: 0;

}



a {color: #963;}

a:hover {color: #C60;}



body {

	background: #CCD8E0 url('img/bg.jpg') repeat-x left bottom;

	color: #444;

	font-style:normal; font-variant:normal; font-weight:normal; font-family:Tahoma, sans-serif; font-size:62.5%;

}





p, code, ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1, #page_header, .post-header {

	font: bold 1.8em Tahoma,sans-serif;

	margin-bottom: 4px;

  border-bottom: 1px solid;

}



h2{

	font: normal 1.5em Tahoma,sans-serif;

	margin-bottom: 4px;

	border-bottom: 1px dotted;

}



code {

	background: #FFF;

	border: 1px solid #EEE;

	border-left: 6px solid #C1CAD3;

	color: #666;

	display: block;

	font: normal 1em Tahoma,sans-serif;

	line-height: 1.6em;

	margin-bottom: 12px;

	padding: 8px 10px;

	white-space: pre;

}



blockquote {

	background: url('img/quote.gif') no-repeat;

	display: block;

	font-weight: bold;

	padding-left: 28px

}



h1, h2, h3, #page_header, #blog_desc, .sidebar_header, #comments, #respond 

{padding-top: 6px; clear:both;}



/* misc */

.clearer {clear: both;}

.left {float: left;}

.right {float: right;}



/* structure */

.container {

	background: #FFF;

	font-size: 1.2em;

	margin: 0 auto;

	padding: 0 5px 5px;

	width: 997px;

}



/* header */

.top {

	background: url('img/clouds.gif') repeat-x;

	padding: 0;

	position: absolute;

	top: 0px;

}



/* title */

.header {

	background: #FFF;

	font-size: 1.2em;

	height: 100px;

	margin: 0 auto 0 auto;

	padding: 5px 5px 5px 5px;

	width: 997px;

}



.header_nav {

	background: #FFF;

	font-size: 1.2em;

	margin: 0px auto 0 auto;

	padding: 0px 5px 0px 5px;

	width: 997px;

}



.header .left, .header .right {

	background: #A4A4A0;

	color: #FFF;

	height: 100px;	

}



.header .left {

	background: #fcfbfb url('/images/topbg.jpg') repeat-x;

	/* line-height: 100px; width: 781px; */

	text-align: left;	

	width: 997px; font-style:normal; font-variant:normal; font-weight:normal; font-size:2.8em; font-family:Trebuchet MS, sans-serif;

}



.header .left h1 a, #page_header a

{

font: normal Tahoma,sans-serif;

font-size:30px;

color:#fff;

text-decoration:none;

vertical-align:middle;

/* line-height: 100px; */

}



.header .right {

	overflow: auto;

	width: 212px;

}



.header .right p, .header .right #blog_desc {padding: 0px; text-align: center;}

.header .right #blog_desc {padding-top: 5px; font: normal 1.6em "Trebuchet MS",sans-serif;}



.post .post-header a, .post .post-header a:visited

{

text-decoration:none;

}



.post .post-header a:hover

{

   text-decoration:underline;

}







/* navigation */

.navigation {	

	border-left:1px solid #CFDEE7; border-right:1px solid #CFDEE7; border-top:1px solid #DFEEF7; 

        border-bottom:1px solid #DFEEF7; background:#D9E1E5 url('img/nav.gif'); 

        height: 33px;

}



.navigation ul {

	white-space: nowrap;

	list-style-type: none;

}



.navigation li

{

   display:block;

   float: left;

}



.navigation a {

	background: #D9E1E5 url('img/nav.gif');

	border-right: 1px solid #AFBEC7;

	color: #456;

	display: block;

        float: left;

	line-height: 33px;

	text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.1em; 

        font-family:sans-serif; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0;

}



.navigation a:hover {background-position: left bottom; color: #234;}

/* main */

.main {

	border-top: 4px solid #FFF;

	/* background: url('img/bgmain.gif') repeat-y; */

}



/* sub navigation */

.sidenav {

	float: right;

	width: 210px;

        background-color: #f7f7f2;

}



.sidenav h2, .sidenav .sidebar_header {

	color: #5A5A43;

	font-size: 1em;

	line-height: 30px;

	margin: 0;

	padding-left: 12px;

}



.sidebar_header a, .sidebar_header a:visited{

	color: #5A5A43;

        text-decoration: none;

}



.sidenav ul {

	padding: 0;

	border-top: 1px solid #EAEADA;

}



.sidenav li {border-bottom: 1px solid #EAEADA;}



.sidenav li a {

	font-size: 1.1em;

	color: #554;

	display: block;

	padding: 8px 0 8px 20px;

	text-decoration: none;

/*	width: 95%; */

}



.sidenav li a:hover {

	background: #F0F0EB;

	color: #654;	

}





/* content */

.content {

	float: left;

	margin: 0px 0;

	padding: 0 0px 10px 10px;

	width: 765px;

font-size:1.2em;

	/*width: 531px;

        background-color: #fafafa; */

}



.content .descr {

	color: #664;

	font-size: 0.9em;

	margin-bottom: 6px;

}



.content li {

	margin-left: 18px; list-style-image:url('img/li.gif');

}



.content p {font-family: "Lucida Sans Unicode",sans-serif;}





/* footer */

.footer {

	background: url('img/bgfooter.gif') repeat-x;

	color: #FFF;

	line-height: 39px;

	text-align: center; font-style:normal; font-variant:normal; font-weight:bold; font-size:1em; 

        font-family:sans-serif;

}



.footer a, .footer a:hover {color: #FFF;}

.post{margin:0 0 25px 0;}

.post .info{

padding:2px 3px 3px 8px;

border:1px solid #e3e4e4;

background-color:#f5f5f5;

font-size:0.9em;

color:#505050;

}



.info a, .info a:visited

{

text-decoration:none;

}







.info a:hover

{

text-decoration:underline;

}



/* Comments Styling */

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}



#commentform {

margin: 1em 0;

background: #fafafa;

width: 280px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}



#commentform textarea:hover {

background: #FFFFFF;

border: 1px solid #d6d3d3;

}



#commentform textarea:focus {

background: #ffffff;

border: 1px solid #939793;

}







#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}



#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

  font-size: 1.1em;

  background: #ffffff;

  border: 1px solid #d6d3d3;

  width: 280px;

}



#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

  font-size: 1.1em;

  background: #ffffff;

  border: 1px solid #939793;

  width: 280px;

}



#commentform input{

  margin-bottom: 3px;

}



a img

{

  border:none;

}



/* Calenader Styling*/

#wp-calendar {color:#A0A0A0;}

.sidenav table caption {border-bottom-color:#00000;}

.sidenav table thead tr {

  border-bottom-color:#00000;

  color:#A53512;

}



.sidenav table th {border-bottom-color:#00000;}

.sidenav table td#today {

  border-color:#00000;

  color:#A53512;

}



.sidenav table td a {

  border-bottom-color:#00000;

  background-color:#EDF3DE;

}



.sidenav table tfoot {border-top-color:#00000;}

.sidenav table tfoot a {background:none;}



/* calendar



--------------------------------------------------*/



#wp-calendar {

  display:inline-table;

  border-collapse:collapse;

  width:185px;

  margin:0px 10px 0 10px;

  text-align:center;

}



.sidenav table caption {

  margin:-5px 10px 0 10px;

  padding-bottom:5px;

  border-bottom:1px solid;

  letter-spacing:0.1em;

}



.sidenav table thead tr {border-bottom:1px solid;}

.sidenav table th {border-bottom:1px solid;}

.sidenav table td {

  width:225px; /* maximaize width; honestly, I don't know much about tables... */

  padding:1px;

  font-size:0.9em;

}

.sidenav table td#today {

  padding:0;

  border:1px solid;

  font-size:1em;

  font-weight:bold;

}



.sidenav table td a {

  display:block;

  border-bottom:1px solid;

  font-weight:bold;

  font-size:1.15em;

}



.sidenav table tfoot {border-top:1px solid;}

.sidenav table tfoot a {

  border:none;

  font-weight:bold;

}



.sidenav table tfoot #prev a {text-align:left;}

.sidenav table tfoot #next a {text-align:center;}



.sidebar_header

{

  font-weight:bold;

}







#searchform

{

 padding:10px;

}



#comments

{

  font-size:1.3em;

  font-weight:bold;

}



#respond

{

  font-size:1.2em;

  font-weight:bold;

}



#topspace{

  height: 145px;

}



#wraper{

	width: 1007px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	position: relative;

}







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}

/* End Images */



/* Captions */

.aligncenter, div.aligncenter 

{

	display: block;

	margin-left: auto;

	margin-right: auto;
        clear: both;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 0 0 2px 0;

	-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 p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */

#adv_topwrap
{
    height: 20px;
    clear: both;
}

#adv_index_top
{
    float: left;
    padding-right: 15px;
}

#adv_single_top
{
    margin-bottom: 30px;
    width: 730px;
}

#adv_left{
   float: left;
   padding-right: 10px;
}

#adv_right{
   float: right;
   padding-left: 10px;
}

#adv_sidebar{
   padding: 0px 0 0px 15px;
}