/*  
Theme Name: Notebook 2.0
Theme URI: http://www.shutuped.com
Description: E.R.Ellsworth
Version: 2.0
Author: E.R.Ellsworth
Author URI: http://www.erellsworth.com

*/

body 
{  
	background-color:#B9D3B6;
	background-image:url('images/Background.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family: "Lucida Sans", Verdana, "Franklin Gothic Medium", Helvetica, Arial, sans-serif;
	font-size:medium;
	color:#000000
}

#wrapper 
{  
	margin: 0 auto 0 auto; /* This centers the main div */
	width: 793px;
	height: 100%;
}

#SubWrapper
{
	background-image:url('images/mainbackground.jpg');
	width:793px;
	height:100%;
	float:left
}

/* ---------------Header Styles--------- */
#header 
{  

	background-color:E6E6E6;
	background-image:url('images/header.jpg');
	background-repeat:no-repeat;
	
	margin: 0 auto;	
	width: 793px;
	height: 150px; background-position-y:50%
}

.logo
{
float:left;
border:none;
}

/* ---------------Top Menu--------- */

#menu 
{
	filter:alpha(opacity=80);
	opacity:0.80;
	padding-top:55px;
	float:right;
}

#menu li
{
list-style-type:none;
display:inline;
}

#menu li a:link
{
color:#000000;
text-decoration:none;
font-weight:bold;
padding-top:54px;
}

#menu li a:visited
{
color:#333333;
text-decoration:none;
font-weight:bold;
padding-top:54px;
}

#about a:link
{
background-image:url('images/about-hover.jpg');
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px; background-position-y:50%
}

#about a:hover
{
background-image:url('images/about-icon.jpg');
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px; background-position-y:50%
}

#about a:visited
{
background-image:url('images/about-hover.jpg');
background-repeat:no-repeat;
padding-left:5px;
padding-right:5px; background-position-y:50%
}

#writing a:link
{
background-image:url('images/writing-hover.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#writing a:hover
{
background-image:url('images/writing-icon.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#writing a:visited
{
background-image:url('images/writing-hover.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#design a:link
{
background-image:url('images/design-hover.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#design a:hover
{
background-image:url('images/design-icon.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#design a:visited
{
background-image:url('images/design-hover.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#photo a:link
{
background-image:url('images/photo-hover.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#photo a:hover
{
background-image:url('images/photo-icon.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#photo a:visited
{
background-image:url('images/photo-hover.jpg');
background-repeat:no-repeat;
padding-left:15px;
padding-right:15px; background-position-y:50%
}

#news a:link
{
background-image:url('images/news-hover.jpg');
background-repeat:no-repeat;
padding-left:20px;
padding-right:20px; background-position-y:50%
}

#news a:hover
{
background-image:url('images/news-icon.jpg');
background-repeat:no-repeat;
padding-left:20px;
padding-right:20px; background-position-y:50%
}

#news a:visited
{
background-image:url('images/news-hover.jpg');
background-repeat:no-repeat;
padding-left:20px;
padding-right:20px; background-position-y:50%
}

#blog a:link
{
background-image:url('images/blog-hover.jpg');
background-repeat:no-repeat;
padding-left:25px;
padding-right:25px; background-position-y:50%
}

#blog a:hover
{
background-image:url('images/blog-icon.jpg');
background-repeat:no-repeat;
padding-left:25px;
padding-right:25px; background-position-y:50%
}

#blog a:visited
{
background-image:url('images/blog-hover.jpg');
background-repeat:no-repeat;
padding-left:25px;
padding-right:25px; background-position-y:50%
}

/* ---------------Side Bar Styles--------- */


div.sidebar 
{
	filter:alpha(opacity=80);
	opacity:0.80;
	text-align: left;
	float:left;
	width:150px;
}

ul
{
	list-style-type:none;

	padding-left:0px;
}

li
{
	list-style-type:none;

	padding-left:0px;
}

div.sidebar h2
{
	background-image:url('images/speachbubble.png');
	background-repeat:no-repeat;
	font-size:105%;
	font-variant:small-caps;
	color:#000000;
	vertical-align:middle;
	text-align:left;
	width:150px;
	height:50px;
	margin-left:-15px;
	padding-left:15px
}

div.sidebar a:link
{
	font-family:"Courier New", Courier, monospace;
	font-size:100%;
	text-decoration:none;
	color:#003366;
	background-image:url('images/sidelinks.png');
	background-position: left 50%;
	background-repeat:no-repeat;

	margin-left:-15px; padding-left:5px; padding-right:0px; padding-top:5px; padding-bottom:5px
}

div.sidebar a:active
{
	font-family:"Courier New", Courier, monospace;
	background-color:#CC0000;
	color:#FFFFFF;
}

div.sidebar a:visited
{
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
		background-image:url('images/sidelinks.png');
	background-position: left 50%;
	background-repeat:no-repeat;

	color:#000000;
	margin-left:-15px

}

div.sidebar a:hover
{
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#990000;
}

.admin
{
font-size:70%;
}

/* ---------------Post Styles--------- */



#PostContainer
{  
	float:right;
	width: 614px;
	height:100%;
	background-image: url('images/PostTop.jpg'); 
	background-repeat: no-repeat;
	background-color:#A4C2DB;
	margin-right:3px;
}


div.post h2 
{  
	background-image: url('images/PostTop.jpg'); 
	background-repeat: no-repeat;
	background-position:top;
	text-align:center;
	font-size:115%;
	height:60px;
	padding-left:10px;
	padding-top:15px;
	
}

div.post h2 a
{
	color:#000000;

	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:1px;
	border-left-width:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
	padding:1px 5px 1px 5px;
	
}

a.posttitle:active
{
	color: #ffff77;
	background-color: #000000;
}

a.posttitle:visited
{
	color: #000000;
	background-color:#CCCCCC;
	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:1px;
	border-left-width:1px;
	border-style:solid;
	border-color:#000000;
	text-decoration:none;
	padding:1px 5px 1px 5px;
}

a.posttitle:hover
{
	color: #dd3300;
	background-color: #000000;
}

.date
{
	font-size:105%;
	text-align:center;
	width:50%;
	margin: -20px auto 0 auto;
}

div.entry
{

	background-color:#A4C2DB;
	padding:5px;
	text-indent: 10px; 	
}

p.postmetadata
{
	height: 30px;
	background-color:#99CCFF;
	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:0px;
	border-left-width:0px;
	border-style:solid;
	border-color:#6699FF;
}

p.postmetadata a:link
{
	text-decoration:none;
	color:#990000;
}

p.postmetadata a:hover
{
	color: #dd3300;
	font-weight:bold;
}

p.postmetadata a:active
{
	color: #dd3300;
	background-color: #ffffdd;
}

p.postmetadata a:visited
{
	color:#006600;
	text-decoration:none;
}

.navigation
{
	float:right;
	font-family:"Courier New", Courier, monospace;
}
.navigation a:link
{
	color:#000000;
	text-decoration:none;
	padding:2px;

	background-color:#FFFFFF;
	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:1px;
	border-left-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:2px;
}

.navigation a:active
{
	color: #ffff77;
	background-color: #000000;
}

.navigation a:visited
{
	color:#000000;
	text-decoration:none;
	background-color:#CCCCCC;
	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:1px;
	border-left-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:2px;
}

.navigation a:hover
{
	color: #dd3300;
	font-weight:bold;
	background-color:#000000;
}

/* ---------------Comment Styles--------- */


div.comments-template h3
{
	background-image: url('Images/comment%20header.jpg'); 
	background-repeat: no-repeat;
	background-color: #000000;

	font-family:"Lucida Sans", Verdana, "Franklin Gothic Medium", Arial;	
	font-size: 110%;
	padding:3px;
	color:#FFFFFF

}

.commentlist li p
{
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	background-image:url('images/comment-topper.jpg');
	background-repeat:no-repeat;
	background-color:#809EAD;
	width:490px; padding-left:10px; padding-right:0px; padding-top:50px; padding-bottom:5px
}

li.alt p
{
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	background-image:url('images/alt-comment-topper.jpg');
	background-repeat:no-repeat;
	background-color:#7CA081;
	width:490px; padding-left:10px; padding-right:0px; padding-top:50px; padding-bottom:5px
}

#comments
{
	background-image: url('Images/comment%20header.jpg'); 
	background-repeat: no-repeat;
	background-color: #000000;

	font-family:"Lucida Sans", Verdana, "Franklin Gothic Medium", Arial;	
	font-size: 110%;
	padding:3px;
	color:#FFFFFF
}

.commentmetadata
{  
	background-color:#FFFFFF;
	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:1px;
	border-left-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:2px;
	
	text-indent: 10px;
	padding:3px;
}

.commentmetadata a:link
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;

}

.commentmetadata a:hover
{
	color: #dd3300;
	background-color: #000000;
}

.commentmetadata a:active
{
	color: #dd3300;
	background-color: #ffffdd;
}

.commentmetadata a:visited
{
	color:#333333;
	background-color:transparent;
	text-decoration:none;
}


/* ---------------Other Styles--------- */

blockquote
{
	font-family:"Courier New", Courier, monospace;
	text-indent:5px;	
	background-color:#FFFFCC;
	padding:5px;
	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:1px;
	border-left-width:1px;
	border-style:solid;
	border-color:#000000;
	padding:2px;
}

#footer
{
	background-color:#A4C2DB;
	color: #000000;		
	text-align: center;
	font-family: "Courier New", Courier, mono; 
	font-size:80%;
	font-style: normal; 
		
	width: 793px;
	clear: both;
}