/*
Theme Name: Poeticpixel 2010
Theme URI: http://poeticpixel.info/
Description: The Poeticpixel 2010 theme by <a href="http://poeticpixel.info/">Diwa Fernandez</a>.
Version: 1.0
Author: Diwa Fernandez
Author URI: http://poeticpixel.info/
Tags: earth colors, fixed width, variable columns, widgets

	Poeticpixel 2010 v1.0
	 http://poeticpixel.info/

	This theme was designed and built by Diwa Fernandez,

	The CSS is based on Grid and blue print.
	
	Blueprint CSS Framework 0.7.1
	http://blueprintcss.googlecode.com
   
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

*/
@import "ui.theme.css";
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1.5; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
object { outline: none; z-index: 1; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
div.padd { padding: 10px; }
/* typography.css */
body { font-size:75%; color:#004351; background:#e1e4d4 url(images/bg-ltbrown.gif); font-family: "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", Helvetica, "Trebuchet MS", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:0.75em; }
h3 { font-size:1.2em; line-height:1; margin-bottom:1em; }
h4 { font-size:1em; line-height:1.25; margin-bottom:1.25em; height:1.25em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1em; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1.2em; }
p img { margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }
a:focus, a:hover { color:#000; outline: none; }
a { color:#009; text-decoration:underline; outline: none; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
ol.code { list-style-type:decimal; }
ol.code, ul.code { text-indent: 0px; padding-left: 50px!important; background: url(images/bg-paper.png) 0px -6px; margin: 0; color: #333; list-style-type : decimal-leading-zero; border : 1px solid #f2e7e8; font-family : "Courier New", "Trebuchet MS", Monaco, Tahoma; margin-bottom: 10px; margin-top: 0px; }
ul.code { list-style-type:none; }
ol.code li { text-indent: 0px; line-height: 25px; border-left: 1px solid #C60; padding-left: 20px; }
.code code { font-family :   "Courier New", "Trebuchet MS", Monaco, Tahoma; font-size : 1.1em; }
.code span.comment { color: #9b47b7; }
.code a { text-decoration: none; }
.code a:hover { color: #900; }
.code li.t1 { padding-left : 40px; }
.code li.t2 { padding-left : 50px; }
.code li.t3 { padding-left : 70px; }
.code li.t4 { padding-left : 80px; }
.code li.t5 { padding-left : 90px; }
.code li.t6 { padding-left : 100px; }
.code li.t7 { padding-left : 110px; }
.code li.t8 { padding-left : 120px; }
pre { overflow: auto; padding: 10px; background-color: #f2e7e8; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; background:#C3D9FF; }
th, td { padding:4px 10px 4px 5px; }
tr.even td { background:#E5ECF9; }
tfoot { font-style:italic; }
caption { background:#eee; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
/* Containers
----------------------------------------------------------------------------------------------------*/
.container { width: 92%; margin-left: 4%; margin-right: 4%; min-width: 960px; }
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 { width:4.25%; }
.grid_2 { width:10.5%; }
.grid_3 { width:16.75%; }
.grid_4 { width:23.0%; }
.grid_5 { width:29.25%; }
.grid_6 { width:35.5%; }
.grid_7 { width:41.75%; }
.grid_8 { width:48.0%; }
.grid_9 { width:54.25%; }
.grid_10 { width:60.5%; }
.grid_11 { width:66.75%; }
.grid_12 { width:73.0%; }
.grid_13 { width:79.25%; }
.grid_14 { width:85.5%; }
.grid_15 { width:91.75%; }
.grid_16 { width:98.0%; }
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 { padding-left:6.25%; }
.prefix_2 { padding-left:12.5%; }
.prefix_3 { padding-left:18.75%; }
.prefix_4 { padding-left:25.0%; }
.prefix_5 { padding-left:31.25%; }
.prefix_6 { padding-left:37.5%; }
.prefix_7 { padding-left:43.75%; }
.prefix_8 { padding-left:50.0%; }
.prefix_9 { padding-left:56.25%; }
.prefix_10 { padding-left:62.5%; }
.prefix_11 { padding-left:68.75%; }
.prefix_12 { padding-left:75.0%; }
.prefix_13 { padding-left:81.25%; }
.prefix_14 { padding-left:87.5%; }
.prefix_15 { padding-left:93.75%; }
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 { padding-right:6.25%; }
.suffix_2 { padding-right:12.5%; }
.suffix_3 { padding-right:18.75%; }
.suffix_4 { padding-right:25.0%; }
.suffix_5 { padding-right:31.25%; }
.suffix_6 { padding-right:37.5%; }
.suffix_7 { padding-right:43.75%; }
.suffix_8 { padding-right:50.0%; }
.suffix_9 { padding-right:56.25%; }
.suffix_10 { padding-right:62.5%; }
.suffix_11 { padding-right:68.75%; }
.suffix_12 { padding-right:75.0%; }
.suffix_13 { padding-right:81.25%; }
.suffix_14 { padding-right:87.5%; }
.suffix_15 { padding-right:93.75%; }
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 { left:6.25%; }
.push_2 { left:12.5%; }
.push_3 { left:18.75%; }
.push_4 { left:25.0%; }
.push_5 { left:31.25%; }
.push_6 { left:37.5%; }
.push_7 { left:43.75%; }
.push_8 { left:50.0%; }
.push_9 { left:56.25%; }
.push_10 { left:62.5%; }
.push_11 { left:68.75%; }
.push_12 { left:75.0%; }
.push_13 { left:81.25%; }
.push_14 { left:87.5%; }
.push_15 { left:93.75%; }
/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 { left:-6.25%; }
.pull_2 { left:-12.5%; }
.pull_3 { left:-18.75%; }
.pull_4 { left:-25.0%; }
.pull_5 { left:-31.25%; }
.pull_6 { left:-37.5%; }
.pull_7 { left:-43.75%; }
.pull_8 { left:-50.0%; }
.pull_9 { left:-56.25%; }
.pull_10 { left:-62.5%; }
.pull_11 { left:-68.75%; }
.pull_12 { left:-75.0%; }
.pull_13 { left:-81.25%; }
.pull_14 { left:-87.5%; }
.pull_15 { left:-93.75%; }
/* Begin Comments*/
h3#comments { padding: 20px; margin: 0; line-height: 1px; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Various Tags & Classes*/
#panel { background: #754c24 url(images/bg-brown.gif); height: 200px; display: none; color: #998675; }
#panel h1, #panel h2, #panel h3, #panel h4, #panel h5 { color: #e5e7d9; }
.slide { margin: 0; padding: 0; position: absolute; right: 5px; top: 0; height: 35px; background: url(images/bg-brown.gif) top right; }
.btn-slide { background: #d3db23; text-align: center; width: 100px; height: 31px; right: 0; padding: 2px; position: absolute; top: 0; display: block; font-size: 10px; line-height: 35px; color: #563311; text-decoration: none; }
/*.btn-slide.active { background: #51676a; text-align: center; width: 100px; height: 31px; right: 0; padding: 2px; position: absolute; top: 0; display: block; font-size: 10px; line-height: 35px; color: #a8d6dc; text-decoration: none; }*/
a:hover { text-decoration: none; }
.pdf { background: url(images/icon-file-red.gif) no-repeat; padding-left: 20px; }
.zip { background: url(images/icon-file-orange.gif) no-repeat; padding-left: 20px; }
.psd, .image { background: url(images/icon-file-blue.gif) no-repeat; padding-left: 20px; }
.external { background: url(images/icon-chain_arrow.png) no-repeat; padding-left: 20px; }
.role { background: url(images/icon-hammer.png) no-repeat; padding-left: 20px; }
#role { padding: 10px; background: url(images/bg-ltbrown.gif); margin: 0; border: 1px solid #d4d7c3; width: 350px; display: block; clear: both; }
ul#role { list-style: none; list-style-type: none; list-style-image: none; }
.paper p { padding: 10px; line-height: 25px; background: url(images/bg-paper-white.png) 0px 4px; }
.paper a { color:#699; font-weight: bold; }
.home { background: url(images/bg-home.jpg) 0% 0 no-repeat; }
.bgthepoet { background: url(images/bg-thepoet.png) 10px 100% no-repeat; }
.bgshdwleft { background: url(images/bg-shdwleft.gif) 100% 100% repeat-y; }
.bgshdwright { background: url(images/bg-shdwright.gif) 0 0 repeat-y; }
td p,.col2 p, .col1 p  { background: none; }
.ryt { border-right: 1px solid #030; }
.undr { border-bottom: 1px solid #030; }
.left { border-left: 1px solid #030; }
.tap { border-top: 1px solid #030; }
.col1 { background: url(images/bg-white.png); }
.col2 { background: url(images/bg-ltaqua.png); }
#header { }
#footer { bottom: 0; left: 0; z-index: 99999; height: 35px; margin-top: 10px; }
.shdwleft { background: url(images/bg-shdw.png) 100% 50% repeat-y; }
.shdwright { background: url(images/bg-shdw2.png) 0% 50% repeat-y; }
#headerimg .description { color: #4c6164; margin-top: 90px; margin-right: 20px; font-size: 20px; line-height: 20px; padding-bottom: 50px; }
#headerimg .description a { color: #222; text-decoration: none; }
#headerimg { position:relative; display: block; }
#headerimg h1 { font-size: 16px; letter-spacing: 16px; }
#headerimg h1 a { text-indent: -99999px; color: #84603a; text-decoration: none; display: block; height: 200px; }
#menubar { height:35px; line-height:35px; overflow:hidden; font:normal 11px Arial, Verdana, Tahoma; text-transform:uppercase; display:block; background: url(images/bg-brown.gif); margin-bottom:0 !important; }
#cat-menu { float:left; width:960px; position:relative; }
#cat-menu ul, #cat-menu-shadow { display:block; width:100%; height:40px; overflow:hidden; position:relative; }
#cat-menu-shadow { position:absolute !important; top:1px; left:1px; }
#cat-menu ul li, #cat-menu-shadow ul li { display:inline; }
#cat-menu a, #cat-menu #cat-menu-shadow a { display:block; float:left; text-decoration: none; height:35px; line-height:35px; position:relative; padding:0 22px 0 20px; }
#cat-menu a, #cat-menu #cat-menu-shadow a, #panel a { color:#998675; }
#cat-menu a:hover, #cat-menu .current-cat a { color: #e5e7d9; }
#cat-menu #cat-menu-shadow li a, #cat-menu #cat-menu-shadow .current-cat a { color:#3d2208; }
#cat-menu-shadow .facebook,
#cat-menu-shadow .tweeter,
#cat-menu-shadow .linkedin,
#cat-menu-shadow .delicious { background: url(images/icon-sns-shadow.png) 51% 51% no-repeat; padding: 10px; float: left; }

.mini-post, .post { position: relative; background:url(images/bg-ltaqua.png); line-height: 12px; font-size: 12px; border-bottom: 1px solid #304b4c; border-top:1px solid #b2cbcb; }
.mini-post .lead_image, .post .lead_image { height: 170px; overflow: hidden; width: 196px; margin-left: 10px; border: 2px solid #004351; }
.mini-post { min-height: 74px; }
.mini-post .entry, .post .entry { padding: 20px 0px; }
.mini-post:after, .entry:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.mini-post .entry .title, .post .entry .title { line-height: 18px; font-size: 18px; margin: 0; padding: 0; color: #000; }
#ctrl { padding: 10px 5px 25px 1px; display: block; width: 100px; line-height: 10px; font-size: 10px; text-align: right; color:#e9e0df; position: absolute; top: 0px; right: 5px; }
.mini-post .view-post a, .mini-post .close-post a { cursor: pointer; }
/*.view-post { background: url(images/icon-plus.png) 0% 50% no-repeat; }
.close-post { background: url(images/btn-close.png) 0% 50% no-repeat; }*/
.mini-post .view-post, .mini-post .close-post { float: left; margin-left: 5px; overflow: hidden; width: 50px; }
.mini-post .close-post { display: none; }
.title a { color: #004351; text-decoration: none; display: block; }
.mini-post .datepost, .post .datepost { background: url(images/bg-date.png) 100% 50% no-repeat; padding: 10px 5px 15px 1px; display: block; width: 35px; line-height: 10px; font-size: 10px; text-align: right; color:#e9e0df; position: absolute; top: 0px; left: -41px; }
.mini-post .datepost em, .post .datepost em { font-size: 24px; line-height: 24px; font-style: normal; display: block; }
.mini-post .datepost b, .post .datepost b { display: block; text-transform: uppercase; line-height: 10px; font-size: 10px; }
.mini-post .more-link { display: block; float:right; padding-right:13px; color:#8f8f8f; text-transform:uppercase; }
.mini-post .story, .post .story { display: none; font-size: 13px; margin-top: 20px; background: url(images/bg-white.png); font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 20px; z-index: 1; position:relative; }
.post .story { display: block; font-size: 13px; margin-top: 20px; background: url(images/bg-white.png); font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 20px; }
.postmetadata, #rellinks { background: url(images/bg-ltaqua.png); }
#tweet { }
#tweet li { list-style: none; list-style-image: none; list-style-type: none; font-size: 14px; line-height: 14px; }
#tweet .datepost { width: 35px; left: -41px; }
#tweet .avatar { position: absolute; top:15px; left: 55px; border: 1px dotted #0971a1; }
#tweet .follow { }
.title em { padding: 5px; background: url(images/bg-white.png); position: absolute; border: 1px solid #fff; right: 40px; top: -20px; }
#preload { display: none; text-align: center; position: absolute; top: 0px; left: 0%; height: 100%; width: 100%; height: 25px; padding: 10px 0px!important; }
#sharethis { display: block; }
.facebook { background: url(images/icon-facebook.png) 50% 50% no-repeat; padding: 10px; float: left; }
.tweeter { background: url(images/icon-twitter2.png) 50% 50% no-repeat; padding: 10px; float: left; }
.linkedin { background: url(images/icon-linkedin.png) 50% 50% no-repeat; padding: 10px; float: left; }
.delicious { background: url(images/icon-delicious.png) 50% 50% no-repeat; padding: 10px; float: left; }
.navigation { display: block; text-align: center; margin-bottom: 0px; background: url(images/bg-ltaqua.png); padding: 5px; padding-bottom: 15px; }
#nav-next-post, #nav-prev-post { width: 36px; height: 36px; display: block; text-indent: -99999px;}
#nav-prev-post { float: left; }
#nav-next-post { float: right; }
#nav-next-post a { float: right; background: url(images/icon-next.png) 0% 0% no-repeat; }
#nav-prev-post a { float: left; background: url(images/icon-prev.png) 0% 0% no-repeat; }
#nav-next-post a, #nav-prev-post a { padding-bottom: 36px!important; padding-left: 36px;width: 1px; height: 1px; display: block; margin: 5px 0px; overflow: hidden;  }
#pageflip { position: relative; }
#pageflip img { width: 50px; height: 52px; z-index: 9999; position: fixed; left: 0px; top: 0px; -ms-interpolation-mode: bicubic; }
#pageflip .msg_block { width: 50px; height: 50px; position: fixed; z-index: 50; left: 0; top: 0; background: url(images/page_flip.gif) no-repeat left top; text-indent: -9999px; }
#poppular li { float: left; width: 190px; padding: 5px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; background: transparent; }
/* End captions */

hr { background:#630; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin: 10px 0px 1.45em; border:none; }
hr.space { background: transparent; color:#fff; }
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clearfix:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .container { display:inline-block; }
* html .clearfix, * html .container { height:1%; }
.clearfix, .container { display:block; }
.clear { clear:both; }
/* forms.css */
label { font-weight:bold; }
.story label { float: left; width: 150px; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input.text, input.title, textarea, select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:390px; height:250px; padding:5px; }
.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }