/*
Theme Name: Dream Up
Theme URI: http://www.trends.web.id/
Description: Wordpress Themes DreamUp
Version: 1.0
Author: Andi Baso Annas
Author URI: http://www.dream.up.web.id/
Tags: girl,pink,white

*/

body 								{ background: url(img/bg-body.gif) repeat; color: #686868; font:62.5% "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif}

a, a:hover 							{ color: #d00; text-decoration: none; outline: none; }
a:visited 							{ color: #d60; text-decoration: none; outline: none; }	
a img 								{ border: none; }
img.avatar							{ float:right; padding: 4px; border: 1px dotted #999; }
blockquote 							{ color: #555; margin: 0 20px 1.46667em 0; padding: 0 0 0 43px; background: url('img/blockquote.gif') no-repeat; }
abbr, acronym 						{ font-size: 0.8em; line-height: 1.0em; border-bottom: none; letter-spacing: 1px; cursor: help; }
sup 								{ line-height: 0.5em; }
code 								{ color: #457516; font: normal 0.86667em Consolas, "Andale Mono", Courier, "Courier New"; }
span.code 							{ color: #457516; font-size: 0.86667em; font-family: Consolas, "Andale Mono", Courier, "Courier New"; }
pre 								{ margin: 0 0 1.83333em 0; padding: 0.83333em 0.5em; font: normal 0.8em/1.5em Consolas, "Andale Mono", Courier, "Courier New"; 
									  background: #eee; border: 1px solid #ddd; overflow: auto; }
p.center 							{ text-align: center; }
p.bottom 							{ margin: 0 !important; }
p.unstyled 							{ font-size: 1.5em; }
#wrap 								{ background:#fff; border:1px solid #f3f1eb; width: 980px; margin: 10px auto 10px; padding: 0; position: relative; font-size: 1.0em; }
.header								{ height: 150px; }
#pagenav 							{ width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; font-family:Georgia, "Times New Roman", Times, serif; }
#pagenav ul 						{ list-style: none; }
#pagenav li 						{ float: left; }
#pagenav li a, #pagenav li a:visited{ display: block; height: 2.0em; padding: 2px 12px 2px 12px; line-height: 2.3em; color: #222; 
									  text-decoration: none; font-size: 1.1em;  float: left; }
#pagenav li a:hover 				{  background:#FF0066;text-decoration:none; color: #FFF }

.blog #pagenav li a.blog, 
.blog #pagenav li a.blog:visited, 
.archive #pagenav li a.archives, 
.archive #pagenav li a.archives:visited, 
.about #pagenav li a.about, 
.about #pagenav li a.about:visited 	{ background: #222; color: #fff; cursor: default; }

#logo								{ height: 100px; }
#logo h1 							{ background: url(img/dream-up.png) top no-repeat; text-indent: -9999px; line-height: 90px;	padding:0; margin:0; }
#search 							{ width: 284px; height: 40px; background: url(img/dp-search.png) top left no-repeat; margin-top: 28px;}
#search #s 							{ float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 200px; background: none; font-size: 0.9em; }
#search #up 						{ float: right; margin: 3px 3px 0 0; }
#content							{ margin-top: 2px; }

p.dots 								{ color:#8e8e8e; font-size:1.5em; letter-spacing:1px; line-height:5px;  }
.navigation							{ overflow: hidden; margin: 0 0 25px 0; }
.navigation a						{ text-decoration: none; color: #666; text-transform: uppercase; }

/*--- Post ---*/
.post 								{ width: 630px; margin:0px auto 20px; padding-right:30px; padding-bottom: 1px; clear:both; }
.post .byline 						{ color:#75BF00; font-size:0.9em; width:140px; float:left; text-align:right; 
									  margin-right:25px; padding-top:8px; }
.post .byline .date 				{ text-transform:uppercase; }
.post .byline a 					{ color:#75BF00; text-decoration:none; }
.post .byline a:hover 				{ border-bottom:1px solid #75BF00; }
.post h2.title 						{ font-size:2.8em; float:left;  width:450px; padding-bottom:10px; font-family: "Times New Roman", Times, serif;  
									  border-bottom: 1px dotted #ccc; }
.post h2.title a 					{ color:#75BF00;text-decoration:none; }
.post h2.title a:hover 				{ color:#9AD40E; }
.post span.para 					{ color:#75BF00; font-size:5.75em; display:block; width: 70px;
									  margin: 0px 20px 0px 75px; float:left; text-align:right; font-family:Georgia, "Times New Roman", Times, serif;}
/* Entry Styles --*/
.post .entry 						{ float:left; width:450px; color:#343434; padding:0px; 
									   font-size:1.2em; line-height:1.4em;  }
.post .entry  > 
p:first-child:first-letter 			{ font-weight: normal;text-transform: uppercase;float: left;	display: block;	color: #aaa; font-family:Georgia, "Times New Roman", Times, serif;
									  font-size: 4em;line-height: 0.75em;padding: 0;margin: 8px 4px -4px 0;}
.post .entry h2 					{ font-size:1.8em; margin:10px 0px 10px 0px; color:#525252; }
.post .entry h3 					{ font-size:1.7em; margin:20px 0px 10px; font-weight:bold; 
									  text-transform:uppercase; color:#525252; }
.post .entry h4 					{ font-size:1.65em; margin:20px 0px 10px; font-style:italic; color:#525252; }
.post .entry h5 					{ font-size:1em; margin:20px 0px 10px; text-transform:uppercase; letter-spacing:3px; }
.post .entry p 						{ margin-bottom:20px; }
.post .entry ul, .post .entry ol 	{ margin:0px 0px 15px 50px; }
.post .entry ul li 					{ list-style:disc outside; }
.post .entry ol li 					{ list-style:decimal outside; }
.post .entry ol ol li 				{ list-style:lower-alpha outside; }


#comments 							{ width: 630px; margin: 0; padding-right: 30px; }

.comments_intro 					{ padding: 0 20px; font: normal 1.7em Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #ccc; }
.comments_intro span 				{ padding: 0 0 0 14px; background: url('img/icon_comment.gif') 0 50% no-repeat; }
.comment_num 						{ padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }
.comment_num a,
.comment_num a:visited 				{ color: #999; text-decoration: none; }
.comment_num a:hover 				{ color: #237fa1; text-decoration: none; }
.comment_time 						{ font: normal 0.78571em Verdana, sans-serif; color: #999; }

dl#comment_list 					{ margin: 0; }
dl#comment_list span.para 			{ color:#75BF00; font-size:5.75em; display:block; width: 70px;
									  margin: 0px 20px 0px 75px; float:left; text-align:right; font-family:Georgia, "Times New Roman", Times, serif;}
dl#comment_list dt.comment 			{ width: 420px; padding: 0 9px 0.8em 9px; background: #f8f8f8; font-size: 1.4em; line-height: 1.42857em; float:left }
dl#comment_list dd.comment 			{ width: 420px; padding: 0 9px 0.8em 9px; background: #f8f8f8; border-bottom: 1px dotted #bbb;  float:left; margin:0 }
dl#comment_list dt.alt,
dl#comment_list dd.alt 				{ background: #fff; }
dl#comment_list dt.author, 
dl#comment_list dd.author 			{ background: #e7f8fb !important; }

.comment .format_text 				{ padding: 0; }
.comment a.comment_link, 
.comment a.comment_link:visited 	{ font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
.comment a.comment_link:hover 		{ color: #333; text-decoration: underline; }

#respond 							{ margin:  0; padding: 20px 0;  font-size: 1.1em; }
#respond span 						{ padding-bottom: 20px; font: normal 1.7em Georgia, "Times New Roman", Times, serif;   }
#comment_form 						{ width: 420px; padding: 0px; display:block; float:left; }
#respond span.para 					{ color:#999; font-size:8.75em; display:block; width: 70px;
									  margin: 0px 20px 0px 75px; float:left; text-align:right; font-family:Georgia, "Times New Roman", Times, serif;}
#comment_form p 					{ padding:  0; font-size: 1.1em; line-height: 1.1em; margin:0;}
#comment_form p.submit_p 			{ padding-bottom: 1.30769em; }
#comment_form label 				{ padding: 0 0 0 10px; font: 1.1em; }
#comment_form .text_input 			{ width: 206px; padding: 0px; color: #333;  background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
#comment_form .text_input:focus 	{ background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
#comment_form .text_area 			{ width: 419px !important; height: 6.15385em; line-height: 1.53846em; }
#comment_form .form_submit 			{ padding: 0.35714em 4px; background: url('img/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; font: bold 1.07692em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
#comment_form .form_submit:hover 	{ color: #237fa1; }
#comment_form 
p.subscribe-to-comments				{ font-size: 1.3em; }
#comment_form 
p.subscribe-to-comments label 		{ font-size: 1.0em; }

/* Sidebar */
#sidebar							{font-size: 1.1em; line-height: 14px;}
.sidebarmargin						{margin:0 10px 0 10px;}
p.sidebar-badge						{padding:0 0 10px 0; border-bottom:1px dotted #d3d3d3; margin:0 0 20px 0; text-transform: uppercase;}
ul#recentcomments					{margin:0 0 30px 10px; list-style-type: none;}
#recentcomments li					{padding: 5px 0 5px 0; border-bottom:1px solid #eeeeee;}
#recentcomments li a				{color:#999999;}
#recentcomments li a:hover			{text-decoration: underline;}
ul#popular							{margin:10px 0 30px 10px; list-style-type: none;}
#popular li							{padding: 5px 0 5px 0; border-bottom:1px solid #eeeeee;}
#popular li a						{color:#686868;}
#popular li a:hover					{color:#d6491b}


/* Page Navigation */
.wp-pagenavi {line-height: 25px; padding:10px 0 0 0; text-align:center; margin:15px 0 0 0;}
.wp-pagenavi a {color:#4f4f4f; margin: 0 5px 0 5px;}
.wp-pagenavi a:hover {color:#a7a7a7;}
.wp-pagenavi span.current {color:#4f4f4f; border-bottom:2px solid #75BF00; font-size:13px; font-weight: bold; margin: 0 5px 0 5px; padding: 0 0 3px 0;}
.wp-pagenavi span.extend {margin: 2px 4px 2px 4px;}



#footer							    { background: #000 url('img/footer.gif') repeat-x top center; }				
#footer	img						    { border:0; background: #000}
p.footer-badge						{ padding:10px; margin:0 ; text-transform: uppercase; background: #000}
#flickr                     		{ background: #000; padding: 0 0  10px 10px;}
#flickr ul							{ margin:15px 0 0; padding:0 }
#flickr img							{ border:12px solid #111; background-color:#999; padding:1px  }
#flickr img:hover					{ border-color:#333 }

#twitter                     		{ background: #000; padding: 0 10px  10px 0px; color:#FFF}
#twitter ul							{ margin:15px 0 0; padding:0 }

#bottomline                         { padding: 20px 0 10px;	background: url('img/bottomline.gif') repeat-x top center;	border: 0px solid #F0F;}

