/*
Theme Name: drawn-in
Theme URI: http://google.com
Description: drawn-in by Paul Flynn
Version: 1.0
Author: Paul Flynn
Author URI: http://deefolt.com
*/
/*--------------------------------------
 - V1 161008
 - Author 	:	Paul Flynn
 - Visit	:	http://www.deefolt.com
 - Client	:	drawn-in 
----------------------------------------
COLORS
 - blog-header	 		#554499
 - grey-body		 	#4c4c4c
 - blog-nav-blue		#2277dd

 - body-font :	HelveticaNeue-Light, Helvetica, Arial, sans-serif;

 ---------------------------------------
CSS DIRECTORY
 1. =
 2. =
 3. =
 4. =
 ---------------------------------------/*

/*---------------------------------------
RESET: Meyer v1.0 | 20080212
---------------------------------------*/
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, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
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;}

/*---------------------------------------
MODIFIED : Blueprint
---------------------------------------*/

body { font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;}
p { margin-bottom : 1em; }
ul, ol { margin : 0 0  0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
strong { font-weight : bold; }

/*---------------------------------------
DEEFOLT STYLES
---------------------------------------*/

body { font: 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; color : #4c4c4c; text-align : justify;}
/* =headers */
h1, h2, h3, h4, h5 { color : #fff; font-size : 10px; font-weight :normal; line-height : 10px; margin : 0; padding : 0; text-transform : uppercase; }
h1 { margin : 3px 0 2px 5px; float : left; display : inline; }
h2 { margin : 3px 5px 2px 5px; float : right; display : inline; font-size : 9px; }
h3 { margin : 3px 0 2px 5px; width :350px; float : left; display : inline; }
h4 { margin : 3px 0 2px 5px; float : left; display : inline; text-transform : lowercase; }

/* =a  */
a, a:visited { color :#2277dd; text-decoration : none; }
a:hover, a:active, a:focus  { color :#554499; text-decoration : none;}
/* =img  */
img { margin : 0 0 .5em 0;}


/*---------------------------------------
DEEFOLT BODY
---------------------------------------*/

#wrapper { width : 825px; margin : 0px auto; }

/* =header */
#header { width : 825px; height : 20px; margin : 0 auto; margin : 20px 0px 20px 0px; }
#header img { width : 63px; height : 14px; margin : 20px 0 0 5px; }

/* =body */
#content { width : 525px; float : left; display : inline; }
.blog-header { width : 525px; height : 17px; background-color : #554499; margin-bottom : 5px; }
.blog-feature { width : 525px; height : 17px; background-color : #554499; margin-bottom : 45px; }
.blog-header p { margin : 0; color : #fff;}
.blog-feature p { margin : 0; color : #fff;}

/* =navigation */
#navigation { width : 220px; float : left; display : inline; margin : 0 0 0 20px; }
.blog-category-nav { width : 220px; height : 17px; background-color : #2277dd; margin-bottom : 15px; }
#navigation ul { margin : 0 0 15px 5px; color : #4c4c4c; }
#navigation a { color : #4c4c4c;  }
#navigation a:hover { color : #2277dd;  }

/* =siteinfo */
#siteinfo { width : 800px; float : left; display : inline; }

/* BLOG SHIT */
.blog-post { margin-bottom : 15px; }
.blog-post-info { color : #fff;	font-size : 10px; }
.blog-post-title a { color: #fff; }
.blog-post-content img { border : 0px; margin-bottom : 10px; }
.blog-header a { color : #fff;}
.blog-header a:hover { color : #2277dd;}
.blog-feature a { color : #fff;}
.blog-feature a:hover { color : #2277dd;}