@charset "UTF-8";
/* CSS Document */
/* pluggable_packs_v1.1 screen.css framework by Bradley Scott Cushing */
/* bradleycushing.com | creative */



/* ----------------------------------------------------------------------------- 
DOCUMENT STANDARDS

grid system width 
860px

document notes
1. measurements across in px for fixed width
2. measurements vertical in em for scaling
3. margins next to eachother collapse to largest
4. cite must be encapsulated for ie (paragraph, blockquote, defenition description)
5. variable default renders in italics
6. secondary structure floats need display inline for ie (double margins)
7. default/reset css additions (ins, del, var, input, select)
----------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------- 
COLORS

white: #fff
black: #000
----------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------- 
DEVELOPMENT

div#wrap, 
div#header, 
div#banner, 
div#navigation, 
div#page, 
div#sidebar, 
div#content, 
div#disclaimer, 
div#footer {
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;}

div#wrap {
	background: url(http://bradleycushing.com/assets/docs/framework/website/html/assets/img/bkg/bkg_860grid.gif) top right repeat;}
----------------------------------------------------------------------------- */

	

/* ----------------------------------------------------------------------------- 
DEFAULT RESET
v1.0 | 20080212
http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------------------------------------- */
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;}

/* remember to define focus styles! */
:focus {
	outline: 0;}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;}

del {
	text-decoration: line-through;}

/* default variable styles! */
var {
	font-style: italic;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}

/* adding form default! */
input, 
select, 
textarea {
	margin: 0;
	padding: 0;}
	
	
	
/* ----------------------------------------------------------------------------- 
GENERIC/GLOBAL
----------------------------------------------------------------------------- */
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
	color: #ccc;
	/* set default background white */
	background-image: url(/assets/img/bkg/newyork_rooftop.jpg);
	/* background-image: url(/assets/img/bkg/hollywood_bent.jpg); */
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	/* This next one is for IE6 */
	background-attachment: fixed;}

ul {
	font-size: 1.2em;}

ul li ul, 
ol li ol {
	font-size: 1.0em;}

div#page ul {
	list-style: disc;
	margin-bottom: 2.5em;}

div#page ul li, 
div#page ol li {
	margin-left: 20px;}

ol {
	font-size: 1.2em;
	list-style: decimal;}

div#page ol {
	margin-bottom: 2.5em;}

dl {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 2.5em;}

dt {
	font-weight: bold;}

dd {}


/* ----------------------------------------------------------------------------- 
PRIMARY STRUCTURE
----------------------------------------------------------------------------- */
div#wrap {
	width: 460px;
	position: absolute;
	right: 0;}

div#header {
	width: 440px;
	height: 160px;
	padding-left: 20px;
	background: url(/assets/img/bkg/header.png) no-repeat;}

div#navigation {
	width: 430px;
	height: 50px;
	padding-left: 10px;}

div#page {
	width: 440px;
	padding-left: 20px;
	height: auto;
	clear: left;
	background: url(/assets/img/bkg/page.png) repeat-y;}

div#footer {
	width: 440px;
	height: 80px;
	padding: 2.0em 0 0 20px;
	background: url(/assets/img/bkg/footer.png) no-repeat;}



/* ----------------------------------------------------------------------------- 
SECONDARY STRUCTURE
----------------------------------------------------------------------------- */
div#sidebar {
	width: 410px;
	margin: 50px auto 0;
	padding: 0 10px 1.0em 20px;}

div#content {
	width: 400px;
	margin-left: 10px;
	padding: 1.0em 20px 1.0em 10px;
	background: url(/assets/img/bkg/content2.png) repeat;}

div#footer div.left {
	width: 340px;
	padding: 1.0em 10px;
	float: left;
	background:#ccc;}

div#footer div.right {
	width: 340px;
	padding: 1.0em 10px;
	float: right;
	background:#ccc;}

