/*
Theme Name:		Made Better Wood and Blue
Theme URI:		http://www.madebetterstudio.com
Description:	First version of Made Better Studio.
Author:			April Holle
Author URI:		http://www.aprilholle.com/
*/

/*
Styles for Made Better Studio
Created by April Holle on 2008-08-05
Copyright (c) 2008 Made Better Studio. All rights reserved.

Bookmarking:
==layout
==common
==form

Colors:
blue: #77afba
cream: #ffffe2
brown: #3b0f00
*/

/* ==layout */

html {width: 100%; height: 100%; margin: 0; padding: 0;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #ffffe2 url('images/bg-body.jpg') repeat-x; font-size: .8em; font-family: Verdana, Arial, Sans-Serif;}

.container {width: 950px; margin: 0 auto;}
#header {float: left; width: 100%; clear: both;}

.col-main {float: left; width: 630px; margin: 0 0 20px 0;}
.col-side {float: left; width: 275px; margin: 0 0 20px 0;}

.post {margin: 40px 0 0 0;}
.post-title {margin: 170px 0 0 0; background: url('images/bg-feat-header.png');}

.feat-img {width: 620px; height: 235px; border: 3px solid #3b0f00;}
#twitter {width: 275px; margin: -25px 0 0 -40px; background: url('images/hdr-twitter.png') no-repeat; padding: 100px 5px 0 80px;}

.post-footer {margin: 10px 0 0 0; border-top: solid 1px #ccc;}
.navigation {margin: 20px 0 0 0;}
.feat-portfolio {width: 276px; height: 280px; margin: 40px 0 0 40px; padding: 45px 0 0 0; background: url('images/bg-feat-port.gif') no-repeat scroll top left;}

#footer {clear: both; padding: 20px 0; background-color: #77afba; border-top: 5px solid #3b0f00;}

/* ==common */

a:link, a:visited {color: #68a0ab;}
a:hover {color: #3b0f00;}

.post-title a:link,.post-title a:visited {color: #3b0f00;; text-decoration: none;}
.post-title a:hover {color: #68a0ab; text-decoration: underline;}

#footer a:link, #footer a:visited {color: #3b0f00; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

a img {border: 3px solid #3b0f00;}
a:hover img {border: 3px solid #77afba;}

#header h1 {background: url('images/logo-madebetter.gif') no-repeat; text-indent: -5000px; width: 280px; height: 46px;}
.post-title h1 {margin: 0; padding: 5px; font-family: Georgia, Times, Serif; font-size: 36px; font-weight: normal; color: #3b0f00;}

h3 {color: #77afba;}

ul li {margin: 5px 0; line-height: 1.6em;}

ul#primary-nav {float: right; list-style: none; margin: 35px 0 0 0; padding: 0;}
ul#primary-nav li {float: left; font-family: Georgia, Times, Serif; font-size: 18px; color: #77afba;}
ul#primary-nav li a:link, ul#primary-nav li a:visited {text-decoration: none; padding: 0 8px;}
ul#primary-nav li a:hover {color: #ffffe2; }

ul#footer-nav {height: 30px; list-style: none; margin: 0 0 0 5px; padding: 0;}
ul#footer-nav li {float: left; font-family: Georgia, Times, Serif; font-size: 18px; color: #3b0f00;}
ul#footer-nav li a:link, ul#footer-nav li a:visited {padding: 0 8px;}



.post p {margin: 10px 5px 0 5px; line-height: 1.6em;}
#twitter p {margin: 20px 0 0 0; font-family: Georgia, Times, Serif; font-size: 1.8em; color: #77afba;}
p.meta, #twitter p.meta, #footer p {margin: 5px; font-family: Georgia, Times, Serif; font-size: 1em; font-style: italic;}
#footer p {float: right; width: 400px; margin: 5px 10px; text-align: right;}
.txt-right {text-align: right;}

/* ==forms */

textarea {width: 625px; height: 100px;}