*{margin:0; padding:0;}

html{
	background:#515151 url("../images/top_gradient.png") repeat-x top center;
	font-family:verdana;
}

a img{border:none;}

.container{
	width:100%;
	text-align:center;
}
.fixed_width{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
.rounded_box, .rounded_box_stars, .rounded_box_stars2{
	background:url("../images/rounded_box.png") no-repeat top center;
	height:273px;
	width:267px;
}
.rounded_box_stars{background-image:url("../images/rounded_box_stars.png");}
.rounded_box_stars2{background-image:url("../images/rounded_box_stars2.png"); padding-top:15px;}
.clear{clear:both;}

/**************************\
 *        Header          *
\**************************/

.top_stripe{
	height:171px;
	background:url("../images/top_stripe.png") repeat-x bottom center;
	overflow:hidden;
}

#Logo{
	margin-top:29px;
	margin-left:16px;
}
#Header{position:relative;}
#Header h1{
	background:url("../images/elsie_designs.png") no-repeat top center;
	width:344px;
	height:45px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:105px;
	left:330px;
}
#Navigation{
	position:absolute;
	top:0;
	right:20px;
	height:100px;
	width:476px;
	list-style-type:none;
}
#Navigation li{
	list-style-type:none;
	float:left;
}
#LI_Portfolio, #LI_About, #LI_Contact, #LI_Blog{
	display:block;
	background:url("../images/navbar.png") no-repeat top center;
	display:block;
	height:100px;
	width:100px;
	text-indent:-9999px;
	overflow:hidden;
}
#LI_Portfolio{background-position:0 0;width:117px;}
#LI_About{background-position:-117px 0;width:119px;}
#LI_Contact{background-position:-236px 0;width:116px;}
#LI_Blog{background-position:-352px 0;width:123px;}

#LI_Portfolio:hover{background-position:0 -100px}
#About #LI_About, #LI_About:hover{background-position:-117px -100px}
#Contact #LI_Contact, #LI_Contact:hover{background-position:-236px -100px}
#LI_Blog:hover{background-position:-352px -100px}

.header_text_box{
	background:#353535;
	border-bottom:10px solid black;
	
}
.reflection{
	background:url("../images/logo_reflection.png") no-repeat top left;
	background-position:16px 0;
	text-align:center;
}
#header_text{
	overflow:hidden;
	text-indent:-9999px;
	width:720px;
	height:155px;
	background:url("../images/header_text.png") no-repeat center center;
	margin:0 auto;
	padding:80px 0;
}

.content{
	background:#515151;
	padding-top:15px;
	padding-bottom:10px;
}
#activebar-container .content{
	background:inherit !important;
}

#recent_work_header{
	overflow:hidden;
	text-indent:-9999px;
	width:167px;
	height:19px;
	background:url("../images/recent_text.png") no-repeat bottom center;
	margin:0 0 -5px 20px;
}

#recent_work_box{
	background:url("../images/recentwork_box.png") no-repeat center center;
	height:208px;
	width:960px;
	padding:30px 20px;
}
#recent_work_box a,
.portfolio_row a{
	display:block;
	float:left;
	text-align:center;
	font-size:8pt;
	color:#bababa;
	text-decoration:none;
	margin-left:7px;
	margin-top:5px;
}
#recent_work_box a img,
.portfolio_row a img{
	border:2px solid #000;
}
#recent_work_box a:hover,
.portfolio_row a:hover{
	color:#696969;
}

#sites_i_frequent, #featured_work, #recent_blog_post, #twitter{
	height:315px;
	float:left;
	margin-left:6px;
}

#featured_work{width:267px;}
#featured_work_header{
	overflow:hidden;
	text-indent:-9999px;
	background:url("../images/featured_text.png") no-repeat bottom center;
	width:185px;
	height:34px;
	margin-left:20px;
}
#featured_work .rounded_box{
	text-align:center;
	padding:15px 0 0;
	color:#696969;
	font-size:10px;
}
#featured_work .rounded_box img{
	border:4px solid black;
}
#featured_work .rounded_box a{
	display:inline-block;
	color:#bababa;
	text-decoration:none;
	font-size:10px;
	background:#000;
	padding-bottom:4px;
}
#featured_work .rounded_box a:hover{
	color:#696969;
}

#rbp_header{
	overflow:hidden;
	text-indent:-9999px;
	background:url("../images/blog_text.png") no-repeat bottom center;
	width:213px;
	height:32px;
	margin-left:20px;
}
#rbp_box{
	background:url("../images/blog_box.png") no-repeat center center;
	width:402px;
	height:233px;
	color:#bababa;
	font-size:8pt;
	text-align:justify;
	padding:20px;
}
#rbp_box a{color:#d1a0bc; font-weight:bolder; text-decoration:none;}
#rbp_box a:hover{color:#ee0086;}
#rbp_box h3{color:#d1a0bc; font-size:20px; font-weight:normal; margin-bottom:8px;}
#recent_blog_post{width:442px;}
#twitter_header{
	overflow:hidden;
	text-indent:-9999px;
	background:url("../images/twitter_text.png") no-repeat bottom center;
	width:83px;
	height:30px;
	margin-left:20px;
}
#twitter{width:267px; position:relative;}
#twitter .rounded_box{padding-top:15px}
#twitter #follow_link{
	position:absolute;
	right:15px;
	bottom:25px;
	color:#d1a0bc;
	text-decoration:none;
	font-weight:bolder;
	font-size:12px;
}
#twitter #follow_link:hover{color:#ee0086;}

