/* ----- RESET ----- */
@import url("reset.css");

html { overflow-y: scroll; }

/* ----- GLOBAL ----- */
body { font-size: 15px; background: url('/dev/images/wood.jpg') repeat top center; background-color: #ffffff; }
html > body { font-size: 15px; }

img { behavior: url(framework/iepngfix.htc); }

.leftCol { float: left; width: 480px; margin: 20px 0 0 28px; }
.rightCol { float: right; width: 200px; }

.clear { clear: both; }

/* ----- TYPOGRAPHY ----- */
p { font: .9em/1.4em Georgia, Times New Roman, serif; color: #333; margin: 0 0 1.5em 0; }

h1 { font: bold 1.5em/2.2em Helvetica, Arial, sans-serif; color: #222; margin: 0 0 10px 0; }
h2 { font: 1.4em/1.6em Helvetica, Arial, sans-serif; color: #333; display: inline; }
#sidebar h2 { font: 1em/1.2em Helvetica, Arial, sans-serif; color: #333; }
h3 { font: 1.1em/1.5em Helvetica, Arial, sans-serif; color: #333; }
h4 { font: 1em/1.3em Helvetica, Arial, sans-serif; color: #333; }
h5 { font: bold .85em/1.3em Helvetica, Arial, sans-serif; color: #333; text-align: center; text-transform: uppercase; margin: 30px 25px 0 0; }
small { font: .8em Helvetica, Arial, sans-serif; color: #777; text-transform: uppercase; }

hr { border: 0; height: 1px; color: #ddd; background-color: #ddd; margin: 20px 0 20px 0; clear: both; width: 480px; }

.postmetadata { font: .8em Helvetica, Arial, sans-serif; }

/* ----- HEADER ----- */
#header { background: url('/dev/images/header.png') no-repeat top center !important; background: url('/dev/images/header.gif') no-repeat top center; }
#header { width: 790px; height: 36px; margin: 20px 0 0 0; }
#logo { background: url('images/blog_logo.gif') no-repeat; width: 738px; height: 106px; }

/* ----- NAVIGATION ----- */
#navigation { width: 500px; text-align: right; }
#navigation ul { list-style: none; margin: 0 0 20px 30px; }
#navigation ul li { float: left; margin: 0 30px 0 0; }
#navigation a { font: 18px Helvetica, Arial, sans-serif; }


.navigation { margin: 0 0 10px 0; }
.navigation a { font: 12px Helvetica, Arial, sans-serif; }
.alignleft { float: left; }
.alignright { text-align: right; float: right; }


/* ----- CONTENT ----- */
#stage { background: url('/dev/images/paper.png') repeat-y top center !important; background: url('/dev/images/paper.gif') repeat-y top center; }
#stage { width: 760px; padding: 10px 30px 0 30px; text-align: left; }
#intro { width: 25em; padding: 20px 0 0 30px; }
.content { padding: 0 0 0 30px; }
#iphone { margin: 80px 0 0 0; }

.midCol ul { list-style: none; margin: 0 0 30px 0; }
.midCol ul li { float: left; margin: 0 20px 0 -10px; width: 135px; text-align: center; }
.midCol ul li img { margin: 0 0 10px 0; cursor: pointer; }

/* ----- SIDEBAR ----- */
#sidebar { margin: 0 20px 0 0; }
#sidebar ul ul { margin: 5px 0 20px 0; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; }
#sidebar ul ul li { font: .8em/1.5em Helvetica, Arial, sans-serif; }

/* ----- PAGE SPECIFIC ----- */
.commentmetadata { margin: 5px 0 5px 0; font: 10px Helvetica, Arial, sans-serif; }
.comment-body { padding: 20px 0 0 0; border-bottom: 1px solid #ddd; }
.avatar { display: none; }
.vcard { font: 13px Helvetica, Arial, sans-serif; }
.fn { font: 16px Helvetica, Arial, sans-serif; }
#respond { margin: 20px 0 0 0; }
ol { -webkit-padding-start: 10px 0 0 0; }

/* ----- FOOTER ----- */
#footer { background: url('/dev/images/footer.png') no-repeat top center !important; background: url('/dev/images/footer.gif') no-repeat top center; }
#footer { width: 790px; height: 20px; padding: 30px 0 0 0; margin: 0 0 30px 0; clear: both; }

/* ----- LINKS ----- */
a:link, a:visited { color: #b75b10; text-decoration: none; }
a:active, a:hover { color: #91470b; text-decoration: none; }