/*  

Theme Name: The entwining of two lives

Theme URI: http://webhostinggeeks.com

Description: A Wordpress Theme For Your Blog <br> - Designed by <a href="http://webhostinggeeks.com">Web Hosting Geeks</a> 

Author: Web Hosting Geeks

Author URI: http://webhostinggeeks.com

� 2008, Web Hosting Geeks. All rights reserved. 

*/









/* Begin Typography & Colors */

body

{

	background: #0688c9 url(images/body-bg.jpg) repeat-x top;

	color: #333333;

	font-size: 65%;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

}



#page

{

	background-color: #0165a3;

	text-align: left;

        padding: 0;

        margin: 0;

}



#header

{

	background-color: #333333;

}



#content

{

	font-size: 12px;

	line-height: 1.3em;

}



.alt

{

	background-color: #f5fafd;

	text-align: justify;

	border: 1px solid #dbeff8;



}





small

{

	font-size: 1.0em;



}



h1, h2, h3, h2.pagetitle

{

	font-family: verdana;

	font-weight: lighter;

}



h1

{

	font-size: 2.6em;

}



.description

{

	margin:0px;

        padding: 0px;

	font-size: 1.1em;

	padding: 0px 0px 0px 370px;

}



h2

{       font-size: 1.6em;

	padding: 2px 0px 2px 0px;

	border-bottom: 3px solid #3399cc;

	font-weight: bold;

        color: #3399cc;

}



h2.pagetitle

{

	font-size: 1.2em;

	font-weight: bold;

}



#sidebar h2

{

	font-size: 1.2em;

}



h3, h3.pagetitle

{

	font-size: 1.15em;

	font-weight: bold;

}



h1, h1 a, h1 a:hover, h1 a:visited

{

	color: #fefefd;

	text-decoration: none;

}



#headerimg .description

{

	color: #fefefd;

	text-decoration: none;

}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited

{

	color: #3399cc;

	font-weight: bold;

}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite

{

	text-decoration: none;

	font-weight: bold;

}



.commentlist li, #commentform input, #commentform textarea

{

	font: 0.9em Verdana, Arial, Sans-Serif;

}



.commentlist li

{

	font-weight: bold;

}



.commentlist cite, .commentlist cite a

{

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

}



.commentlist p

{

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

}



.commentmetadata

{

	font-weight: normal;

}



#sidebar

{

	font: 1.0em Verdana, Arial, Sans-Serif;

	color: #333333;

}



.ad200 {

	text-align: center;

}

#sidebar ul, blockquote,.nocomments,strike, cite, small

{

	color: #333333;

}



code

{

	font: 1.1em 'Courier New' , Courier, Fixed;

}



acronym, abbr, span.caps

{

	font-size: 1.0em;

	letter-spacing: .07em;

}



h2 a:hover {

	color: #3399cc;

	text-decoration: none;

	font-weight: bold;

}



a,h3 a:hover



{

	color: #3399cc;

	text-decoration: none;

	font-weight: bold;

}



a:hover

{

	color: #3399cc;

	text-decoration: none;

}



/* End Typography & Colors */





/* Begin Structure */

body

{

	margin: 0;

	padding: 0;

}



#page

{

	background: url(images/page-bg.jpg) repeat-y;

	margin: 0px auto;

        margin-left: auto;

        margin-right: auto;

	padding: 0px;

	width: 850px;

	border-left: 3px solid #fefefd;

	border-right: 3px solid #fefefd;

}



#header

{

	background: url(images/header.jpg) no-repeat;

	height: 240px;

	margin: 0px auto;

        margin-left: auto;

        margin-right: auto;

	padding: 0px;

	width: 100%;

}



.ad468 {

	padding: 140px 0px 0px 348px;

}



#headerimg

{

	margin: 0px;

	padding: 0px;

	height: 380px;

	width: 100%;

}



.narrowcolumn

