/*
Theme Name: Rosetta
Theme URI: http://nodebox.metaforix.net
Description: A nice, clean theme that uses only 1 image for the RSS icon. Fluid-width, with 2 widget columns
Author: Ong Chin Kiat
*/

/*
Don't steal code, it invites bad karma and retribution
*/

/*---General styles---*/
body { font-family:'Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif; font-weight:normal; height:100%; background:#272727; }
p { line-height:1.5em; font-size:0.8em; }
a { text-decoration:none; color:black; }
a:hover { text-decoration:underline; }
blockquote { width:90%; margin:0; padding-left:1.2em; border-left:5px solid #7A6D7F; font-style:italic; color:#7A6D7F; }
pre { border:1px solid gray; margin:10px; padding:10px; overflow:scroll; }

/*---Generic Structure---*/
.container { width:80%; margin:0 auto; clear:both; }
.post { clear:both; }

/*---Specific styles---*/
#header { padding:1em 0 3em 0; line-height:0.6em; color:white; }
#header h1 { font-weight:lighter; font-size:2.2em; font-family:Georgia,Verdana,Tahoma,sans-serif; display:inline; }
#header a { margin:0; color:white; text-decoration:underline; } 
#header p { margin-left:0.7em; font-family:Verdana,'Trebuchet MS',Helvetica,sans-serif; color:white; display:inline; font-size:0.7em; text-transform:uppercase; } 

#navigation { margin:0 0 1em 0; letter-spacing:0.04em; font-style:italic; font-size:1.2em; font-weight:lighter; font-family:Georgia,Verdana,Tahoma,sans-serif; text-align:right; }
#navigation ul { list-style:none; margin:0 auto; padding:0; }
#navigation li { list-style:none; text-transform:lowercase; display:inline; margin:0 auto; padding:0 0 0 2em; }
#navigation li a { text-decoration:none; position:relative; color:gray; font-size:0.8em; }
#navigation li a:hover,a:active { color:white; }

#main { height:auto; background:white; padding:1em; margin-bottom:auto; }
#main h1,h2,h3 { font-weight:lighter; font-size:1.8em; font-family:Georgia,Verdan,Tahoma,sans-serif; }

.subpages { width:20%; float:left; text-transform:uppercase; font-size:0.8em; }
.subpages li { list-style:none; font-size:0.7em; display:inline; }
.subpages ul { list-style:none; }
.subpages a { font-family:Verdana,'Trebuchet MS',Helvetica,sans-serif; background:#AC3400; color:white; padding-left:1em; display:block; margin:0 0 1em 0; }
.subpages p { background:#AC3400; color:white; font-size:0.7em; }

.metadata { width:20%; float:left; font-size:0.7em; text-transform:uppercase; }
.metadata a { background:#AC3400; color:white; display:block; }
.metadata p { font-family:Verdana,'Trebuchet MS',Helvetica,sans-serif; background:#AC3400; color:white; padding-left:1em; margin:0 0 1em 0; }

.entry { width:75%; float:right; background:#EBF2F8; margin-bottom:3em; padding:0 1em; }
.entry p { font-size:1em; font-weight:lighter; }

.asides { width:100%; }
.asides h1,h2,h3,h4 { display:inline; }
.asides p { display:inline; }

#pagination { clear:both; margin:0 auto; }
#pagination p { font-family:Verdana,'Trebuchet MS',Helvetica,sans-serif; font-size:0.8em; text-transform:uppercase; margin:0.5em; }
#pagination a { color:#7A6D7F; }
#pagination a:hover { color:white; background:#AC3400; text-decoration:none; } 

#comment { clear:both; width:75%; float:right; padding:0 1em; }
#comment .commentlist li.alternate-comment { background:#EBF2F8; list-style:none; padding:1em; height:100%; margin-bottom:2em; }
#comment .commentlist li { background:#BFFFC8; list-style:none; padding:1em; height:100%; margin-bottom:2em; }
#comment ol.commentlist { list-style:none; margin:0 auto; }

#sidebar { clear:both; padding:1em; color:white; }
#leftwidget { width:45%; float:left; }
#rightwidget { width:45%; float:right; }

.bottom { color:white; font-family:Georgia,Verdana,Tahoma,sans-serif; }
.bottom a { color:white; }
.bottom a:hover { color:#AC3400; }
.bottom ul { list-style:none; margin:0 0 2em 0; padding:0; }
.bottom li { list-style:none; margin:0; padding:0; width:100%; }
.bottom li ul li a { font-family:Georgia,Verdana,Tahoma,sans-serif; font-style:italic; text-decoration:none; color:white; }
.bottom li ul li a:hover { color:#AC3400; }
.bottom h2 { border-bottom:1px dotted white; font-weight:lighter; font-size:1.3em; margin-bottom:1em; text-transform:lowercase; }

#footer { font-size:1em; color:gray; }
#footer p { font-style:italic; font-family:Georgia,Verdana,Tahoma,Arial,sans-serif; }
#footer a { text-decoration:none; color:gray; }
#footer a:hover { color:white; }
#footer img { display:inline; margin-left:1em; }