/* 
Theme Name: Egolicious Version.1 - Scrapbook Love
Theme URL: http://egolicious.net
Description: Scrapbook style with hand-drawn graphics and vibrant colours.
Designer: Felecia Tay
Designer's URL: http://egolicious.net
*/

/* All content copyright Felecia Tay at Egolicious.Net. Please keep away all sticky paws!

=========================================================================

===========*/

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font: 8pt "Verdana", "Arial", "Helvetica", sans-serif;
	color: #5E5E5E;
	line-height: 1.5em !important;
	background:url(http://i532.photobucket.com/albums/ee324/mirukufy/deeppinkpolka.jpg) 

center repeat;
	}
p{
	margin:5px;
	padding-bottom:1em;
	text-align:justify;
	}
a{
	text-decoration:none;
	}
blockquote{
	margin:10px;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	border-left:2px dashed #ff7a7a;
	border-right:2px dashed #ffadad;
	font:italic 8.5pt "Verdana", "Arial", "Helvetica", sans-serif;
	color:#7f7f7f;
	}

input, submit, textarea {
font: 8pt "Verdana", "Arial", "Helvetica", sans-serif;
color: #5E5E5E;
background-color: ;
background : url("none"); 
border-width: 1px;
border-style: solid;
border-color: #bebebe;
scrollbar-base-color : #FFFFFF; 
scrollbar-face-color : #FFFFFF; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color : #bebebe; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-highlight-color : #bebebe; 
scrollbar-shadow-color : #bebebe; 
scrollbar-darkshadow-color : #FFFFFF;
}

/* BASIC LAYOUT STRUCTURE 

===================================================================*/

#container{
margin:0 auto;
width:1012px;
background:url(hoho/sugarmilkcontent.PNG) left repeat-y;
}

#header{
height:287px;
width:1012px;
background:url(images/sugarmilkheaderawr.png) top no-repeat;
margin-bottom:20px;
}

#content-wrap{
width:760px;
margin-left:45px;
background:none;
float:left;
}



#content{
width:480px;
margin-top:-65px;
background:none;
float:left;
}

#middle{
width:254px;
float:right;
margin:0;
margin-top:-80px;
}

#blogpost{
}

#sidebar{
width:300px;
float:right;
margin-right:-130px;
margin-top:-20px;
}

#footer{
height:311px;
width:844px;
clear:both;
background:url(hoho/sugarmilkfooterfinal3x.png) left no-repeat;
}

#extras{
margin:0 auto;
margin-bottom:5px;
width:770px;
padding-left:60px;
padding-bottom:30px;
}

#junks{
margin:0 auto;
margin-top:-160px;
width:980px;
height:213px;
background:url(images/sugarmilkfooter-two.png) right no-repeat;
}

/* MAIN MENU 

==============================================================*/
#header ul#menu {
	margin: 0;
	position:relative;
	left:430px;
	top:160px;
	width: 366px;
	height: 46px;
	padding:0;
	}

ul#menu li {
	list-style: none;
	display:inline;
	height: 46px;
	margin-bottom:0;
	padding:0;
	}

#header ul#menu li a {
	height:0;
	padding:0 0 0px 0;
	overflow: hidden;
	float:left;
	margin-left: 5px;
	}

#header ul#menu li#site a{
	background: url(images/pink-sprinkle.png) top left no-repeat;
	width: 60px; 
	height: 44px; 
	}

#header ul#menu li#you a{
	background: url(images/orange-sprinklex.png) top left no-repeat;
	width: 60px; 
	height: 46px; 
	}
#header ul#menu li#me a{
	background: url(images/blue-sprinkle.png) top left no-repeat;
	width: 60px; 
	height: 46px; 
	}

#header ul#menu li#archive a{
	background: url(images/purple-sprinklex.png) top left no-repeat;
	width: 50px; 
	height: 45px; 
	}


#header ul#menu li#site a:hover {
background-position:0 -44px;
	}
#header ul#menu li#you a:hover {
background-position:0 -46px;
	}
#header ul#menu li#me a:hover {
background-position:0 -46px;
	} 
#header ul#menu li#archive a:hover{
background-position:0 -45px;
	} 



/* feed link */

#header a.feed{
display:block;
width:45px;
height:50px;
background:url(images/rss.png) top left no-repeat;
position:relative;
left:160px;
top:15px;
}
#header a.feed span{
display:none;
}

#header a.feed:hover span{
color:#717171;
background:#dbcbb0;
font:7pt Georgia, "Times New Roman", Times, serif;
text-align:center;
display:block;
width:80px;
position:relative;
top:-12px;
left:-20px;
}

