@import 'fonts/fontin-serif.css';
@import 'reset.css';

body {font-family: fontin,georgia,serif; font-size: 100%;}
h1,h2,h3,h4 {cursor: default;}	
h2 {font-size: 1.35em; font-weight: normal; margin-bottom: 10px;}
h3 {font-size: 1.2em; font-weight: normal; margin-bottom: 10px;}
p {margin: 0 0 10px; line-height: 21px;}
a,.anchor {color: #b24f2c; text-decoration: none; cursor: pointer;}
a:hover,.anchor:hover {background: #b24f2c; color: #fff;}
a:focus,.anchor:focus {border-bottom-style: solid;}
hr {display: none;}
/* hack classes */
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}

body {background: url(images/bg.png); width: 960px; margin: 0 auto;}

div.header {display: block; overflow: auto; padding-top: 10px; background: url(images/header.png) no-repeat; height: 190px;}
div.header h1 {width: 500px; margin: 50px 0 0 100px;}
div.header h1 a {display: block; background: url(images/meridith.png) no-repeat right; height: 87px; text-indent: -9999px;}
div.header h2 {width: 500px; height: 40px; background: url(images/dressmaker.png) no-repeat right; margin: 5px 0 0 100px;text-indent: -9999px;}
div.bar {height: 8px; background: url(images/bar.png) repeat-x;}
div.header ul {float: right; width: 270px; padding-left: 65px; height: 100%; background: url(images/flower.png) no-repeat bottom left;}
div.header li {height: 56px; width: 233px;}
div.header li.phone {background: url(images/phone.png) no-repeat; text-indent: -9999px;}
div.header li.email {margin-top: 60px;}
div.header li.email a {display: block; height: 100%; background: url(images/email.png) no-repeat; text-indent: -9999px;}}

div.main {clear: both; padding: 0 0 10px 0;}
h2 span.admin {font-size: 0.8em;}
span.admin {display: block; float: right; font-size: 0.9em;}
span.admin em {display: none;}
span.admin a {margin-left: 10px;}
div.main em {font-style: italic;}
div.main strong {font-weight: bold;}
div.main h4 {font-weight: bold;}
div.main ul {margin-left: 20px;}

div.side {float: right; width: 355px; margin: -6px 0 0 0; background: #002a65; padding: 5px 0; background: url(images/main.png) no-repeat top right; min-height: 183px;}
div.side h2 {display: none;}
div.side ul {margin-top: 10px;} 
div.side ul li {margin: 4px 0; position: relative;}
div.side ul li {display: block; width: 192px; height: 79px; background-repeat: no-repeat; padding: 9px 11px 12px 9px;}
div.side ul li a {display: block; height: 100%; text-indent: -9999px;}
div.side ul li.about-me {background-image: url(images/about.png);}
div.side ul li.portfolio {background-image: url(images/portfolio.png);}
div.side ul li.blog {background-image: url(images/blog.png);}
div.side ul li.construction {background-image: url(images/construction.png);}
div.side ul li.talks {background-image: url(images/talks.png);}
div.side ul li.diary {background-image: url(images/diary.png);}
div.side ul a:hover,div.side ul li.current a {background: rgba(170,170,170,0.3);}
div.side ul ul {display: none; position: absolute; margin: -28px 0 0 -68px; background: #002a65; border: 2px solid #000;}
div.side ul li:hover ul {display: block; }
div.side ul ul a {}

div.content {margin: 0 360px 0 0; padding: 15px 0 20px 0;}
div.content ul {margin: 0 0 10px 25px; list-style: circle;}
div.content li {margin: 5px 0;}
div.content blockquote {margin-left: 25px;}
div.content dt {margin-bottom: 5px; font-weight: bold;}
div.content dd {margin-left: 25px; line-height: 21px; margin-bottom: 5px;}

div.footer {margin: 0 230px 0 0; padding: 56px 100px 0 0; height: 55px; background: url(images/footer.png) no-repeat top right;}
div.footer p {margin: 0; text-align: right; font-size: 1em;}
div.footer div.flower {position: absolute; top: -157px; right: -230px; width: 110px; height: 268px; background: url(images/bottom.png) no-repeat;}

table.book {margin-bottom: 5px;}
table.book td,table.book th {padding: 1px 5px;}
table.book th {font-weight: bold;}

fieldset legend {margin: 0 0 5px 10px; border-bottom: 1px dashed #000; font-size: 1.1em; padding-bottom: 5px;}

fieldset.l-tags {display: none;}

fieldset.align table {margin: 0 0 10px 70px;}
fieldset.align input,fieldset.align select {display: block; width: 160px; float: left; margin-bottom: 10px; padding: 3px;}
fieldset.align select.short {width: 50px !important;}
fieldset.align span {display: block; float: left; margin: 0 10px;}
fieldset.align label {display: block; float: left; margin-bottom: 10px; text-align: right; width: 100px; padding: 3px 10px 0 0; font-family: tahoma;}
fieldset.align label.line {width: auto; margin-left: 20px;}
fieldset.align ul {list-style: none;}
fieldset.align br {clear: left;}
fieldset.align input.submit {width: 350px; margin-left: 30px}
fieldset.align textarea {display: inline; width: auto; float: none; margin-bottom: 5px;}
fieldset.align p {margin-bottom: 8px;}
textarea {width: 98%;}
fieldset.text {margin-top: 5px;}
fieldset.text input.submit {width: 100%; margin-top: 2px; padding: 3px;}
input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus {border: 1px solid #b24f2c;}
fieldset.align input.short {width: 40px;}

/* STICKY FOOTER STUFF */
html, body, div.wrap {height: 100%;}

body > div.wrap {height: auto; min-height: 100%;}

div.main {padding-bottom: 111px;}  /* must be same height as the footer */

div.footer {position: relative;
	margin-top: -111px; /* negative value of footer height (plus footer top/bottom borders)*/
	clear: both;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */