/* GENERAL */
#container {min-width:800px; font:63.5%/110% "Helvetica",sans-serif; color:#333333;}
a {padding:0 0.25em; text-decoration:none;}
a:hover {background-color:#FFFFCC;}
strong {font-size:110%; font-weight:bold;}
.darker {color:#666666;}
.lighter {color:#999999;}
.smaller {font-weight:normal; font-size:75%;}
#article_image {float:right;max-width:50%;padding:0 0 1.5em 1em;}
.body p {font-size:1.2em; line-height:1.3em; padding:0.5em 0;}
/* CONTENT */
#comics{width:74%;margin:5% auto;padding-right:1%;}
#header{padding-bottom:1em;font-size:250%;}
#header a,#subheader a{color:#333;}
#header p{font-size:65%;padding-top:0.5em;color:#444;}
#subheader{clear:left;padding-top:0.5em;text-align:right;font-size:150%;}
.comic{background:url('http://greenbot/img/loading.16px.gif') no-repeat center center;float:left;}
.comic a{background:#FFFFFF;}
.comic img{max-width:100%;}
#center.comic{margin:0 1em;}
.comic.large{max-height:600px;}
.comic.large img{max-height:650px;}
.comic.medium{padding-top:5%;width:32%;min-height:350px;}
.comic.small,.comic.small img{width:125px;height:125px;}
/* ERROR */
div.error{width:50%;min-width:400px;margin:2em auto;border:1px solid #eee;padding:1em 2em 2em 2em;font-size:63.5%;}
.error h1{font-size:2em;padding:1em 0;}
.error p{font-size:1.2em;line-height:1.3em;padding:0.5em 0;}
/* SEARCH */
#search input{float:left;width:3.5em;margin:-3px 0 -3px 0;border:1px solid #FFFFFF;padding:-1px 0 0 0;font:1em/1em "Helvetica",sans-serif;color:#555555;}
#search input:hover{color:#000;}
#search input:focus{width:10em;margin:-1em 0 0 0;border:1px solid #AAAAAA;padding:0.25em 0.25em 0.1em 0.25em;font:1.25em/1.1em "Helvetica",sans-serif;color:#000000;}
#large_search{clear:both;font-size:175%;margin:2em 0;}
#large_search_input{width:100%;font-size:115%;}
#large_search label,#large_search_button{display:none;}
.article{float:left;background:#F0F0F0;width:105px;height:105px;overflow:hidden;padding:10px;font-size:1.3em;line-height:1.1em;text-align:center;}
.body h1{font-size:125%;font-weight:bold;padding-bottom:1em;}
.body h2{font-size:250%;padding-bottom:0.25em;}
.body a{color:#369;}
.article p{padding-bottom:0.5em;font-size:125%;}
.article a{color:#333;}
.article a:hover{color:#000;}
/* TOPICS */
#topics {clear:left;float:right;margin-top:0.5em;border-top:1px solid #CCC;padding:0.5em 0.5em 0 2em;font-size:175%;}
#topics li {float:left;border-right:1px solid #BCBCBC;padding:0 0.5em;}
#topics li.last {border-right:0;padding-right:0;}
#topics a {color:#258;}
#topics a:hover {color:#000;}
/* PAGINATION */
#page_range{float:left;font-size:150%;padding:1em 0 0 1em;}
#page_range .range{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));margin-right:0.1em;border:1px solid #ddd;padding:0.1em 0.3em;
	font-family:monospace;text-decoration:none;color:#555;}
#page_range .range:hover{background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#bbb));border:1px solid #666;}
#page_range .range:active,#page_range .current_page{background:-webkit-gradient(linear,left top,left bottom,from(#bbb),to(#eee));border:1px solid #999;color:#000;}
#page_range .current{font-size:125%;}
#page_range .pre,.pagination .post{background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));margin:0 0.1em;border:1px solid #eee;color:#777;}
/* META */
#meta{position:fixed;width:100%;bottom:0;left:0;padding:0 0 0.5em 0.5em;color:#555555;font-size:0.9em;}
#meta li{float:left;border-left:1px dotted #666;padding:0 0.25em;font-size:1.4em;}
#meta li.first{border:0;}
#meta a{color:#555555;}
#meta a:hover{color:#000000;}