/* contact */

#header a.contact{
display:block;
width:45px;
height:50px;
background:url(images/mail.png) top left no-repeat;
position:relative;
left:200px;
top:-38px;
}
#header a.contact span{
display:none;
}


#header a.contact:hover span{
color:#717171;
background:#dbcbb0;
font:7pt Georgia, "Times New Roman", Times, serif;
text-align:center;
display:block;
width:60px;
position:relative;
top:-15px;
left:-5px;
}

/* Egolicious logo */

#header a.ar{
display:block;
width:384px;
height:146px;
position:relative;
left:55px;
top:-10px;
}
#header a.ar span{
display:block;
width:384px;
height:146px;
position:relative;
top:-20px;
left:20px;
}

#header a.ar:hover span{
background:url(images/sugarmilksplash.png);
display:block;
width:207px;
height:32px;
position:relative;
top:-20px;
left:20px;
}

/* member's area */
.member{
width:300px;
text-align: right;
float:right;
margin-right:200px;
margin-top:70px;
font:7.5pt Georgia, "Times New Roman", Times, serif;
color:#ad944f;
}

#header .member a{
color:#80e300;
}

#header .member a:hover{
color:#48bcf8;
}


/* MIDDLE CONTENTS =================================*/

#middle a{
color:#8ccaff;
background:none;
padding-top:2px;
padding-bottom:2px;
}
#middle a:hover{
color:#ffbdbd;
padding-bottom:1px;
}

#middle strong{color:#91E2FF; font-family:tahoma; font-weight:bold;}

#middle b{color: #99cc00;}

#middle u{border-bottom: 2px solid #c3e173;}

#middle em{text-decoration: italic;
        color: #ffd340;}

#middle h2{
font: 12pt Century Gothic;
text-align:left;
margin:20px 0 5px 0;
letter-spacing:0.4px;
	}	

#middle #twitter h3.twitter_title a{
display:block;
width:107px;
height:39px;
margin:5px 0 -10px 0;
border:none;
background:url(images/twitwit.gif) no-repeat;
}

#middle #twitter{
width:250px;
}

#middle #twitter span{
display:block;
font:8.5pt Georgia, "Times New Roman", Times, serif;
color:#5e5e5e;
5background:#00FFFF;
text-align:left;
}

#middle #twitter ul{
	margin:0;
	margin-left:-30px;
	padding-left:30px;
	margin-bottom:15px;
	font:7.8pt Verdana, Arial, Helvetica, sans-serif;
	background:none;
}
	
#middle #twitter ul li {
	list-style:none;
	margin-bottom:7px;
	padding-left:0;
	background:none;
	text-align:right;
	border-bottom:1px dashed #cdcdcd;
	}


#middle #twitter ul li a{
	color:#506684;
	padding-bottom:3px;
	border:none;
	background:none;
		}
		
		
#middle #twitter ul li a:hover{
	color:#283e7c;
	background:none;
	}


	
	
#middle ul{
	margin:0;
	margin-left:-30px;
	padding-left:30px;
	margin-bottom:15px;
}
	
#middle ul li {
	list-style:none;
	text-align:justify;
	background:url(images/pink-heart.gif) center left no-repeat;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	color:#eb7e74;
	}
	
#middle ul li a{
	color:#ee9d96;
	text-align:left;
	background:none;
	border-bottom:1px dotted #f4e86e;
		}
#middle ul li a:hover{
	color:#eb7e74;
	border-bottom:1px dotted #f1af37;
	padding-bottom:2px;
	}
#middle ul li span{
color:#91ba13;
}

/* BLOGPOST CONTENTS =================================*/

#blogpost a{
color:#8ccaff;
background:none;
padding-top:2px;
padding-bottom:2px;
}
#blogpost a:hover{
color:#ffbdbd;
padding-bottom:1px;
}

#blogpost strong{color:#91E2FF; font-family:tahoma; font-weight:bold;}

#blogpost b{color: #99cc00;}

#blogpost u{border-bottom: 2px solid #c3e173;}

#blogpost em{text-decoration: italic;
        color: #ffd340;}


/* SIDEBAR CONTENTS =================================*/

#searchform{
background:url(hoho/sugarmilkcategoryandsearchz.png) left no-repeat;
height:500px;
margin-bottom:10px;
}

#searchform input{
margin-top:120px;
margin-left:43px;
width:130px;
height:19px;
background:none;
border:none;
color:#343434;
}