div#page div.block.one {
	width: 190px;
	height: 160px;
	padding: 2.0em 20px 1.0em 20px;
	float: left;
	background: url(/assets/img/bkg/block_one.png);}

div#page div.block.two {
	width: 180px;
	height: 130px;
	float: left;
	padding: 3.0em 10px 0 0;}

div#page div.block h2 {
	font-size: 1.2em;
	color: #fff;}

div#page div.block.one h2 {
	background: url(/assets/img/bkg/tab3.png);
	width: 130px;
	text-align: right;
	padding: .7em 20px .7em 0;
	margin-bottom: 0.5em;
	position: relative;
	left: -65px;}

div#page div.block.one h2 a {
	display: block;
	color: #000;
	border-bottom: none;
	text-shadow: none;}

div#page div.block p {
	font-size: 1.1em;}
	
	

/* ----------------------------------------------------------------------------- 
NAVIGATION
----------------------------------------------------------------------------- */
div#navigation ul {
	list-style: none;
	font-size: 1.4em;
	background: none;
	padding-top: 40px;
	height: 50px;}

div#navigation ul li, 
div#footer ul li {
	float: left;
	display: inline;}

div#navigation ul li.one, 
div#footer ul li.first {
	background: none;}

div#navigation ul li:hover, 
div#navigation ul li.current_page_item {
	background: url(/assets/img/bkg/navigation2.png) repeat;}

div#navigation ul li a, 
div#footer ul li a {
	padding: 20px 15px 20px;
	height: 17px;
	display: block;
	color: #fff;}

div#navigation ul li a:hover, 
div#navigation ul li.current_page_item a {
	color: #000;}

div#footer ul {
	font-size: 1.1em;
	list-style: none;
	float: left;}



/* ----------------------------------------------------------------------------- 
TYPOGRAPHY
----------------------------------------------------------------------------- */
a, 
a:link, 
a:visited {
	text-decoration: none;
	color: #99CC33;}

a:hover, 
a:active {
	color: #000;}

div#footer a:hover {
	color: #99CC33;}

p {
	font-size: 1.2em;}

div#page p {
	margin-bottom: 2.0em;}

div#sidebar p {
	color: #ccc;}

div#disclaimer p {
	font-size: 1.1em;
	font-style: italic;}

div#footer p {
	font-size: 1.1em;}

div#disclaimer div.right p, 
div#footer div.right p {
	text-align: right;}

li p {
	font-size: 1.0em;}

h1,
h2, 
h3, 
h4, 
h5, 
h6 {
	font-weight: bold;}

h1 {
	font-size: 1.4em;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 2.5em;}

div#header h1 {
	font-size: 3.6em;
	text-indent: -9999px;
	padding: 20px 0 0 20px;
	margin-bottom: 0;
	text-transform: uppercase;}

div#header h1 a {
	color: #fff;
	display: block;
	background: url(/assets/img/bkg/nolanlee.png) no-repeat;}

div#header h1 a:hover {
	color: #fff;
	display: block;
	background: url(/assets/img/bkg/nolanlee_hover.png) no-repeat;}

div#header h1 a:hover {
	color: #000;}

h2 {
	font-size: 2.1em;
	font-weight: bold;
	color: #000;
	text-shadow: 0px 1px 1px #999;
	text-transform: uppercase;
	margin-bottom: 1.0em;}

h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	text-transform: uppercase;
	margin-bottom: 2.0em;}

h4 {
	font-size: 1.4em;
	color: #fff;
	margin: 0.5em;}

body#blog h4, 
body#blog h5 {
	text-align: center;}

h5 {
	font-size: 1.0em;
	color: #555;
	margin-bottom: 0.5em;}

h6 {
	font-size: 1.0em;
	color: #666;
	margin-bottom: 0.5em;}