{

        margin: 0px;

	padding: 0px;

	width: 575px;

        display: inline;

	text-align: left;

	float: right;

        margin-right: 20px;

}



.post

{

	margin: 0px;

	padding: 0px 15px 15px 15px;

/*	text-align: justify; */

}







.narrowcolumn .postmetadata

{

	background: url(images/comment-icon.gif) no-repeat bottom right;

	border-top: 3px solid #3399cc;

	margin: 0px;

        padding: 5px 25px 0px 0px;

	text-align: right;



}



.narrowcolumn .postmetadata a 

{



          color: #3399cc;

          text-decoration: none;

	font-weight: normal;

}



.narrowcolumn .postmetadata a:hover 

{



          color: #3399cc;

          text-decoration: none;

}



.narrowcolumn .postdata

{

	border-top: 3px solid #dbeff8;

	margin: 30px 0px;

        padding-top: 5px;

        padding-right: 15px;

}

.more

{

		padding:8px 5px 5px 0px;

}









#footer

{

	background: url(images/footer.jpg) no-repeat;

	width: 850px;

        height: 63px;

        margin: 0px auto;

	clear: both;

	text-align: left;

	padding: 0;

}



#footer a, footer a:link {

	color: #f6fbe8;

        text-decoration: none;

	font-size: 1.0em;

	font-weight: normal;

}



#footer a:hover {

	color: #f6fbe8;

        text-decoration: underline;

	font-size: 1.0em;

	font-weight: normal;

}



#footer p

{       	color: #f6fbe8;

        margin: 0px auto;

	padding: 45px 0px 0px 378px;

	text-align: left;

	font-size: 1.0em;

}



/* End Structure */







/*	Begin Headers */

h1

{

	margin: 0px;

	padding: 100px 0px 0px 368px;

	font-weight: bold;

}



h2

{


	margin: 0px 0px 0px 0px;

}



h2.pagetitle

{

	margin: 10px 0px 5px 45px;
	font-weight:normal;
	font-size:22px;
	padding: 0 0 10px 0;

}



h3.pagetitle

{

	margin: 10px 0px 15px 25px;

}



#sidebar h2

{

	font-family: Arial, Helvetica, sans-serif;

	color: #3399cc;

	font-weight: normal;

	margin: 0px;

	padding: 10px 0px 0px 0px;


	border-top: 0px solid #fefefd;

	border-bottom: 0px solid #fefefd;

	background: url(images/nav/bg.jpg) no-repeat;
	
	height:39px;
	text-align:center;
		font-weight:normal;
	font-size:18px;


}

#sidebar h2 a{
	font-weight:normal;
	font-size:18px;
}

h3

{

	padding: 0px;

	margin: 30px 0px 10px 0px;

}



h3.comments

{

	padding: 0;

	margin: 20px 0px 20px 0px;

}



/* End Headers */







/* 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 */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul 

{

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	} 



html>body .entry li 

{

	margin: 7px 0 8px 10px;

}







.meta li, 

ul.post-meta li { 

                  display: inline;

                  }



.meta ul { 

           display: inline;

           list-style: none;

           margin: 0;

           padding: 0;

	font-size: 1.0em;

           }



.meta a { 

          color: #3399cc;

        font-weight: normal;

          text-decoration: none;

	font-size: 1.0em;

          }

.meta a:hover { 

	font-size: 1.0em;

          text-decoration: underline;

          }

.meta { font-size: 1.0em;

        color: #333333;

        font-weight: normal;

        letter-spacing: 0;



        }





.entry ul li:before {

	content: "\00BB \0020";

}



.entry ol 

{

	padding: 0 0 0 25px;

	margin: 0;

}



.entry ol li 

{

	margin: 0;

	padding: 0;

}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;



          color: #3399cc;

          text-decoration: none;

	}



#sidebar ul, #sidebar ul ol

{

	margin: 0px 5px 10px 0px;

	padding: 0;

}



