/*
Theme Name: Frame 36 Wordpress Theme
Theme URI: http://joehowarddesign.com
Description: The totally awesome wordpress theme by Joe Howard Design
Version: 2 (WP2.6.2)
Author: Joe Howard
Author URI: http://joehowarddesign.com
Tags: clean, white, basic, 740px
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#111111;
}

h1, h2, h3, h4, h5, h6 {font-weight:bolder; color:#292929; margin:3px 0 5px 0;}
h1 {font-size: 1.844em; }
h2 {font-size: 1.484em;  font-weight:normal;}
h3 {font-size: 1.444em; }
h4 {font-size: 1.384em;}
h5 {font-size: 1.324em;}
h6 {font-size: 1.284em; }

p {font-weight:normal;}
a, a:hover {text-decoration:none;}
a { color:#ff349a;}
a:hover {color:#111; }
strong {font-weight:bolder;}
em {font-style:italic;}



.grey80 {color:#666666;}
.five {margin:0 5px;}
.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}
.sml {font-size:80%;}
.right {float:right;}
.d80 {font-size:80%; }


#wrapper {width:740px; margin:20px auto; border:1px solid #999;}
#header {height:90px; background:url(style/images/header.gif) no-repeat center bottom;}
#logo {float:right; margin:0;}
#subnav {float:left; width:154px;}
#content {width:740px; background:url(style/images/bgbg.gif) repeat-y left top; margin:0 auto 10px auto;}
#sb {float:left; width:134px; padding:10px;font-size:1.144em; line-height:1.244em; text-align:right; position:absolute;}
#sblinks {position:relative; bottom:0; width:134px; padding:10px;}
#maincol {float:right; width:566px; margin:10px; font-size:1.144em; line-height:1.244em;}
#footer {height:20px; width:720px; margin:5px 10px; font-size:1.1em; color:#999; text-align:right;}
#footer img {float:right;}

#sbnav {text-align:right;}
#sbnav ul {}
#sbnav ul li {margin:4px 0;}
#sbnav a, #sbnav a:hover {}
#sbnav a {color:#1a1a1a;}
#sbnav a:hover {color:#ff349a;}


h2.widgettitle {font-size:1.2em; font-weight:normal; color:#999; border-bottom:1px dotted #999; margin:10px 0 0 0;}


.post {margin:20px 0 10px 0; border-bottom:1px dotted #999; clear:both;}
.post h2 {float:left; width:430px;}
.post p {font-size:1em; line-height:1.3em; margin:0 0 10px 0;}


.photoblock {width:512px; padding:2px; background:#fff; border:1px solid #dedede; margin:10px;}
.photoblock img {margin:2px; border:1px solid #999;}

li.widget_recent_entries {margin:40px 0 0 0;}
.widget_recent_entries ul li a {color:#999;}
.widget_recent_entries ul li a:hover {color:#111;}
.widget_recent_entries ul li {margin:8px 0 0 0;}


#comment {width:564px; background:#fff; color:#111; border:1px dotted #ccc; margin:10px 0;}



.spaced {height:400px;}

.ll {width:180px; float:left; margin:10px 5px 0 5px; height:200px;}
.ll p {width:160px; padding:3px 10px; text-align:center;}
.llimg {width:178px; padding:1px; border:1px solid #ccc;}


.postinfo {margin:10px 0; padding:4px 0; border-top:1px dotted #dedede; border-bottom:1px dotted #dedede;}
.bigspace {margin:10px 0 70px 0;}
.date_right {float:right; width:110px; color:#b8b8b8;}
.introtext {margin:5px 5px 10px 5px;}
.titleclr {clear:both; width:564px; height:5px;}

h2.rssfeed {font-size:1em; color:#999; margin:30px 0 0 0; letter-spacing:-.03pt;}




.custgal img {border:1px solid #ccc; }
.freshout {margin:2px;}

.vw2 {float:left;}


.vert21a, .vert21b {float:left;}

.h1v2 img {float:left; margin:1px; border:1px solid #ccc;}

.vert2img_alpha, .vert2img_bravo {height:375px; overflow:hidden; width:280px; float:left; border:none;}
.vert2img_alpha { margin:2px 2px 2px 0;}
.vert2img_bravo { margin:2px 0px 2px 2px;}

.horiz2img_alpha, .vert2img_bravo {height:375px; overflow:hidden; width:280px; float:left; border:none;}
.horiz2img_alpha { margin:2px 2px 2px 0;}
.horiz2img_bravo { margin:2px 0px 2px 2px;}

.box9 {float:left; margin:0 1px;}
.box9 img {width:182px; height:250px; overflow:hidden; margin:1px 0;}

.v2 {}
.v2 img {float:left; margin:0 2px;}
.pbv {float:left; width:276px; overflow:hidden; margin:2px;}
.pb {margin:2px;}

.vw2 {float:left; margin:2px 0 0 0; width:262px;}
.vw2b {float:left; margin:0 1px; width:294px;}

.l2 {margin-left:2px;}