@charset "utf-8";

/* CSS Document */

/*  

Theme Name: Joleyn's DigiGirl w/Sidebar


*/



body{

	background: #000000 url(images/bg2.gif) repeat;

	margin: 0;

	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

	text-align: left;

	vertical-align: top;

	color: #000000;

}



body, h1, h2, h3, h4, h5, h6, blockquote, p, form{

	margin: 0;

	padding: 0;

}



h1{

	font-family: Georgia, Sans-serif;

	font-size: 24px;

	padding: 0 0 10px 0;

}



h2.pagetitle{

	text-align: center;

	margin: 25px;

}



a:link, a:visited{

	text-decoration: none;

	color: #e2148f;

}



a:hover{

	color: #3a3a3a;

}



p{

	padding: 10px 0 0 0;

}



#wrapper{

	margin: 0 auto 0 auto;

	width: 950px;

	text-align: left;

}



#bottom{

	background: #ffffff url(images/footer-bg.gif) bottom no-repeat;

	margin-bottom: 30px;

}



#header{

	background: url(images/header-bg.gif) top no-repeat;

	width: 950;

	height: 111px;

	margin-top: 30px;

}



#header h1{

	text-indent:-5555px;

}



#header img{

	border: none;

	margin-top: 111px;

}

#flash{
     margin-bottom: 20px;
}



#nav{

	float:left;

	margin: 10px 0 10px -25px;

	list-style: none;

	width: 100%;

	height: 34px;

	font-size: 18px;

}



#nav li{

	position: relative;

	float: left;

	padding:0;

}



#nav li a{

	display:block;

	float:left;

	text-decoration:none;

	color: #000000;

}



#nav ul{

	position: absolute;

	list-style: none;

	display: none;

	top: 39px;

	left:0;

}



#nav li ul li a{

	margin-left: -20px;

	font-size: 14px;

    width: 125px;

    background-color: #221f20;

    color: #fff;

    filter:alpha(opacity=80);

    -moz-opacity: 0.8;

    opacity: 0.8;

}



#nav li ul li a:hover{

	color: #e2148f;

	background: #221f20 url(images/blank.gif);

	-moz-opacity: 1; 

   	opacity: 1; 

   	filter: alpha(opacity=100);

}



#nav li:hover ul{

	display: block;

}



#nav li a:hover{

	color: #ffffff;

}



#home a{

	width: 61px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#home a:hover{

	background: url(images/home.gif) no-repeat;

}



#site a{

	width: 89px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#site a:hover{

	background: url(images/site.gif) no-repeat;

}



#digigirl a{

	width: 112px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#digigirl a:hover{

	background: url(images/digigirl.gif) no-repeat;

}



#posts a{

	width: 116px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#posts a:hover{

	background: url(images/posts.gif) no-repeat;

}



#labels a{

	width: 68px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#labels a:hover{

	background: url(images/labels.gif) no-repeat;

}



#favorites a{

	width: 118px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#favorites a:hover{

	background: url(images/favorites.gif) no-repeat;

}



#bag a{

	width: 94px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#bag a:hover{

	background: url(images/bag.gif) no-repeat;

}



#investment a{

	width: 148px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#investment a:hover{

	background: url(images/investment.gif) no-repeat;

}



#contact a{

	width: 76px;

	height: 34px;

	padding: 7px 0 0 7px;

}



#contact a:hover{

	background: url(images/contact.gif) no-repeat;

}


.posts-content{
	float: right;
}

.container{
	clear: both;
	background: url(images/post-bg.gif) repeat-y;
	width: 684px;
	margin: 0 20px 20px 0;
}



.container-bot{

	background: url(images/post-bottom.gif) bottom no-repeat;	

	min-height:250px;

}



.container-top{

	background: url(images/post-top.gif) top no-repeat;	

}



.date h2{

	font-size: 14px;

	font-family: "Trebuchet MS", Arial, Helvetica, Georgia, Sans-serif;

}



.post{

	padding: 45px 20px 20px 20px;

}



.title h2{

	font-family: Georgia, Sans-serif;

	font-size: 18px;

}



.pagetitle{

	padding: 40px 0 0 0;

}



.entry{

line-height: 18px;

}



p.postmetadata{

	border-top: 1px solid #ccc;

	margin: 10px 0 0 0;

}



.navigation{

	padding: 10px 0 0 15px;

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

}

/* Sidebar Styling */
#sidebar{
	float: left;
	width: 206px;
	margin: 0 0 0 20px;
	display: inline;
	background: url(images/sidebar-bg.gif) top repeat-y;
}

#sidebar-bot{
	background: url(images/sidebar-bot.gif) bottom left no-repeat;
}

#sidebar-top{
	background: url(images/sidebar-top.gif) top left no-repeat;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 20px;
}

#sidebar ul li{
	padding: 10px 0 10px 0;
}

#sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

#sidebar ul ul li{
	padding: 0;
}

table#wp-calendar{
	width: 100%;
}


/* AJAX Comment & Comment form styling */

body.home .commentlist{
	list-style: none;
	max-height: 100px;
	overflow: auto;
	background: #f69dd2;
	border: solid 1px #e2148f;
	padding: 0 10px;
	font-size: 10px;
	width: inherit;
}

*html body.home .commentlist{
	height: 100px;
}

body.home .commentlist a:hover{
	color: #e8729f;
}

body.home .commentlist li{
	border-bottom: #e2148f 1px dotted;
	padding: 10px 0;
	clear: both;
}

body.home .meta-comments{
	font-size: 10px;
	padding-top: 5px;
}

.meta-comments a img{
	border: none;
}

body.home a.comments_link{
	font-size: 10px;
	padding-top: 15px;
	margin-top: 15px;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 10px;
}

.comment-author{
	color: #c63973;
}

.comment-meta{
	font-size: 10px;
	float: left;
	display: inline;
}

.comment-text p{
	margin: 0;
	padding: 0;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

#footer{
	clear: both;
        padding: 15px;
}

#footer p{
	line-height: 14px;
	text-align: center;
}

/* WP Image-in-Post Alignment */

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}

img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}

img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}