/*
	Theme Name: the Dickens Society
	Version: 1.0
	Author: grzegorz.okonski@gmail.com
*/
/* ---------------------------
	reset
--------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote,
pre, a, abbr, acronym, address, code, del, dfn,  img, q, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, p { margin:0;padding:0;border:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;font-size:75%;}

/* ---------------------------
	default
--------------------------- */
a { color:#333; cursor:pointer; text-decoration:underline; }
a img { border:none; }
li { list-style:circle; }
table { border-collapse:collapse; border:none; }
:focus { outline: 0; }
body { background:#f2debd url(images/bg.png) top center repeat-x; color:#222; font-family:georgia, times, sans-serif; }
html { overflow-y:scroll; }
hr { display:none; }
img { display:block; }
h2 { color:#37662b; font-size:1.6em; margin:0 0 10px; padding:0 0 5px; border-bottom:1px solid #f2debd;  }
h3 { font-size:1.4em; color:#37662b; margin:5px 0; }
h4 { font-size:1.2em; color:#ebe1c2; margin:0 0 5px 0; }
p { margin-bottom:10px; text-align:justify; }

/* ---------------------------
	form
--------------------------- */

/* ---------------------------
	layout
--------------------------- */
#top { background:#2e3627 url(images/top-bg.png) repeat-x; min-width:940px; }

#header { position:relative; }
#header h1 a { width:435px; height:110px; display:block; background:url(images/logo-dickens-society.png) no-repeat; text-indent:-9999px; }

#nav  { position:absolute; right:0; bottom:40px; font-size:1.1em; font-family:tahoma; }
#nav li { display:inline; }
#nav li a { color:#ebe1c2; padding:0 10px; text-decoration:none; text-transform:uppercase; }
#nav li a:hover { text-decoration:underline; }
#nav .active a { color:#fff; }

#body { padding:20px 0; }

#content { padding:25px; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; min-height:500px; height:auto !important; height:500px; }
#content ul { margin:10px; }
#content form { width:48%; float:left; text-align:center; }
#content label { display:block; margin:10px 0; }

#aside { background:#2e3627 url(images/dickens.png) 0 0 no-repeat; padding:350px 20px 30px 20px; color:#ebe1c2; } 
#aside a { color:#ebe1c2; }
#aside h2 { font-size:1.6em; margin:0; color:#ebe1c2; border:none; }
#aside ul { margin:5px 20px; font-size:1.2em; }
#aside ul li { list-style:cirlce; margin-bottom:5px; }

	
#footer { clear:both; padding:10px 0; border-top:1px solid #555; margin-top:20px !important; }

/* ---------------------------
	specific
--------------------------- */
.alignleft { float:left; text-align:left; }
.alignright { float:right; text-align:right; }

.clear { display:block; clear:both; height:0; }
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0; }
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.home blockquote { margin-bottom:15px; font-size:1.4em;}
.home blockquote p { font-size:1.4em; }
.home blockquote em { font-style:italic; display:block; font-size:.7em; }
.home dl { width:260px; float:left; margin:20px 20px 20px 0; background:#2e3627; padding:15px 20px 40px 20px; height:150px; overflow:auto; position:relative;  }
.home dl dt { font-size:1.5em; color:#ebe1c2; margin-bottom:10px; }
.home dd { font-family:verdana, arial, sans-serif; color:#fff; text-align:justify; font-size:.9em; }
.home dd a { display:block; color:#fff; text-align:right; text-decoration:none; position:absolute; right:20px; bottom:20px; background:#ddd; color:#2e3627; text-align:center; padding:5px 20px; }
.home dd a:hover { background:#fff; }
.home .post { font-size:.9em; font-family:verdana, arial, sans-serif; }

.post a { text-decoration:underline; }
.post small { font-size:1em; margin:0 0 5px; display:block; color:#777; }

.navigation { margin-bottom:20px }
.navigation div { max-width:49%; }

/* ---------------------------
	grid
--------------------------- */
#header, #body, #footer { width:940px; margin:0 auto; }
.grid-1 { width: 300px; }
.grid-2 { width: 620px;}
.grid-1, .grid-2 { float:left; margin-right:20px; }
.last { margin-right:0 !important; }