#categories{
height:259px;
}

#categories ul{
	margin:0;
	margin-left:-100px;
	padding-left:40px;
	padding-top:50px;
	margin-bottom:50px;
}
	
#categories ul li {
	list-style:none;
	text-align:right;
	width:200px;
	padding-bottom:3px;
	}
	
#categories ul li a{
	color:#53664f;
	text-align:left;
	font:8.7pt Georgia, "Times New Roman", Times, serif;
		}
#categories ul li a:hover{
	color:#53664f;
	border-bottom:1px dashed #566b71;
	}
	

/* BLOGPOST CONTENTS =================================*/

#blogpost a{
color:#8ccaff;
background:none;
padding-top:2px;
padding-bottom:2px;
}
#blogpost a:hover{
color:#ffbdbd;
padding-bottom:1px;
}

#blogpost strong{color:#91E2FF; font-family:tahoma; font-weight:bold;}

#blogpost b{color: #99cc00;}

#blogpost u{border-bottom: 2px solid #c3e173;}

#blogpost em{text-decoration: italic;
        color: #ffd340;}


/* SIDEBAR CONTENTS =================================*/

#searchform{
background:url(images/sugarmilksearch.png) left no-repeat;
height:220px;
margin-bottom:10px;
}

#searchform input{
margin-top:143px;
margin-left:43px;
width:130px;
height:19px;
background:none;
border:none;
color:#A7715C;
}

#categories{
background:url(images/sugarmilkcategory.png) left no-repeat;
height:280px;
margin-bottom:10px;
}

#categories ul{
	margin:0;
	margin-left:-100px;
	padding-left:40px;
	padding-top:155px;
	margin-bottom:10px;
}
	
#categories ul li {
	list-style:none;
	text-align:right;
	width:200px;
	padding-bottom:3px;
	}
	
#categories ul li a{
	color:#A7715C;
	text-align:left;
	font:8.7pt Georgia, "Times New Roman", Times, serif;
		}
#categories ul li a:hover{
	color:#53664f;
	border-bottom:1px dashed #566b71;
	}

	
	
/* FOOTER CONTENTS =================================*/
#footer a.top{
display:block;
width:96px;
height:89px;
overflow:auto;
background:url(images/sugarmilktoptop.png) top no-repeat;
float:right;
position:relative;
top:70px;
left:74px;
}
#footer a.top:hover{
background:url(images/sugarmilktoptop.png) bottom no-repeat;
}

#tag_cloud{
width:330px;
height:120px;
position:relative;
left:140px;
top:174px;
text-align:center;
color:#a7715c;
}

#tag_cloud a{
color:#a7715c;
}

#tag_cloud a:hover{
color:#a7715c;
border-bottom:1px dotted #a7715c;
}


/* EXTRAS CONTENT ===================*/
#extras .left{
width:200px;
float:left;
margin-left:335px;
margin-bottom:-40px;
margin-top:-140px;
}
#extras .right{
width:200px;
float:left;
margin-left:520px;
margin-bottom:-10px;
margin-top:-200px;

}



#extras h3.recent-posts{
display:block;
width:131px;
height:20px;
background:url(images/recent-posts.gif) top no-repeat;
margin-bottom:2px;
}

#extras h3.popular-posts{
display:block;
width:139px;
height:21px;
background:url(images/popular-posts.gif) top no-repeat;
margin-bottom:2px;

}

#extras h3.about-title{
display:block;
width:126px;
height:16px;
background:url(images/about-ex.gif) top no-repeat;
}

/* recent posts and popular posts */
#extras ul{
	margin:0;
	margin-left:-30px;
	padding-left:30px;
	margin-bottom:15px;
}
	
#extras ul li {
	list-style:none;
	text-align:left;
	width:200px;
	margin-bottom:3px;
	}
	
#extras ul li a{
	color:#a7715c;
	text-align:left;
	background:url(images/rpbullet-h.png) top left no-repeat;
		padding-left:18px;

		}
#extras ul li a:hover{
	color:#a7715c;
	background:url(images/rpbullet.png) top left no-repeat;
	text-decoration:underline;
	}
	

/* JUNKS */
	

#junks .flickr { margin-top:50px;  margin-left:10px; padding: 80px 2px 25px 2px; background: #none ; 

overflow: hidden; }
#junks .flickr img  { margin:10px 10px; width:50px;height:50px;display:block;float:left; 

background:#e6e6e6; }
#junks .flickr a img  { border:4px solid #8e6e3d; }
#junks .flickr a:hover img  { border:4px solid #8e3d52;}


