/*
Theme Name: Frankified
Theme URI: http://Frankified.com
Description: A theme for Frank Gazerro's website, Frankified.com.
Version: 2.0
Author: Frank Gazerro
Author URI: http://Frankified.com
Tags: Frank
*/


/* ====== 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:'Droid Sans', /* Molengo, Nobile, */ Calibri, Arial; 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; }

p { font-size:1.5em; margin: 0 0 1.5em 0; line-height:1.5em; }
a { color:#33554b; }
a:hover { color:#231f20; text-decoration:underline;}
.entry-content a { text-decoration:underline; }

h1, h1 a, h2, h2 a, h4, h4 a { color:#231f20; font-weight:bold; }
h3, h3 a { color:#019f17; margin:2em 0 1em 0; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color:#231f20; text-decoration:underline; }

/* Text Shadow */

	h1, h1 a { text-shadow:2px 2px 2px #bbb; }
	h3, h3 a { text-shadow:1px 1px 1px #ccc; }


/* Sidebar */

	#sidebar .subscribe a { font-size:2.5em; color:#d96423; }
	#sidebar p a { text-decoration:underline; }
	.reader-publisher-module .f { text-align:right; font-size:1.5em; }
    

/* Posts and Pages */

    .entry-content h4 { margin:0 0 .5em 0; }
    .entry-metadata span { font-size:1.4em; line-height:1.5em; }
	.entry-metadata .topic span { color:#444; }
    .entry-metadata a { text-decoration:underline; }
    .summary p { font-size:1.8em; color:#D96423; /*color:#019F17;*/ }
    #quick ul li { margin: 0 0 .25em 2em; }
    #quick { margin:0 0 4em 0; }
    #quick p { margin:0 0 .25em 0; }

/* Footer */

    #footer { color:#475450; }
    #footer p { text-align:center; }

/* Lists */

    li { font-size:1.5em; }
    ul li ul li { font-size:1em; margin:.5em 0 .5em 3em; }
    li span { font-size:1em; }
    ul { margin:0 0 1.5em 0; } 
    li { margin:0 0 .5em 3em; list-style-type:disc; }


/* Other Elements */

    strong { font-weight:bold; }
    em { font-style:italic; }
    br { margin:0 0 1em 0; }

    .topic p { color:#475450; }
    .right { text-align:right; }
	.left { text-align:left; }
    #content div.wpcf7 p { color:#231f20; }


/* ===== BODY, LAYOUT, HTML ELEMENTS ===== */

body { background:#fff; /*border-top:#231f20 1em solid;*/ }
#header, .services, .nav,  #content, #footer { width:96em; margin:auto; }
#main { width:64em; padding-bottom:5em; }
#content { margin:1em auto auto auto; }
.block { border:solid #ddd; border-width:1px 1px 3px 1px; padding:1em; margin:0 0 2em 0; overflow:auto; }
blockquote { margin:-1em 0 0 5em; }





/* ===== HEADER ===== */

#header { padding:0 0 1em 0; }

.site-title { margin:2em 0 2em 0; }
.site-title h2 a img { height:4.1em; }


/* Navigation */

	#header .nav ul li a { color:#fff; text-decoration:none; }
	#header .nav { background:url("http://frankified.com/wp-content/themes/frankified-2.0/resources/images/nav-bg.jpg") repeat-x; }
	#header .nav { margin:1em auto; padding:.5em 0; height:3em; }
	#header .nav ul { position:relative; margin:0 0 -.5em 0; }
	#header .nav ul li { list-style-type:none; float: left; margin:0 0 0 0em; padding:0 1.5em 0 1.5em; border-right:1px solid #ddd; }
	#header .nav ul li a { /*display: block;*/ font-size:1em; }
	#header .nav ul li a:hover { text-decoration:underline; }
	#header .nav li.last { border-right:none; }

/* Dropdown Menu */
	#header .nav ul li.hover, .nav ul li:hover { position: relative; }
	#header .nav ul li ul { width:20em; visibility: hidden; position: absolute; /*top: 100%;*/ left: 0; }
	#header .nav ul li ul li { display:inline; margin:1em 0; float: left; }
	#header .nav ul li ul li a { color:#33554B; /* width: 100%; display: inline-block; */ } /* For IE 6 & 7 */

/* Page Navigation */
	.page-nav ul li { list-style-type:none; }
	.page-nav ul li ul li { list-style-type:disc; }
	.page-nav { width:18em; float:right; margin:0 0 2em 2em; }
	.page-nav.block { border-top:none; border-right:none; }
	.page-nav ul li { margin:0 0 .25em 0; }
	.page-nav ul li ul { margin:.5em 0; }
	.page-nav ul li ul li { margin:0 0 .25em 2em; }
	.page-nav li.current a { color:#231f20; text-decoration:underline; }


/* ===== SIDEBAR ===== */

#sidebar { width:28em; float:right; padding:1em 0 0 0; }
#sidebar h3 { margin: 0 0 .5em 0; }
#sidebar p { margin:0 0 .5em 0; }
#sidebar .subscribe { margin:0 0 2em 0; }
#sidebar .subscribe a { background:url("http://lab.frankified.com/wp-content/themes/frankified-2.0/resources/images/icon-rss-28.png") no-repeat left bottom; padding:0 0 0 1.5em; }
#sidebar ul li { margin: 0 0 .5em 2em; }
#sidebar .interesting-feed { margin:0 0 .5em 0; }
#sidebar .interesting-feed a { background:url("http://lab.frankified.com/wp-content/themes/frankified-2.0/resources/images/icon-rss-20.png") left top no-repeat; padding:0 0 .5em 2em; color:#D96423; }
#sidebar .hello img { float:left; margin:.5em; }
#sidebar .search { min-height:5em; overflow:auto; }
#sidebar ul.social li { list-style-type:none; margin:0; }
#sidebar ul.social { margin:2.5em 0 0 0; }



/* ===== PAGES ===== */

.entry-metadata { margin:.5em 0 2em 0; /* padding:.5em .5em; background:#c0ebc6; */ }
.entry-metadata .article-link { margin:0 0 .5em 0; }
.topic { width:14em; float:left; margin:0 1em 0 0; }
.info { overflow:auto; }
.entry-content { clear:both; }
.single .entry-content { clear:none; }
#contact-me .entry-content { margin-bottom:5em; }

.page-title { padding:0 0 .5em 0; }
.seperator { margin:0 .5em 0 .5em; }
.post { margin:0 0 4em 0; }

.summary { margin:4em 1.5em 0 1.5em; }
.sub-desc { margin: 0 2em 1.5em 2em }
.sub-list { list-style-type:none; }

.left-column, .center-column { width:20em; margin:0 1em 0 0; float:left; }
.column li { margin:0 0 .25em 0; list-style-type:none; }
.right-column { overflow:auto; }

#copywriting .left-column { width:25em; }
#guitar-lessons .topic { width:18em; }
.testimonial { margin:0 2em; }


/* ===== FOOTER ===== */

#footer { margin: 25em auto 4em auto; padding:1em 0; clear:both; }
#footer .nav { margin:0 0 2em 4em; }


/* ===== WORDPRESS IMAGES ===== */
img.alignleft { float:left; margin:0 1em 1em 0; }
img.alignright { float:right; margin:0 0 1em 1em;}