/*
Theme Name: Notes from the Nest
Theme URI: http://www.magnetstreet.com/store/home/market/524
Description:Design by <a href="http://www.magnetstreet.com/store/home/market/524" title="MagnetStreet">MagnetStreet</a>
Version: 1.0
Author: MagnetStreet Baby
Author URI: http://www.magnetstreet.com/store/home/market/524
License: General Public License (GPL)
*/


body{
	padding:0px;
	margin:0px;
	font-family: Lucida Sans Unicode, Verdana Tahoma, Arial, sans-serif;
	font-size:11px;
	background: #ABCFE0 url(images/babyPinstripe.gif) top left repeat;
}

img{
	border:0px;
}

a{
	color:#000000;
	text-decoration:none;
}


.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
	width:780px;
	text-align:left;
	top: 40px;
	position: relative;
}

.pagetitle {color: #8a3132;} 

/*header*/
div#page #header{
	width:100%;
	height:149px;
	background:url(images/header.png) no-repeat top transparent;
}

#logo {
position: absolute;
top: 0px;
margin: 0;
padding: 0;
background: transparent url(images/title.png) no-repeat 0 0;
width: 526px;
height: 167px;
overflow: hidden;
line-height: 1000px;}

/* h1 - TITLE if you don't want to use an image*/

#headerAvitar {
	z-index: 5;
	position: relative;
	top: 15px;
	left: -45px;
	height: 180px;
	width: 190px;
}

#headerLogo {	
	position: absolute;
	top:45px;
	left: 175px;
	padding: 0 0 0 0px;
	font-size: 1.45em;
	color: white;
}

#rss2 {
	text-align: right;
	height: 32px;
	padding-bottom: 5px;
	font-size: 12px;
}

#search {
	font: Trebuchet MS, Arial, sans-serif;
	width: 180px;
	text-align: center;
	display: inline;
}

#s {	
	color: #000000;
	width: 110px;
	font: Trebuchet MS, Arial, sans-serif;
	background: #ffffff;
	border: 1px solid #000000;
	display: inline;
}

#searchsubmit {
	color: #ffffff;
	background-color: #000000;
	border: 1px solid #000000;
	margin: 0px;
}

/* Menu */

#tabs1 {
  z-index: 2;
	width:100%;
	height: 28px;
	position: relative;
	top: -69px;
	text-align: right;
	background: #ccdb8e;
	font-size:12px;
	line-height:normal;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
}

#tabs1 ul {
      margin:auto;
      padding:0px 0px 0px 0px;
      list-style:none;
  }

#tabs1 li {
  display:inline;
  margin:0;
  }

#tabs1 a{
	float:left;
	margin:0;
	color: #ffffff;
	padding:0px 12px 3px 10px;
	text-decoration:underline;
 }

#tabs1 a:hover {
	float:left;
	color: #ffffff;
	margin:0;
	text-decoration:none;
}

#pageLinks {
	height: 15px;
	float: right;
	padding-top: 8px;
	
}

/*header text*/

div#header_text{
	width:100%;
	height:181px;
	background:url(images/header_text_bg.png) no-repeat top #FFFFFF;
}

div#header_text #header_text_title{
	padding-top:25px;
	padding-left:40px;
	color:#FFFFFF;
	text-align:left;
	font-size:23px;
}

div#header_text #header_text_text{
	padding-top:2px;
	padding-left:40px;
	color:#FFFFFF;
	text-align:left;
	font-size:10px;
	font-family:Arial, sans-serif;
	line-height:18px;
	width:55%;
}

/* blog*/

div#page #blog{
	background-color: #ffffff;
	border: 1px solid #000000;
}

/* SLIDEBAR Box Style */

.calendar {
	text-align:center;
	color: #5d0a05;}

.calendar a:hover {
	background: #5d0a05;
	color: white;
}

.calendar td {
height:15px;
padding:  0px 3px 0px 3px}

.calendar td a {
padding:  0px 3px 0px 3px;
background: #ffeccb;
display:block;
color:#5d0a05;
text-decoration:none;
line-height:15px;
}

#today {
	padding:  0px 3px 0px 3px
	background: #5d0a05;
	font-weight: bold;
	color: white;}

.calendar td a:hover {
display:block;
color: white;
background: #5d0a05;
text-decoration:none;
}

.boxed ul {
        list-style: none;
	padding:0 0 0 10px;
	margin:0;}

.boxed a {
	color: #99b25d;
	text-decoration: none;	
}

.boxed a:hover {
	color: #99b25d;
	text-decoration: underline;
}


.boxed li {
	background: none;
	display: block;
	line-height:1.40em;
	font-size:1.10em;
	padding: 1px 3px 1px 15px;
	font-weight: normal;
	color: #80654f;
} 


.boxed {
margin: 0px;
}

.boxed .title {
	height: 21px;
	text-align: left;
	font-size: 1.2em;
	color: #c88274;
	margin: 15px 0px 0px 0px;
	font-variant: small-caps;
	font-family: Georgia, Times New Roman, Times;
}




/* Content */

