/*
THEME NAME: Everything Flows
THEME URI: http://www.lukerodgers.ca
DESCRIPTION: Based on http://www.plaintxt.org/themes/sandbox/
VERSION: 1.8
AUTHOR: Luke Rodgers
AUTHOR URI:
*/
html { height:100%; }
body { font-family:"Lucida Grande", "Trebuchet MS", Arial, Sans-serif; background:url(http://lukerodgers.ca/wp-content/themes/eflow1.8/images/bg.jpg) repeat; height:100%; }
h1,h2,h3,h4,h5,h6 { font-family:Georgia, Times, Serif; font-weight:bold; line-height:1.3em; }
strong { font-weight:bold; }
em,cite { font-style:italic; }
i { display:block; clear:both; }
input.button { display:block; background:#233c64; border:solid 1px #333; font-weight:bold; color:#fff; cursor:pointer; }
input.button:hover { background:#333; }
#access { display:none; }
#wrapper { position:relative; width:960px; min-height:100%; margin:0 auto; }

/*** HEADER ***/
#header { position:relative; width:950px; margin:0 auto 15px; background:#fff; -moz-border-radius-bottomleft:.5em; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; }
h1#blog-title { position:relative; top:10px; left:15px; width:300px; }
#this-site { float:right; width:360px; }
#this-site li { float:left; margin:0 10px 0 0; }
#this-site li a { display:block; padding:5px; margin:0 2px; color:#233c64; text-decoration:none; }
#this-site li a:hover { background:#233c64; color:#e0e0e0; }
#this-site li.current_page_item a { text-decoration:underline; }
#search { position:absolute; top:5px; right:5px; width:240px; text-align:right; }
#search input.button { padding:1px 5px; font-size:.8em; display:inline; }
#social { position:absolute; top:9px; right:235px; width:100px; }
#social a { padding-right:3px; }

/*** CATEGORIES ***/
#categories { clear:both; width:920px; margin:0 auto 20px; padding:10px; background-color:rgb(19,19,19); opacity:.8; filter:alpha(opacity=80); -moz-border-radius-bottomleft:.5em; -moz-border-radius-bottomright:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; }
#categories h2 { color:#d0d0d0; text-transform:uppercase; }
#categories ul { margin:10px 0 0; }
#categories ul li { float:left; margin:0 5px 0 0; }
#categories ul li a { display:block; padding:3px; font-size:.85em; color:#d0d0d0; text-decoration:none; border-bottom:solid 1px #ccc; }
#categories ul li a:hover { background:#d0d0d0; color:#131313; }

/*** CONTAINER ***/
#container { padding:0 0 90px; }
body.single #container,body.page #container,body.search #container,body.archive #container,body.four04 #container { float:left; width:650px; margin-left:5px; }
body.single #secondary,body.page #secondary,body.search #secondary,body.archive #secondary,body.four04 #secondary { float:left; width:300px; }
body.home #content div.post { float:left; overflow:hidden; margin:0 5px; padding:0; }
body.home #content div.post span.bg-image img { width:310px; height:250px; position:absolute; z-index:0; opacity:.3; filter:alpha(opacity=30); }
body.paged #content div.post { width:310px; margin-top:10px; }
body.search #content div.post,body.archive #content div.post { margin-bottom:15px; }
body.single #content div.post,body.page #content div.page,body.search #content div.post,body.archive #content div.post,body.four04 #content div.post { width:640px; }
body.home #content div.p1,body.home #content div.p2,body.home #content div.p3 { width:310px; }
body.home #content div.p4,body.home #content div.p5,body.home #content div.p6,body.home #content div.p7,body.home #content div.p8 { width:182px; margin-top:10px; }
body.paged #content div.p4,body.paged #content div.p5,body.paged #content div.p6,body.paged #content div.p7,body.paged #content div.p8 { width:310px; margin-top:10px; }
body.archive #content div.p4,body.archive #content div.p5,body.archive #content div.p6,body.archive #content div.p7,body.archive #content div.p8 { width:640px; margin-top:10px; }
body.home #content div.p4,body.paged #content div.p4,body.paged #content div.p7 { clear:left; }
#content div.post h2.entry-title,#content div.page h2.entry-title,#content h2.page-title { font-size:1.15em; line-height:1.3em; color:#fff; font-weight:normal; border-bottom:solid 1px silver; background-color:rgb(19,19,19); opacity:.8; filter:alpha(opacity=80); }
body.home div.post h2.entry-title { font-weight:normal; }
h2.page-title { width:624px; }
body.home #content div.p4 h2.entry-title,body.home #content div.p5 h2.entry-title,body.home #content div.p6 h2.entry-title,body.home #content div.p7 h2.entry-title,body.home #content div.p8 h2.entry-title { font-size:.9em; }
body.paged #content div.p4 h2.entry-title,body.paged #content div.p5 h2.entry-title,body.paged #content div.p6 h2.entry-title,body.paged #content div.p7 h2.entry-title,body.paged #content div.p8 h2.entry-title { font-size:1.15em!important; }
body.single #content div.post h2.entry-title,body.page #content div.page h2.entry-title,#content h2.page-title,body.four04 #content div.post h2.entry-title { padding:5px 8px; border-top:solid 3px #666; }
#content div.post h2.entry-title a { display:block; padding:5px 8px; color:#fff; text-decoration:none; border-top:solid 5px #233c64; }
#content div.p4 h2.entry-title a,#content div.p5 h2.entry-title a,#content div.p6 h2.entry-title a,#content div.p7 h2.entry-title a,#content div.p8 h2.entry-title a { padding:3px 8px; }
body.home #content div.post h2.entry-title a:hover { border-top:solid 5px #666; background-color:rgb(19,19,19); opacity:.8; filter:alpha(opacity=80); }
#content div.post h3.entry-title { padding:5px 8px; background:#fff; }
body.home #content div.post div.entry-content { height:250px; overflow:hidden; padding:5px 8px; font-size:.9em; background:#fff; }
body.home #content div.p4 div.entry-content,body.home #content div.p5 div.entry-content,body.home #content div.p6 div.entry-content,body.home #content div.p7 div.entry-content,body.home #content div.p8 div.entry-content { height:70px; font-size:.8em; }
body.paged #content div.p4 div.entry-content,body.paged #content div.p5 div.entry-content,body.paged #content div.p6 div.entry-content,body.paged #content div.p7 div.entry-content,body.paged #content div.p8 div.entry-content { height:200px; font-size:.9em; }
body.search #content div.entry-content,body.archive #content div.entry-content { padding:8px; background:#fff; }
body.single #content div.entry-content,body.page #content div.page div.entry-content,body.four04 #content div.entry-content { padding:8px 12px; background:#fff; }
div.post div.entry-date { background:#fff; }
#content div.post abbr.published { display:block; padding:3px 8px; font-size:.7em; line-height:1.3em; color:#999; text-transform:uppercase; }
body.single #content div.post div.entry-meta abbr.published { display:inline; padding:0; font-size:1em; line-height:inherit; color:inherit; text-transform:none; }
body.search #content div.post abbr.published,body.archive #content div.post abbr.published { padding:3px 8px 0; }
body.home #content div.p4 abbr.published,body.home #content div.p5 abbr.published,body.home #content div.p6 abbr.published,body.home #content div.p7 abbr.published,body.home #content div.p8 abbr.published { padding:3px 8px 0; font-size:.65em; }
body.paged #content div.p4 abbr.published,body.paged #content div.p5 abbr.published,body.paged #content div.p6 abbr.published,body.paged #content div.p7 abbr.published,body.paged #content div.p8 abbr.published { padding:3px 8px 0; font-size:.7em; }
div.entry-content h1, div.entry-content h2, div.entry-content h3, div.entry-content h4, div.entry-content h5, div.entry-content h6, div.entry-content p { margin: 1em 0; color: #333; }
div.entry-content h1 { margin:8px 0; font-size:1.3em; }
div.entry-content h2 { margin:8px 0; font-size:1.2em; }
div.entry-content h3 { font-size:1.1em; }
div.entry-content h4 { font-size:1em; }
div.entry-content h5 { font-size:.95em; }
div.entry-content h6 { font-size:.9em; }
div.entry-content p { font-size:.9em; line-height:1.4em; color:#333; }
body.home #content div.entry-content p { margin-top:.5em; }
body.search #content div.entry-content p,body.archive #content div.entry-content p { margin:0 0 5px; font-size:.8em; }
body.home #content div.p4 div.entry-content p,body.home #content div.p5 div.entry-content p,body.home #content div.p6 div.entry-content p,body.home #content div.p7 div.entry-content p,body.home #content div.p8 div.entry-content p { margin:0; font-size:.85em; }
body.paged #content div.p4 div.entry-content p,body.paged #content div.p5 div.entry-content p,body.paged #content div.p6 div.entry-content p,body.paged #content div.p7 div.entry-content p,body.paged #content div.p8 div.entry-content p { margin:5px 0; font-size:.9em; }
div.entry-content blockquote { margin:10px 10px 10px 25px; }
div.entry-content abbr { border-bottom:dashed 1px; }
div.entry-content img.alignright { float:right; margin:5px 0 5px 5px; }
div.entry-content img.alignleft { float:left; margin:5px 5px 5px 0; }
div.entry-content ul { margin:5px 0 5px 15px; }
div.entry-content ol { margin:5px 0 5px 25px; list-style-type:decimal; }
div.entry-content li { font-size:.9em; line-height:1.3em; margin-bottom:.7em; }
div.entry-content ul li:before { content:"\00BB \0020"; }
div.entry-content a:link { color:#3333ff; }
#content div.entry-content a:visited { color:#233c64; }
#content div.entry-content a:hover { color:#333399; }
#content .entry-content a.download { display:block; height:30px; padding:20px 10px 10px 60px; background:#f0f0f0 url(http://www.lukerodgers.ca/wp-content/themes/eflow1.8/images/box_download.png) 5px 5px no-repeat; }
#content .entry-content a.download:hover { background-color:#e0e0e0; }
body.home #content div.entry-content embed,body.home #content div.entry-content object { width:220px; height:190px; }
#content div.entry-content code { font-family:'Courier New', Courier, Fixed; }
#content div.entry-content code.block { margin:10px 0; }
#content div.entry-content pre { display:block; overflow:scroll; padding:15px; font-size:.9em; font-family:'Courier New', Courier, Fixed; color:#00ff00; background:black; }
#content .entry-meta { margin:0; padding:8px; font-size:.7em; line-height:1.5em; background-color:rgb(19,19,19); opacity:.8; filter:alpha(opacity=80); border-top:solid 1px silver; -moz-border-radius-bottomright:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; }
#content .entry-meta,#content .entry-meta span,#content .entry-meta a,#content .entry-meta abbr { color:#888; }
body.home #content div.p4 .entry-meta,body.home #content div.p5 .entry-meta,body.home #content div.p6 .entry-meta,body.home #content div.p7 .entry-meta,body.home #content div.p8 .entry-meta { font-size:.65em; }
body.paged #content div.p4 .entry-meta,body.paged #content div.p5 .entry-meta,body.paged #content div.p6 .entry-meta,body.paged #content div.p7 .entry-meta,body.paged #content div.p8 .entry-meta { font-size:.7em; }

/* navigation */
body.paged #content .navigation,body.archive #content .navigation { clear:none; float:left; width:310px; margin:10px 0 0 5px; padding:0; }
body.archive #content .navigation,body.search-results #content .navigation { width:624px; margin-left:0; }
body.home .navigation { clear:both; width:935px; padding:10px 0 0; margin-left:5px; }
.navigation a { display:block; width:100%; margin:0 0 5px; padding:8px; font-family:Georgia, Times, Serif; text-align:center; color:#fff; text-decoration:none; border-top:solid 5px #233c64; background-color:rgb(19,19,19); opacity:.8; filter:alpha(opacity=80); }
.navigation a:hover { border-top:solid 5px #666; }

/* related posts */
#related-posts { margin:40px 20px 20px; padding:1px 5px 5px; background:#f0f0f0; border-top:solid 2px gray; }
#related-posts p { font-weight:bold; font-size:.8em; }
#related-posts li { font-size:.8em; }
#related-posts li span { margin-left:5px; }

/* comments */
#comments { width:620px; margin:20px 0; }
#respond { margin:20px 0; }
#comments h3 { padding:5px 8px; color:#fff; font-weight:normal; border-top:solid 3px #666; background-color:rgb(19,19,19); opacity:.8; filter:alpha(opacity=80); }
#comments div.formcontainer,#comments ol { padding:8px; color:#333; background:#fff; -moz-border-radius-bottomright:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; }
#comments form p { margin:0 0 10px; }
#comments div.formcontainer p,label { color:#333; font-size:.85em; }
#comments div.formcontainer input { margin-bottom:8px; }
#comments form input.button { margin:10px 0 0; padding:3px 5px; font-size:.8em; }
#comments li.comment { padding:5px 5px 10px; margin:0 0 10px; }
#comments li.alt { background:#f0f0f0; }
#comments li.comment div.comment-author { width:100px; float:left; }
#comments li.comment div.comment-author span.fn { display:block; font-size:.8em; padding:5px 0 0; }
#comments li.comment div.comment-meta { clear:both; margin:0; padding:10px 0 0; font-size:.8em; text-align:right; font-style:italic; color:#666; }
#comments li.comment div.comment-content { float:left; width:480px; padding:0 0 0 10px; font-size:.9em; line-height:1.3em; }

/* search */
body.four04 form input.button { margin:10px 0 0; padding:3px 5px; font-size:.8em; }

/*** PRIMARY and SECONDARY 'sidebars' ***/
body.home ul#primary { clear:both; margin:20px 0 0; }
body.home ul#primary > li { display:block; float:left; width:220px; overflow:hidden; margin:0 5px; padding:5px 5px 8px; background:#ccc; -moz-border-radius-bottomright:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; }
#secondary .widget { padding:5px 5px 8px; margin-bottom:20px; background:#eee; -moz-border-radius-bottomright:.5em; -moz-border-radius-bottomleft:.5em; -webkit-border-bottom-right-radius:.5em; -webkit-border-bottom-left-radius:.5em; }
body.home ul.top #ctc { width:940px; margin:5px; padding:5px; }
body.home ul.top #ctc a { padding:0 1px; color:#233c64; }
body.home ul.top #library-thing { width:940px; margin:20px 5px; }
.sidebar h3,.sidebar h2 { padding:5px 8px; color:#fff; font-weight:normal; font-size:.9em; text-transform:uppercase; background:#333; }
.sidebar #library-thing h3 { margin-bottom:5px; }
.sidebar ul.top li { font-size:.9em; line-height:1.3em; }
.sidebar ul.top li li a { display:block; padding:2px 5px; color:#333; text-decoration:none; border-bottom:solid 1px silver; background:#eee; }
.sidebar h2.delicious-banner a { margin-right:5px; }
.sidebar h2 a,.sidebar h3 a { color:#fff; }
.sidebar ul.top li li a:hover,.sidebar ul.top li li a:hover,#secondary ul li li.current_page_item a { color:#ccc; background:#333; }
.sidebar ul.top li li a:before { content:"\00BB \0020"; }

/*** FOOTER ***/
#footer { position:absolute; left:5px; bottom:0; clear:both; width:950px; padding:10px 0; background-color:rgb(19,19,19); opacity:.8; filter:alpha(opacity=80); -moz-border-radius-topleft:.5em; -moz-border-radius-topright:.5em; -webkit-border-top-right-radius:.5em; -webkit-border-top-left-radius:.5em; }
#footer h3 { color:#d0d0d0; text-transform:uppercase; }
#footer p { margin:.5em 0; font-size:.85em; line-height:1.3em; color:#ccc; }
#footer p a { color:#9999ff; }
#footer-meta { text-align:center; }

@media (max-width: 1024px) {
	body { padding: 0 10px; }
	body.home #content { width: auto; margin: 0 auto; }
	body.home #content div.p1, body.home #content div.p2, body.home #content div.p3 { width: 31.3%; margin: 0 1%; }
	body.home #content div.p4, body.home #content div.p5, body.home #content div.p6, body.home #content div.p7, body.home #content div.p8 { width: 18.4%; margin: 0 .8%; }
	div#wrapper, div#container, div#content, div#header, div.page div.entry-content { width: auto; float: none; }
	div#header { width: 97%; }
	div#footer { width: 100%; }
	body.home .navigation { width: 98%; float: none; margin: 0; padding: 0; }
	body.home ul#primary { padding-left: 1%; }
	body.home ul#primary > li { width: 22%; margin: 0 .8%; }
	body.home ul.top #library-thing { width: 97%; margin: 20px 0; }
	body.home ul.top #library-thing img { width: 9.5%; }
	body.single #container,body.page #container,body.search #container,body.archive #container,body.four04 #container { width: 65%; }
	#comments { width: auto; }
	#comments textarea { width: 95%; }
	body.single #secondary,body.page #secondary,body.search #secondary,body.archive #secondary,body.four04 #secondary { width: 30%; margin-left: 1.5%; }
	body.single #content div.post,body.page #content div.page,body.search #content div.post,body.archive #content div.post,body.four04 #content div.post {width: auto; }
}