/*
Theme Name: Big Picture Media
Theme URI: http://BigPictureMediaOnline.com
Description: A blog theme for Big Picture Media
Version: 1.0
Author: Frank Gazerro
Author URI: http://Frankified.com
Tags: Big Picture Media, Public Relations
*/


/* ====== RESET ====== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,var {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-style:normal;
font-weight:normal;
text-align:left;
text-decoration:none;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after{ content: ''; content: none;}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* ====== CSS INFORMATION ====== */

/*
Outline for Font-Size Hierarchy
   h1: 3em - Largest size
   h2: 2.5em - Reduce h1 size by 1/6
   h3: 2.25em - Reduce h2 by 1/10
   h4: 1.5em - Reduce h3 by 1/3
   h5: 1.3125em - About 87.5% of h4
   h6: 1.125em - About 87.5 of h5

Outline of Line Height for Headings:
   h1: 0.9em
   h2: 1.2em
   h3: 1.2em
   h4: 1.5em
   h5: 1.8em
   h6: 1.8em

Creating a Grid
div {
   width: xx
   float: left;
   overflow: auto
}

*/


/* ===== BASE STYLES FOR GRID ===== */

html { font-size:100%; min-height:101%; }
body { font-family: Trebuchet MS,Calibri,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size:62.5%; color:#222; line-height:1.8em;}


/* ===== TYPOGRAPHY ===== */

h1 { font-size:2.8em; line-height:1.2em; }
h2 { font-size:2.5em; line-height:1.2em; }
h3 { font-size:1.8em; line-height:1.2em; }
h4 { font-size:1.5em; line-height:1.5em; }
h5 { font-size:1.3125em; line-height:1.8em; }
h6 { font-size:1.125em; line-height:1.8em; }


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a, a:hover { color:#ddd; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-transform:uppercase; }
h1, h1 a, h1 a:hover, h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover, h5, h5 a, h5 a:hover, h6, h6 a, h6 a:hover { text-decoration:none; }

h3, h3 a { margin:1.5em 0 1em 0; font-weight:bold; }

p { color:#fef9dc; font-size:1.3em; margin: 1.5em 0 1.5em 0; line-height:1.5em; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:underline; }
a.more { text-transform:uppercase; }

strong { font-weight:bold; color:#fff; }
em { font-style:italic; }
br { margin:0 0 .5em 0; }

li { font-size:1.3em; color:#fef9dc; }
ul li { list-style-type:disc; }
ol li { list-style-type:decimal; }
ul, ol { margin:0 0 1em 3em; } 
ul li, ol li { }
ul li li { font-size:1em; margin:.5em 0 .5em 3em; }
li span { font-size:1em; }


/* ===== BODY AND LAYOUT ===== */


body { background:#000 url('http://lab.frankified.com/wp-content/themes/bigpicturemedia/resources/images/bg.jpg') repeat-x; }

#header, #content, #footer { width:92em; margin:0 auto; }
#header object { margin:0 0 0 -2em; }
#header .nav-center { margin:0 0 0 -3em; }

#main { width:100%; min-height:60em; float:left; margin:-3em 0 0; overflow:auto; background:#000 url('http://lab.frankified.com/wp-content/themes/bigpicturemedia/resources/images/home_bg.jpg') no-repeat; }
#posts { float:left; width:49em; margin:6em 0 1em 3em; }

.entry { margin:0 0 6em 0; }
.entry-title { margin:0 0 .25em 0; }
.entry-time p { margin:0 0 1.5em 0; }

#sidebar .contact p { margin:0 0 .25em 2em; }
#sidebar a { text-transform:uppercase; }
#sidebar h3 a { text-decoration:underline; }
#sidebar { width:39em; float:right; margin:3em 0 1em 0; padding:5em 0 0 0;}
#sidebar .box { width:37em; margin:0 1em 0 1em; padding:.25em; }
#sidebar .rss a { padding: 0.5em 0 0 2em; font-size:1.8em; background:url("http://BigPictureMediaOnline.com/blog/wp-content/themes/bigpicturemedia/resources/images/rss-black-30.png") no-repeat left bottom; }
#sidebar .contact p strong { line-height:3em; }
#sidebar .video .video-b { margin:3em 0 0 0; }

.archive .entry-title { margin:0 0 2em 0; }

.comments p { font-size:1em; }
.comment-respond textarea { width:100%; }
.comment-respond small { color:#FEF9DC; }

.post-archives .entry-content a { text-transform:uppercase; }

.error404 p.not-found { font-size:2em; }

#footer { clear:both; padding:2em 0em .5em 0em; }
#footer p { text-align:center; color:#888; font-size:1.1em; }