/* @override http://olikenobi.com/pic/wp-content/themes/pic-0802/style.css */


/*
Theme Name: Oli Kenobi - Pic of the Day - 1.1
Theme URI: http://wordpress.org/
Description: Pic of the Day v1.1
Version: 1.1
Author: Oli Kenobi
Author URI: http://www.olikenobi.com/
Tags: 
*/


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;vertical-align:baseline;background:transparent;font-size:1em;font-weight:normal; }
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; }
html, body { height:100%; }
body { background:#222 url(img/bar.gif) repeat-x 0 42px;color:#888;font-family:Helvetica, Arial, sans-serif;line-height:1.2em;font-size:12px; }

a { color:#ccc;text-decoration:none; }
a:hover { color:#eee; }

#page { width:1000px;margin:0 auto; }
#header { display:block;width:1000px;height:100px;overflow:hidden;background:url(img/title.gif) no-repeat 0 20px; }
#header h1 a { position:relative;top:24px;display:block;width:200px;height:0;padding-top:60px;overflow:hidden; }
#footer { clear:both;padding:0 0 20px;text-align:center;line-height:1.4em;font-size:10px; }

#nav_months { display:block;width:100%;height:40px;margin-bottom:30px;padding:0 20px 20px; }
#nav_months li { float:left;padding:10px; }
#nav_months a { color:#666;letter-spacing:-0.1em;font-size:14px;font-weight:bold; }
#nav_months .more { position:relative;color:#666;letter-spacing:-0.1em;font-size:14px;font-weight:bold;cursor: pointer; }
#nav_months .more ul { display:none;position:absolute;top:30px;right:-10px;width:120px;z-index:1000;background-color:#222; }

#pics { clear:both;width:960px;margin:0 auto; }
.post { float:left;position:relative;display:block;width:220px;height:220px;padding:0 10px 20px; }
.post .entry { position:absolute;top:0;right:10px; }
.post h2 a { width:140px;position:absolute;top:150px;left:90px;color:#eee;text-align:center;font-size:12px;font-weight:bold; }
.post .date { position:absolute;top:10px;right:160px;width:80px;text-align:right;letter-spacing:-0.1em; }
.post .dayT { color:#aaa;text-transform:uppercase;font-size:18px;font-weight:bold;letter-spacing:-0.1em; }
.post .dayN { color:#eee;line-height: 1em;font-size:28px;font-weight:bold;letter-spacing:-0.1em; }
.post .month { color:#888;text-transform:lowercase;font-size:16px; }


/* Single */
.single { position: relative;width: 600px;margin: 0 auto;padding-top: 40px;text-align: center; }
.single h2 { width: 450px;margin: 0 auto;padding-bottom: 40px;line-height: 1.4em;font-size: 2.4em;color: #ccc; }
.single .date { position:absolute;top:40px;right:-40px;width:80px;text-align:right;letter-spacing:-0.1em; }
.single .dayT { color:#aaa;text-transform:uppercase;font-size:18px;font-weight:bold;letter-spacing:-0.1em; }
.single .dayN { color:#eee;line-height: 1em;font-size:28px;font-weight:bold;letter-spacing:-0.1em; }
.single .month { color:#888;text-transform:lowercase;font-size:16px; }
.single .entry { padding: 0 0 40px; }