/* CONTENTS STUFFS */
#content a{
color:#8ccaff;
background:none;
padding-top:2px;
padding-bottom:2px;
}
#content a:hover{
color:#ffbdbd;
padding-bottom:1px;
}

#content strong{color:#91E2FF; font-family:tahoma; font-weight:bold;}

#content b{color: #99cc00;}

#content u{border-bottom: 2px solid #c3e173;}

#content em{text-decoration: italic;
        color: #ffd340;}

#content i{
  	padding: 3px;
	margin: 2px;
	text-decoration: italic;
        	color: #A7715C;
	background:#f8ffe8;
	border: 1px dashed #d9c1b9;}

#content ul{
	margin:0;
	margin-left:-15px;
	padding-left:30px;
	margin-bottom:15px;
}
	
#content ul li {
	list-style:none;
	text-align:justify;
	background:url(images/pink-heart.gif) center left no-repeat;
	padding-left:12px;
	padding-top:2px;
	padding-bottom:2px;
	color:#eb7e74;
	}
	
#content ul li a{
	color:#ee9d96;
	text-align:left;
	background:none;
	border-bottom:1px dotted #f4e86e;
		}
#content ul li a:hover{
	color:#eb7e74;
	border-bottom:1px dotted #f1af37;
	padding-bottom:2px;
	}
#content ul li span{
color:#91ba13;
}


/* HEADERS */
#content h2{
	font: normal 15pt Georgia, "Times New Roman", Times, serif;
	text-align:left;
	margin-left:5px;
	letter-spacing:0.4px;
	}

#content h2 a{
display:block;
	font: normal 15pt Georgia, "Times New Roman", Times, serif;
	text-align:left;
	margin-left:5px;
	padding-bottom:10px;
	margin-bottom:-10px;
	background:url(images/sugarmilkpostitleimage.png) left bottom no-repeat;
	color:#ff9191;
	}
#content h2 a:hover{
border-bottom:none;
padding-bottom:10px;
color:#ff7979;
}
	
#content h2.pagetitle{
display:block;
height:36px;
	font: normal 15pt Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding-top:10px;
		margin-bottom:10px;
		margin-top:-20px;
	background:url(images/page_title.gif) top center no-repeat;
	color:#3a3a3a;
	}
	

h3{
font: bold 12pt Century Gothic;
color:#bebebe;
text-align:left;
margin:20px 0 5px 0;
letter-spacing:2px;
	}

h4{
	font: bold 11pt Georgia, "Times New Roman", Times, serif;
	margin-left:3px;}

h5{
background-color: #fffce4;
font: 18px century gothic;
text-transform: lowercase;
margin-top: 5px;
margin-bottom: 3px;
color: #fff06d;
letter-spacing: 2px;
text-align: right;}


.title{color: #8BC0EA; font-family: century gothic; font-size:22px; line-height: 10pt; text-transform: 

none; text-align:left; background-color: #; padding: 2px;}

	
/* BLOG CONTENTS */


/* date */

#content .date{
width:65px;
height:80px;
float:left;
margin-left:-95px;
padding-top:17px;
background:url(images/sugarmilk-date.gif) top left no-repeat;
text-align:center;
color:#ffe450;
}

#content .date .month{
display:block;
width:39px;
margin:0 auto;
font:bold 12pt Georgia, "Times New Roman", Times, serif;
text-align:center;

}
#content .date .day{
display:block;
width:39px;
margin:0 auto;
font:bold 15pt Georgia, "Times New Roman", Times, serif;
margin-top:-4px;
text-align:center;

}
#content .date .year{
text-align:center;
display:block;
width:39px;
margin:0 auto;
font:7pt Georgia, "Times New Roman", Times, serif;
}

/* tags */

#content .tags{
display:block;
padding-left:15px;
margin-bottom:-20px;
color:#c3c3c3;
background:url(images/sugarmilktag.png) bottom left no-repeat;
margin-left:20px;
}

#content .tags a{
color:#b3daff;
background:none;
font:7pt Georgia, "Times New Roman", Times, serif;
}

#content .tags a:hover{
border-bottom:1px dashed #b3daff;
padding-bottom:0;
}



/** INFO **/

.info{
margin:10px;
padding:10px;
border: 2px dashed #fffaad;
margin-bottom:20px;
color:#787878;
}
/* READ MORE */

#content a.read-more{
display:block;
height:38px;
width:150px;
background:url(images/read-more.gif) top center no-repeat;
padding:0;
margin:0 auto;
margin-top:-10px;
margin-bottom:15px;
}

