/*  
Theme Name: Anne Ahira
Theme URI: http://anne-ahira.teddysiswanto.com/
Description: A Wordpress Theme.
Version: 1.0
Author: Tetsuo
Author URI: http://www.TeddySiswanto.com/
*/


/* -------------------- GENERAL -------------------- */


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form { margin: 0; padding: 0; }

body { font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #000; letter-spacing: 1px; border-top: 30px solid #111; line-height: 20px; text-align: left; background: url(images/bg.jpg) top center repeat-y; }

h2 { font-size: 18px; }
h2 a { color: #111; }

h4 { font-style: italic; font-size: 20px; color: #ee0077; padding: 10px 10px 0 10px; }

hr { color: red; }

a { text-decoration: none; color: green; }
a:hover { text-decoration: underline; color: #111; }

img, img a { border: 0; }

.entry img { padding: 4px; margin: 5px; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 5px 0 2px 7px; padding: 4px; display: inline; }
img.alignleft { margin: 5px 7px 2px 0; padding: 4px; display: inline; }
img.wp-smiley { border: 0; margin: 0; padding: 0; background-color: transparent; }

#container { margin: 0 auto; width: 814px; padding: 0; position: relative; }

#page { width: 814px; margin: 0; padding: 0; float: left; }

.mainwrap { width: 780px; padding: 0 17px; margin: 0; float: left; }


/* -------------------- SEARCH FORM -------------------- */





/* -------------------- POST -------------------- */


.content { width: 514px; float: left; background: #fff; margin: 0; padding: 0; }

.post { margin: 10px; padding: 0; clear: both; }

.first_post, .single_post { padding: 0; margin: 10px; font-size: 110%; }
.first_post h2, .single_post h2 { font-size: 30px; }


h2 a { font-size: 22px; color: #000; font-weight: normal; text-decoration: none; line-height: 24px; }


.postmeta { margin: 6px 0 ; font-size: 11px; color: #666; }
.postmeta a, .postmeta a:link { color: #333; text-decoration: none; }
.postmeta a:hover { color: #999; text-decoration: none; }

.date { height: 53px; width: 51px; background: url(images/calendar.gif) no-repeat; font-size: 20px; color: #666666; text-align: center; padding: 0px 1px 0 0; line-height: 100%; float: left; color: #666; }
.date span { height: 21px; display: block; font-size: 11px; color: #f2f2f2; text-align: center; padding-top: 2px; }
.title { float: left; margin: 0 0 10px 10px; width: 425px; }

.entry a { text-decoration: underline; }
.entry a:hover { color: #000; }

.more { background: url(images/more.gif) no-repeat bottom right; font-size: 85%; padding-right: 16px; margin: 0 0 30px 0; text-transform: uppercase; text-align: right; letter-spacing: -1px; font-weight: bold; }
.more a { text-decoration: none; color: green; }
.more a:hover { color: red; }


.navigation { padding: 30px 10px; text-align: center; clear: both; }


/* -------------------- RIGHT BAR -------------------- */


#sidebar { width: 266px; margin: 0; float: left; padding: 0; color: #f1f1f1; }
#sidebar a img { border: none; }	
#sidebar p { margin-bottom: 15px; font-size: 11px; }

#sidebar #blogtitle { background: url(images/headerHSEOG2007up.jpg) top left no-repeat; height:150px; padding: 5px 20px 10px 20px; margin: 0 17px 10px 17px; text-align: center; }

#sidebar #blogtitle h1 { margin: 47px 0 10px 0; font-size: 35px; font-weight: normal; letter-spacing: 2px; }
#sidebar #blogtitle h1 a { color: #f3f3f3; text-decoration: none; }     
#sidebar #blogtitle h1 a:hover { color: #fff; text-decoration: none; }             

#sidebar #blogtitle a img { display: block; margin: 0; border: none; }
#sidebar #blogtitle hr { border: 2px solid #666; }
	
#sidebar #blogtitle p { margin: 0px 0; font-size: 10px; text-align: center; }



#sidebar .description { padding: 0; font-size: 90%; font-style: italic; color: #ccc; }


#sidebar h2 { display: block; height: 21px; margin: 0 17px 10px 17px; padding: 7px 10px; background: url(images/sidebar-title-bg.jpg) 0 0 no-repeat; margin-bottom: 0px; text-decoration: none; font-size: 12px; font-weight: bold; color: #999; }
#sidebar h2:hover { background: url(images/sidebar-title-bg.jpg) 0 -35px no-repeat; color: #FFF; }        


#sidebar ul { margin: 10px 17px 20px 17px; padding: 0; }
#sidebar ul li { font-size: 11px; background: url(images/bullet.png) 0 5px no-repeat; padding: 0 0 0 10px; margin: 0 0 5px 5px; list-style-type:none; }
	
#sidebar ul li a { color: #999; text-decoration: none; }
#sidebar ul li span { color: #666; margin-left: 5px; }
	
#sidebar ul li a:hover { color: #CCC; }


#sidebar ul#pages #searchform input { padding: 0; margin-bottom: 20px; width: 222px; }
#sidebar ul#pages #searchform input:focus { color: green; }


#sidebar ul#pages { margin: 10px 17px 20px 17px; list-style: none; padding: 0; }
	
#sidebar ul#pages li { margin: 0; padding: 0; }
#sidebar ul#pages li a { display: block; height: 21px; padding: 7px 10px; background: url(images/page-title.jpg) 0 0 no-repeat; margin-bottom: 5px; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #999; }
#sidebar ul#pages li a:hover { display: block; height: 21px; padding: 7px 10px; background: url(images/page-title.jpg) 0 -35px no-repeat; margin-bottom: 5px; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; }

#sidebar ul#pages li.current_page_item a:link,
#sidebar ul#pages li.current_page_item a:visited,
#sidebar ul#pages li.current_page_item a:hover,
#sidebar ul#pages li.current_page_item a:active { display: block; height: 21px; padding: 7px 10px; background: url(images/page-title.jpg) 0 -35px no-repeat; margin-bottom: 5px; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; }


/* -------------------- COMMENTS -------------------- */


.comments { width: 487px; padding: 20px 0; float: left; }

.comments h2 { font-size: 20px; font-weight: normal; }

ol#commentlist { }
ol#commentlist li { padding: 10px; margin: 10px 0; background: #eee; border: 1px solid #ccc; }
form#commentform { background: #eee; border: 1px solid #ccc; padding: 10px; }
form#commentform textarea { width: 451px; height: 150px; }
form#commentform input, form#commentform textarea { background: #fff; border: 1px solid #ccc; padding: 1px; }


/* -------------------- FOOTER -------------------- */


#footer { width: 780px; padding: 0 17px; margin: 0; float: left; text-transform: uppercase; clear: both; }
#footer p { color: #555; font-size: 80%; margin: 15px 20px 15px 20px; }


/* -------------------- CALENDAR -------------------- */


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

table#wp-calendar caption { padding: 10px 15px; }

table#wp-calendar th { padding: 0px; text-align: center; background: #eee; }
table#wp-calendar td { padding: 0px; text-align: center; }