.tweet_text.even, .tweet_text.even a{
	color:#bababa;
}
.tweet_text.odd, .tweet_text.odd a{
	color:#d1a0bc;
}
.tweet_text a{text-decoration:none;}
.tweet_text a:hover{text-decoration:underline;}
.tweet_text{
	margin:0 15px;
	font-size:10px;
}
#twitter .details{
	color:#696969;
	margin:0 15px 5px;
	font-size:9px;
}
#twitter .details a{color:#696969; text-decoration:none;}
#twitter .details a:hover{text-decoration:underline;}

.footer{
	background:#515151 url("../images/bottom_stripe.png") repeat-x top center;
	padding:4em 0;
	line-height:3em;
	clear:both;
}
.footer *{text-align:center;}

.footer, .footer a{
	color:#bababa;
	font-size:10px;
	text-decoration:none;
}
.footer ul, .footer li{
	list-style-type:none;
	margin:0 auto;
}
.footer li{display:inline;}
.footer a{
	width:70px;
	display:inline-block;
}
.footer a:hover{color:#696969}

#find_box{
	height:200px;
	float:left;
	width:230px;
	position:relative;
}
#Contact .reflection{text-align:left; color:#FFF; font-size:10px;}

.twitter_link,
.lastfm_link,
.deviantart_link{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100px;
}

.lastfm_link{
	background:url("../images/lastfm_text.png") no-repeat center center;
	height:29px;
	width:86px;
	top:80px;
	left:10px;
}
.twitter_link{
	background:url("../images/twitter_text_link.png") no-repeat center center;
	height:28px;
	width:88px;
	top:80px;
	left:120px;
}
.deviantart_link{
	background:url("../images/deviantart_text.png") no-repeat center center;
	height:29px;
	width:128px;
	top:115px;
	left:45px;
}

#Contact h2{
	color:transparent;
	background:url("../images/contact_text.png") no-repeat center center;
	width:180px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
}

#Contact #skype_link{
	color:transparent;
	background:url("../images/skype_text.png") no-repeat center center;
	width:247px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:left;
}
#Contact #email_link{
	color:transparent;
	background:url("../images/email_text.png") no-repeat center center;
	width:353px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	float:left;
}

#sites_i_frequent_header{
	color:transparent;
	background:url("../images/frequent_text.png") no-repeat center center;
	width:200px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin-top:8px;
}
#sites_i_frequent a:hover{
	color:#696969;
}
#sites_i_frequent ul{
	list-style-type:none;
	padding:25px;
	line-height:14px;
	font-size:12px;
}
#sites_i_frequent ul a{
	text-decoration:none;
	color:#bababa;
}

.about_miss_elsie{
	color:transparent;
	background:url("../images/about_elsie.png") no-repeat center center;
	width:194px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0;
}

#about_table{
	text-align:left;
	color:#FFF;
	font-size:10px;
}
#about_table td{
	vertical-align:top;
}

#contact_box{
	background: url("../images/contact_box.png") no-repeat center center;
	width:237px;
	height:83px;
	padding:15px
}
#contact_box h3{
	background: url("../images/contact_me.png") no-repeat center center;
	width:110px;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
	margin-bottom:.75em;
}
#contact_box a{
	color:#d1a0bc;
	text-decoration:none;
	text-indent:20px;
	display:block;
	font-weight:bolder;
}
#contact_box a:hover{
	color:#ee0086
}
#link_box{
	background: url("../images/link_box.png") no-repeat center center;
	width:236px;
	height:129px;
	padding:15px
}
#link_box h3{
	background: url("../images/findme_links.png") no-repeat center center;
	width:195px;
	height:27px;
	overflow:hidden;
	text-indent:-9999px;
}
#link_box a{
	color:#ee0086;
	display:block;
	text-decoration:none;
	font-weight:bolder;
	line-height:2em;
	text-indent:20px;
}
#link_box a:hover{
	color:#d1a0bc;
}

/* Portfolio Page */
#portfolio_table td{
	text-align:left; 
	color:#FFF; 
	font-size:12px;
	vertical-align:top;
}
#portfolio_table p{margin:0 40px 60px;;}

#link_web_design,
#link_graphic_design,
#link_logo_design,
#portfolio_table h2{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	color:transparent;
	background: transparent no-repeat left center;
	margin-top:25px;
}
#link_web_design{
	background-image:url("../images/web_pink.png");
	height:25px;
	width:142px;
}
#link_graphic_design{
	background-image:url("../images/graphic_pink.png");
	height:25px;
	width:181px;
}
#link_logo_design{
	background-image:url("../images/logo_pink.png");
	height:25px;
	width:145px;
}

#portfolio_table h2{
	margin:30px 32px 5px; 
	background-image:url("../images/my_portfolio.png");
	height:33px;
	width:169px;
}

.portfolio_row{
	background:transparent url("../images/recentwork_box_original.png") no-repeat center center;
	height:208px;
	width:960px;
	padding:30px 20px;
}
#web_design_box{background-image:url("../images/recentwork_box.png")}

#web_design_header,
#graphic_design_header,
#logo_design_header{
	text-indent:-9999px;
	overflow:hidden;
	color:transparent;
	background:transparent no-repeat left center;
	text-align:left;
}

#web_design_header{background-image:url("../images/web_design.png");}
#graphic_design_header{background-image:url("../images/graphic_design.png");}
#logo_design_header{background-image:url("../images/logo_design.png");}