#content {
	width: 763px;
	margin: 0 auto;
	padding: 0 15px 30px 0px;
	*padding: 0 15px 130px 0px;
	background-color: #ffffff;
	border-left: 1px solid #ccdb8e;
	border-right: 1px solid #ccdb8e;
}

blockquote {
	margin: 5px;
	padding: 0px 5px 5px 35px;
	background: transparent url(images/quotes.gif) no-repeat ;
}

/* Content */

#main {
	width: 530px;
	padding: 45px 0px 0px 30px;
	float: left;
	position: relative;
	top: -50px;
	*top: 20px;
}



/* Sidebar */

#sidebar {
	width: 175px;
	float: right;
	padding: 10px 0px 10px 10px;
	border-left: 2px dotted #ABCFE0;
	position: relative;
	top: -50px;
	*top: 5px;
	color: #80654f;
}

.white
{color: white;}


.sidebarPic {
	float: right;
	margin: 3px;
}

/* Footer */

.spacer {
	clear: both;
}

#footer {
	height: 80px;
	line-height:1em;
	clear: both;
	color: #80654f;
	width: 780px;
	margin: 0 auto;
	font-size:0.95em;
	background: transparent url(images/footer.png) no-repeat top left;
	position: relative;
	z-index: 5;
}

#toastGlasses {
	position: absolute;
	right: 10px;
	top: -125px;	
}

#legal {
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	top: 15px;
}

#main h2 {
	margin-bottom: 0;
	font-size: 2em;
	text-decoration:none;
	padding: 1px 0px 0px 0px;
	font-variant: small-caps;
	font-family: Georgia, Times New Roman, Times;
	color: #c88274;
}

#main h2:hover {
	text-decoration: none;
	color: #c88274;
}

#main h2 a{
	color: #c88274;
}

.post a,  .post a:visited, 
{
color: #99b25d;
text-decoration:none;
}

.post a:hover 
{
text-decoration:underline;
}

.post-author, .post-date, .post-comm, .post-time, .post-cath, .post-edit
{	font-size: 1em;
	text-decoration:none;
	color: #c88274;	}

.entry {text-algin: justify;
	font-size: 1.10em;
	color: #000000}

.entry a {
	color:#b37b25;
	text-decoration:none;
}

.post-author {
	padding: 0 0 3px 0px;
}
.post-date {
	margin: 0px;
	padding: 0 0 3px 0px;
	color: #c88274;
	}
.post-comm {
	padding: 0 0 3px 20px;
	background: url(images/p_commen.gif) no-repeat 0 0;
	}

.post-time {
	padding: 0 0 3px 0px;
}
.post-cath {
	padding: 0 0 3px 0px;
}

.post-cath a {
	color: #99b25d;
}

.post-cath a:hover {
	text-decoration: underline;
}

.post-edit {
	padding: 0 0 3px 3px;
}

.post{
	border-bottom: 2px dotted #ABCFE0;
	margin:0 0 25px 0;
	padding-bottom: 10px;
}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #ccc;
background-color:#f7f7f7;
font-size:0.9em;
color:#505050;
}




/* Comments Styling */

.commtitle {
	color: #000000;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;
	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	padding: 7px 0px 5px 0px}


.leavecomm {
	color: #000000;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;
	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	padding: 7px 0px 5px 0px}

#comment {
margin-left:0px;
margin-bottom: 0em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
font: Arial, Verdana, Sans-Serif;
list-style-type: none;
}

#commentlist li {
	margin-left:0px;
	margin-bottom: 0em;
	padding-bottom: 1em;
	padding-top: 1em;
	border-bottom: 2px dotted #ABCFE0;
	list-style-type: none;
}

#commentform {margin-left:50px;
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {margin-left:50px;
background: white;
width: 280px;
border: 1px solid #CECECE;
}
#commentform textarea:hover {
	background: white;
}
#commentform textarea:focus {
background: white;
}

#commentform #email, #commentform #author, #commentform #url, #commentform #mcspvalue {
margin-left:50px;
font-size: 1.1em;
background: #fff;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover, #commentform #mcspvalue:hover {
font-size: 1.1em;
background: white;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus, #commentform #mcspvalue:focus {
font-size: 1.1em;
background: white;
width: 280px;
}
#commentform input {
margin-bottom: 3px;
}

.submit1 {
	color: #99b25d;
	font-weight: bold;
	margin-left:50px;
	width: 150px;
	cursor:hand;
	font-size:1.10em;
	background: #ebebe0;
	border: 1px solid #c88274;
}

.submit1:hover, .submit1:focus {
	background: #80654f;
}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 5px 25px 0 0;
	border-bottom: 0px solid #c88274;
	background: transparent url(images/comments.png) repeat-x top left;
	}
.alt {
	background: transparent url(images/comments.png) repeat-x top left;
}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #99b25d;
	}

.darkGold {
	color: #685C41;
}

.lightGold {
	color: #b37b25;
}

.lightGold:hover {
	text-decoration: underline;
	border: 0px;
}

/*	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.aligncenter {
	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 */