hr {
	color: transparent;
	border-style: solid;
	height: 1px;
	margin: 1.0em 0;
	/* http://www.sovavsiti.cz/css/hr.html */
	background-color: #666;}

strong {
	font-weight: bold;}

em {
	font-style: italic;}

strike {
	text-decoration: line-through;}

blockquote {
	font-size: 1.2em;
	font-style: italic;
	margin: 0 60px 2.5em 60px;
	padding-left: 10px;
	border-left: 5px solid #999;}

cite {
	font-size: 0.9em;
	font-style: italic;
	color: #999;
	padding-left: 10px;}

address {
	font-size: 1.2em;
	margin-bottom: 2.5em;}

abbr, 
acronym {
	cursor: help;}

sub {
	font-size: 0.9em;
	line-height: 1;
	vertical-align: sub;}

sup {
	font-size: 0.9em;
	line-height: 1;
	vertical-align: super;}

pre {
	font-size: 1.2em;
	line-height: 1;
	padding: 10px;
	margin-bottom: 2.5em;
	border: 1px solid #bbb;}

pre code, 
var, 
samp, 
kbd {
	font-size: 1.2em;
	font-family: monospace;
	color: #000;}

dfn {
	font-weight: bold;
	font-style: italic;}

ins {
	color: #f00;}



/* ----------------------------------------------------------------------------- 
FRAMEWORK

selector order {
	class="frame position"
	class="right"
	class="frame left"}
----------------------------------------------------------------------------- */
div#page img {
	margin-bottom: 2.0em;}

img.frame {
	padding: 10px;
	background: url(/assets/img/bkg/thumb.png) repeat;}

img.frame:hover {
	background: #000;}

img.left {
	margin-right:20px;}

img.right {
	margin-left:20px;}
	
.left {
	float: left;}

.right {
	float: right;}

.center {
	margin: 0 auto 2.5em;
	display: block;}

.clear {
	clear: both;}


/* ----------------------------------------------------------------------------- 
KIMILI
----------------------------------------------------------------------------- */
img#expando {
padding: 0;
margin: 0;
position: absolute;
display: none;
z-index: -3;
-ms-interpolation-mode: bicubic;}
 
.wide img#expando,
.tall img#expando {
display: block;}
 
.wide img#expando {
width: 100%;
height: auto;}
 
.tall img#expando {
width: auto;
height: 100%;}
 
.ie6fixed {
position: absolute;
top: expression((ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop) + 'px');}



/* ----------------------------------------------------------------------------- 
WORDPRESS COMMENTS
----------------------------------------------------------------------------- */
form#commentform {
	width: 400px;}

form#commentform p {
	padding-bottom: 12px;
	height: 23px;
	border-bottom: 1px solid #eee;
	margin-bottom: 18px;}

form#commentform p.textarea {
	height: auto;
	border-bottom: none;}

form#commentform label {
	float: left; 
	width: 160px; 
	margin-left: 20px;
	padding-bottom: 0;
	font-weight: bold;}

form#commentform input#author, 
form#commentform input#email, 
form#commentform input#url {
	width: 218px;  
	height: 20px;
	border: 1px solid #ccc;
	background: #eee;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;}

form#commentform textarea {
	float: left; 
	width: 398px;
	height: 92px;
	margin-bottom: 14px;
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;}

form#commentform div.submit {
	text-align: right;
	clear: left;
	float: right;
	margin: 0 10px 18px 0;}

form#commentform span.req {
	color: #f00;}

#page ol.commentlist {
	list-style: none;}

#page ol.commentlist li {
	margin-left: 0;
	padding: 18px 10px;}

#page ol.commentlist li.alt {
	background: #eee;}

#page ol.commentlist li img {
	float: left;
	margin-right: 20px;
	padding: 5px;
	background:#eee;
	border: 1px solid #ddd;}

#page ol.commentlist li img:hover {
	background:#ddd;
	border: 1px solid #ccc;}

#page ol.commentlist li cite {
	font-size: 1.0em;
	padding-left: 0;}

#page ol.commentlist li small a {
	color: #999;
	font-size: 0.8em;}

#page ol.commentlist li small a:hover {
	color: #000;}