/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

html { font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, textarea { font-size: 10px; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

.entry { font-size: 1.2em; line-height: 1.6em; }
.entry h1 { font-size: 1.6em; }
.entry h2 { font-size: 1.5em; }
.entry h3 { font-size: 1.4em; }
.entry h4 { font-size: 1.3em; }
.entry h5 { font-size: 1.2em; }
.entry h6 { font-size: 1em; }

/* HR */

.entry hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.entry ul li { text-indent: -.85em; margin-left: .85em; }
.entry ul li:before { content: "\2022\00a0\00a0"; }

.entry ol { list-style-position: outside; list-style-type: decimal; }
.entry dt { font-weight: bold; }


/* MARGINS & PADDINGS */

.entry blockquote *:first-child { margin: .8em 0; }
.entry hr, .entry p, .entry ul, .entry ol, .entry dl, .entry pre, .entry blockquote, .entry address, .entry form { margin-bottom: 1.6em; }
.entry p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.entry h1 { margin: 1em 0 .5em;  }
.entry h2 { margin: 1.07em 0 .535em; }
.entry h3 { margin: 1.14em 0 .57em; }
.entry h4 { margin: 1.23em 0 .615em; }
.entry h5 { margin: 1.33em 0 .67em; }
.entry h6 { margin: 1.6em 0 .8em; }
.entry th, .entry td { padding: .8em; }
.entry caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.entry blockquote { padding: 0 1em; margin: 1.6em 0; }
.entry fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.entry legend { padding-left: .8em; padding-right: .8em; }
.entry legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.entry textarea, .entry input { padding: .3em .4em .15em .4em; }
.entry select { padding: .1em .2em 0 .2em; }
.entry option { padding: 0 .4em; }
.entry a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.entry dt { margin-top: .8em; margin-bottom: .4em; }
.entry ul { margin-left: 1.5em; }
.entry ol { margin-left: 2.35em; }
.entry ol ol, .entry ul ol { margin-left: 2.5em; }
.entry form div { margin-bottom: .8em; }

/* COLORS */

.entry a:link { text-decoration: underline; color: #36c; }
.entry a:visited { text-decoration: underline; color: #99c; }
.entry a:hover { text-decoration: underline; color: #c33; }
.entry a:active, .entry a:focus { text-decoration: underline; color: #000; }
.entry code, .entry pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


.entry img { margin: 0 0 0 0; } /* over writes the lame-ass blueprint margin-bottom */


/*  
Theme Name: Grid Focus Public
Theme URI: http://5thirtyone.com/
Description: Grid aligned left w/ full content + images
Version: 1.0
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.
*/

*{margin:0;padding:0;}
html,body{background:#FFF;color:#333;text-align:center;} 
body{font:12px arial,helvetica,verdana,sans-serif;}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
a{color:#333;text-decoration:none;}
a:hover{color:#666;}
#wrapper{border-top:3px solid #EEE;margin:20px auto;text-align:left;width:965px;} 
			
			
#authorBlurb img{float:right;width:42px;height:42px;border:3px solid #EEE;}
#authorIntro a{font-weight:bold;} 
#authorIntro{line-height:1.4em;width:400px;float:right;margin:8px 0 0 0;}
ul.nav{list-style:none;background:#EEE;}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:100px;}
.nav li a{font-size:11px;outline:none;color:#333;text-decoration:none;display:block;padding:5px 0 12px 5px;width:99px;text-transform:uppercase;}
.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}
.nav li a:hover{background:#333;color:#eee!important;width:95px;}
* html .nav li a:hover{background:#333;width:99px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}
.nav li.skip a{width:100px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}
li.top a{width:100px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}
#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:101px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}

/* main - middle content and columns */
#mid{}#mainCol{float:left;margin:26px 0 0 0;width:435px;}

/* style individual sidebars */
#midCol a{font-weight:bold;}
#midCol{color:#444;float:left;margin:25px 0 0 33px;width:250px;line-height:1.3em;}
#midCol p{color:#777;}
#searchWrap,
.middle_links{margin-bottom:20px;}
#searchWrap input{vertical-align:middle;}
#searchWrap #s{font-size:1.1em;border:1px solid #BBB;padding:1px 2px;margin-right:3px;width:220px;}
.middle_links h3{margin-bottom:7px;}
#midCol ul{list-style:none;margin:8px 0 4px;}
.middle_links ul li{background:url(images/li.gif) no-repeat 0 3px;color:#7F7F7F;line-height:1.2em;border-top:1px solid #BBB;padding:4px 0 4px 16px;}
#tertCol{float:left;width:214px;margin:23px 0 0 33px;}
#tertCol p{color:#777;}
#elseWhere{margin:0 0 20px 0;}
#elseWhere h3{margin-bottom:7px;}
ul#imgLinks{list-style:none;margin:7px 0;}
#imgLinks li{color:#7F7F7F;line-height:1.2em;padding:0 0 1px;}
#imgLinks li a img{border:3px solid #EEE;width:208px;height:69px;color:#333;font-weight:bold;}
#imgLinks li a:hover img{border-color:#DDD;}

/* wordpress entries styling - main content column */
.postMeta{background:url(images/dot.gif) repeat-x left center;text-transform:uppercase;font-size:11px;text-align:right;margin-bottom:5px;}
.postMeta span.date{background:#FFF;color:#7F7F7F;padding:0 2px 0 4px;}
.postMeta span.comments{background:#FFF url(images/chat_grey.gif) no-repeat left center;padding-left:15px;margin-left:2px;}
.postMeta span.comments a,
.postMeta span.date a{color:#555;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;}
.post h2 a{width:100%;display:block;outline:none;}
.entry h3{margin:1em 0;}
.post .entry{line-height:1.4em;overflow:hidden;}
.post .entry p{margin:1em 0;}
.post .entry p a{background:url(images/dot.gif) repeat-x bottom left;font-weight:bold;}
.entry blockquote
{
	margin: 0 1.3em 0;
	list-style: none;
	display: block;
	color: #000;
	background-color: #ECECEC;
	border: 1px #C2C2C2 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px #888;
	-moz-box-shadow: 0px 4px 5px #888;
	margin-bottom: 4px;
	padding: .25em .5em .1em .5em;
}
.entry ul{margin:0 1.3em 0;list-style:none;}
.entry li a{color:#333;font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
.entry ul li{background:url(images/li.gif) no-repeat 0 1px;padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px 0;}
.entry img,.entry a img{border:3px solid #EEE;}
.entry a:hover img{border-color:#DFDFDF;}
.entry table tr { padding: 15px 0; }
.entry table tr.alt { background: #eee; }

/* style pagination buttons */
#more_reading { color: #7F7F7F; font-size: 11px; text-transform: uppercase; margin-bottom: 25px; text-align: right; }
#more_reading p, #more_reading img { vertical-align: middle; }
#more_reading a img { border: none; margin:0 0 3px 2px; }

/* style me some comments and inputs */
#comments{width:435px;padding:12px 0 0 0;}
#comments h3,
h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0 12px;}
/*
.commentslist li{background:#FFF url(images/lgrey_diag.gif) repeat top left;border:1px solid #BBB;margin-bottom:7px;padding:7px 0;}
*/
.commentslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
/*
.commentslist li.alt{background:#FFF;}
*/
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0 7px;line-height:1.4em;overflow:hidden;}
.comment_text p,
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:1em 0;}
.comment_text ul,
.comment_text ol,
.comment_text blockquote{margin:0 1em;}p.author_meta{font-weight:bold;text-transform:uppercase;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-transform:uppercase;text-align:right;margin:0 7px 0 0;}
.commentslist li.author{background:#333;color:#CCC;}
.commentslist li.author a{color:#DDD;}
.commentslist li.author a:hover{color:#FFF;}
#comments_closed{background:#333;color:#ccc;padding:7px 0;margin-top:12px;line-height: 1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#FFF;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;background:url(images/dot.gif) repeat-x bottom left;}
#author,
#email,
#url,
#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:429px;overflow:auto;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}

/* footer - text string and links */
#footer p {padding-top: 7px; }
#footer p a{font-weight:bold;color:#333;}

/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}


.entry  a:visited, li.widget ul li a:visited
{
	color: #A99EC8;
}


li.widget
{
	list-style: none;
	display: block;
	color: #13336E;
	background-color: #DADADA;
	border: 1px #6C6C6C solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px #888;
	-moz-box-shadow: 0px 4px 5px #888;
	margin-bottom: 4px;
	padding: .25em .5em .1em .5em;
}

li.widget ul li
{
	list-style: none;
	display: block;
	clear: both;
	color: #13336E;
	background-color: #ECECEC;
	border: 1px #C2C2C2 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 3px #888;
	-moz-box-shadow: 0px 2px 3px #888;
	box-shadow: 0px 2px 3px #888;
	margin-bottom: 4px;
	padding: .25em .5em .1em .5em;
	z-index: 1;
	min-height: 48px;
}


li.widget ul li:hover
{
	list-style: none;
	display: block;
	color: #13336E;
	background-color: #FFF;
	border: 1px #C2C2C2 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 8px 10px #666;
	-moz-box-shadow: 0px 8px 10px #666;
	box-shadow: 0px 8px 10px #666;
	margin-bottom: 4px;
	padding: .25em .5em .1em .5em;
	z-index: 2000;
}





.entry a:link, li.widget ul li a:link
{
	color: #006DFF;
}

li.widget ul li a:hover, li.widget ul li a:focus, li.widget ul li a:active, .entry a:hover, .entry a:focus, .entry a:active
{
	color: #F90000;
}


li#flickrrss a img
{
	display: inline;
	color: #13336E;
	border: 2px #9D9D9D solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px #888;
	-moz-box-shadow: 0px 4px 5px #888;
	box-shadow: 0px 4px 5px #888;
	margin-bottom: 4px;
	margin-right: 1%;
	padding: -1em;
	width: 30%;
	background-color: #BDBDBD;
}

.postMeta + h2
{
	font-size: 2em;
	color: #000;
	line-height: 1.1em;
	word-spacing: .25ex;
	letter-spacing: -.15ex;
	text-transform: capitalize;
	text-shadow: #EFEFEF 0px 2px 3px;
}

.rss-date
{
	display: block;
}

.rssSummary
{
	display: block;
	font-size: .8em;
	color: #666 !important;
	max-height: 4.5em;
	overflow: hidden;
	margin-bottom: .75em;
}

li.widget ul li:hover .rssSummary
{
	color: #333 !important;
}


.rc-commenter {
	display: block;
}


img.gravatar
{
	border: 1px solid #000;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	float: left;
	clear: none;
}


.related_post, .commentslist li
{
	margin: 0 1.3em 0;
	list-style: none;
	display: block;
	color: #000;
	background-color: #ECECEC;
	border: 1px #C2C2C2 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 5px #888;
	-moz-box-shadow: 0px 4px 5px #888;
	margin-bottom: 4px;
	padding: .25em .5em .1em .5em;
}

.avatar-36
{
	border: 1px solid #000;
	margin: 2px 5px;
	float: left;
	clear: none;
}


/* masthead / footer - navigation and categories */
#masthead
{
	padding: 0;
	margin-bottom: 40px;
}
		
		#masthead h1
		{
		}
		
				#masthead h1 a
				{
					display: block;
					text-transform: uppercase;
					width: 400px;
					height: 78px;
					margin: 0;
					padding: 0;
					background-image: url("images/flickerbulb-masthead-398x78.png");
					position: absolute;
					top: 4px;
				}
					
					#masthead h1 a em
					{
						font-style: normal;
						color: #555;
					}
					
					#masthead h1 a strong
					{
						visibility: hidden !important;
					}