#sidebar ul li 

{

	list-style-image:  url(images/sidebar-icon.gif);

	margin: 3px 0px 3px 15px;

	padding: 0px;

}





#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul ol li a:link, #sidebar ul ol li a:visited{

  font-size        : 11px;

  font-weight      : bold;

  text-decoration  : none;

  color            : #e5f4fa;

}

#sidebar ul li a:hover, #sidebar ul ol li a:hover {

  font-size        : 11px;

  font-weight      : bold;

  text-decoration  : underline;

  color            : #fefefd;

	}



#sidebar ul p, #sidebar ul select 

{

	margin: 0;

}



#sidebar ul ul, #sidebar ul ol

{

	margin:  0px;

}



#sidebar ul ul ul, #sidebar ul ol, #sidebar ul ul ul, #sidebar ul ol,#sidebar ul ul ul, #sidebar ul ol

{

	margin:  0px;

}



ol li, #sidebar ul ol li

{

	list-style: none;

}



#sidebar ul ul li, #sidebar ul ol li

{

        margin-left:10px;

	padding:0px;

}



/* End Entry Lists */







/* Begin Form Elements */







.entry form

{

	/* This is mainly for password protected posts, makes them look better. */

	text-align: center;

}



#commentform input

{

	background-color: #f5fafd;

	border: 1px solid #dbeff8;

	color: #333333;

	width: 170px;

	margin: 5px 5px 1px 0;

	padding: 2px;

}



#commentform textarea

{

	background-color: #f5fafd;

	border: 1px solid #dbeff8;

	color: #333333;

	width: 490px;

	padding: 2px;

}



#commentform #submit

{

	background: #007bb7;

	border-top: 1px solid #007bb7;

	border-left: 1px solid #007bb7;

	border-right: 1px solid #007bb7;

	border-bottom: 1px solid #007bb7;

	color: #aedbee;

	float: left;

}



/* End Form Elements */







/* Begin Comments*/

.alt

{

	margin-top: 10px;

	padding: 10px;

}



.commentlist

{

	padding: 0;

	text-align: justify;

}



.commentlist li

{	

	margin: 0px 0px 0px 0px;

	padding: 10px;

	list-style: none;

}



.commentlist p

{

	margin: 10px 0px 10px 0px;

}



#commentform p

{

	margin: 10px 0px 0px 0px;

}



.nocomments

{

	text-align: center;

	margin: 0;

	padding: 0;

}



.commentmetadata

{

	margin: 0 10px 0 0px;

	display: block;

}



#h3

{

	padding: 0;

	margin: 0 10px 0 0px;

}

/* End Comments */







/* Begin Sidebar */



#sidebar

{

	margin: 0px 0px 0px 18px;

        padding: 10px;

	width: 200px;

	text-align: left;

	float: left;

        display: inline;

        background: #3399cc;

	border: 5px solid #fefefd;



}





#sidebar form

{

	text-align: left;

	margin: 0px 0px 8px -3px;

}

/* End Sidebar */





/* Begin Various Tags & Classes */

acronym, abbr, span.caps

{

	cursor: help;

}



acronym, abbr

{

	border-bottom: 1px solid #dbeff8;	

}



blockquote

{

	margin: 15px 15px 15px 0px;

	padding-left: 40px;

	background-repeat: no-repeat;

        background-position: top left;

}



blockquote cite

{

	margin: 5px 0 0;

	display: block;

}



.center

{

	text-align: center;

}



hr

{

	display: none;

}

img

{

	border: 0px;

        margin: 5px;

}





a img

{

	border: 1px solid #cd7816;

        margin: 5px;

        padding: 3px;

}





.navigation

{

	display: block;

	text-align: center;

	padding: 10px 25px 20px 25px;

	margin: 0px;

}



/* End Various Tags & Classes*/



.booktitle{
	width:200px;	
}
#whoknew{
	margin: 0 0 10px 0;
	
	
}