#content a.read-more:hover{
background:url(images/read-more.gif) bottom center no-repeat;
border:none;
padding:0;
}


/** COMMENT LINK **/

.cmnt_link{
width:57px;
height:32px;
background: url(images/sugarmilkcommentlink.png) center no-repeat;
float:right;
margin-right:-2px;
margin-top:-50px;
padding-top:8px;
text-align:center;
}

#content .cmnt_link a{
background:none;
font: bold 12pt Georgia, "Times New Roman", Times, serif;
color:#ffe450;
margin-bottom:3px;
}

#content .cmnt_link a:hover{
border-bottom:none;
color:#ffed87;
}


/* COMMENTS APPEARANCE */

.commentlist li {
list-style-image: none;
}

#commentlist {
list-style-type: none;
list-style-image: none;
}


.odd {
text-decoration: none;
        	color: #A7715C;
padding-top: 5px;
padding-bottom: 20px;
margin-top: 15px;
margin-bottom:15px;
border-style: dashed;
border-color: #D9C1B9;
border-width:1px;
background-color:#F8FFE8;
}

.even {
text-decoration: none;
        	color: #A7715C;
padding-top: 5px;
padding-bottom: 20px;
margin-top: 20px;
margin-bottom:15px;
border-style: dashed;
border-color: #D9C1B9;
border-width:1px;
background-color:#fff4eb;
}


/** avatar **/
img.avatar {
	padding: 2px;
	background:none;
	border: 1px solid #CCCCCC;
	margin:0;
	margin-top:-20px;
	margin-right:5px;
	margin-bottom:0;
	margin-top:-5px;
	float:left;
	height:35px;
	width:35px;		}
a img.avatar{
	padding: 2px;
	background:none;
	border: 1px solid #CCCCCC;
	margin:0;
	margin-top:-20px;
	margin-right:5px;
	margin-bottom:0;
	margin-top:-5px;
	float:left;
}
a:hover img.avatar{
	padding: 2px;
	background:none;
	border: 1px solid #A1A1A1;
	}

/* COMMENTFORM */
#content h3#respond{
display:block;
width:230px;
height:49px;
margin-left:-31px;
}

#content #commentform{
padding:5px;
color:#79a6c6;
}

#content input{
background:#f5f8ff;
border:1px dashed #bce3ff;
color:#727b8b;
font-size:7.5pt;
padding:3px;
}

#content textarea{
background:#f5f8ff;
border:1px dashed #bce3ff;
color:#343944;
padding:3px;
width:400px;
height:150px;
}

/* guidelines */
#guidelines{
display:none;
color:#4b4e5e;
}

/** NEXT PREVIOUS LINKS **/


.navigation{
width:500px;
height:15px;
margin:0 auto;
margin-top:10px;
margin-bottom:20px;
}

#content .navigation a{
font:bold 8pt Georgia, "Times New Roman", Times, serif;
color:#ff768d;
background:none;
}
#content .navigation a:hover{
color:#ff526f;
padding-bottom:1px;
border:none;
}

#content .navigation .alignleft a{
width:225px;
height:16px;
padding:0;
padding-left:10px;
float:left;
text-align:left;
}
#content .navigation .alignright a{
width:225px;
height:16px;
text-align:right;
padding:0;
padding-right:30px;
float:right;
}

/** IMAGES **/
img{
	padding: 3px;
	margin: 2px;
	background:#e5feb9;
	border: 1px dashed #c9ec8d;
}
a img{
	padding: 3px;
	margin: 3px;
	background:none;
	border: none;
}
a:hover img{
	padding: 3px;
	padding-bottom:4px;
	margin: 3px;
	background:none;
	border: none;
	border-bottom:none;
}

img.wp-smiley{
	border:0;
	margin:1px;
	padding:0;
	background:none;
}

img.xdeline{
	border:0;
	margin:0;
	background:none;
	border:none;
	padding:0;
}
a img.xdeline {
	border:0;
	margin:0;
	background:none;
	border:none;
	padding:0;
}
a:hover img.xdeline{
}

a img.article_image{
padding: 2px;
background:url(images/article-bg.gif) center no-repeat;
border: 1px solid #CCCCCC;
margin:0;
margin-left:15px;
margin-bottom:5px;
float:right;
width:200px;
height:130px;	
}
a:hover img.article_image{
background:url(images/article-bg.gif) center no-repeat;
border: 1px solid #575757;
	}