/* reset css
*************************/
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;
}

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

/* info

typographic scale:

pt: nonpareil
7pt: minion
8pt: brevier or small text
9pt: bourgeois or galliard
10pt: long primer or garamond
11pt: small pica or philosophy
12pt: pica
14pt: english or augustin
18pt: great primer
21pt: double small pica or double pica
24pt: double pica or two-line pica
36pt: double great primer or 2-line great primer
48pt:
60pt:
72pt:

*************************/

/* body
*************************/

body
{
	text-rendering: optimizeLegibility;
	min-width: 900px;
	font: 18px/1.5 Georgia, serif;
	color: #000;
	background-color: #F0EEE8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0EEE8', endColorstr='#E3EEEB'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#F0EEE8), to(#E3EEEB)) fixed; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #F0EEE8,  #E3EEEB) fixed; /* for firefox 3.6+ */
}

body.phpab-light
{
	color: #666;
}

/* links
*************************/

a
{
	text-decoration: none;
	color: #00f;
}

/* headlines
*************************/

h1 a, h1 a:visited
{
	color: #000;
	text-decoration: none;
	
}

h1
{
	position: relative;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 40px;
	margin: 48px 0 48px;
	color: #000;
}

h2
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 36px;
	margin: 81px 0 27px;
	color: #000;
}

h2 .weak
{
	font-size: 24px;
}

h2 a, h2 a:visited
{
	color: #000;
	text-decoration: none;
}

h3
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 24px;
	margin: 36px 0 27px 0;
	color: #000;
}

h3 a, h3 a:visited
{
	color: #000;
}

h4
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin: 27px 0 0;
	color: #000;
}

h4 .weak
{
	font-weight: 300;
	color: #999;
	*color: #999;
}

h5
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	font-style: normal;
}

h6
{
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	color: #000;
	position: relative;
	right: 100%;
	padding-right: 12px;
	height: 0;
	text-align: right;
}

li h6 + p
{
	margin: 0;
}

/* lists
*************************/

ul, ol, dl
{
	margin: 0 0 27px 27px;
}

ul
{
	list-style: outside disc;
}

ol
{
	list-style: outside decimal;
}

ul.plain, ol.plain
{
	margin-left: 0;
	list-style: none;
}

dt
{
	font-weight: bold;
}

dd
{
	margin-bottom: 27px;
}

/* inline elements
*************************/

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

del
{
	text-decoration: line-through;
}

ins
{
	font-style: italic;
}

abbr
{
	text-transform: uppercase;
	font-size: 90%;
}

cite, q
{
	font-style: italic;
}

code, kbd, samp, var, tt
{
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 80%;
	background-color: #f9f9f9;
}


/* paragraph elements
*************************/

address, blockquote, p, pre
{
	margin: 0 0 27px;
}

blockquote
{
	margin-left: 27px;
	border-left: 4px solid #f9f9f9;
	padding-left: 23px;
}

pre
{
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}

/* tables
*************************/

table
{
	margin: 0 0 27px;
}

table.styled
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

table.styled th
{
	font-weight: bold;
	background-color: #eee;
	padding: 12px;
}

table.styled td
{
	border: 1px solid #f9f9f9;
	padding: 12px;
}


/* forms
*************************/

form, fieldset, legend
{
	margin: 0 0 27px;
}

legend
{
	font-weight: bold;
}

form .form-field,
form .form-button
{
	margin-bottom: 27px;
}

.form-button input[type=submit]
{
	font: 18px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 4px 8px;
	outline-width: 0;
	border: 1px solid #000;
	background-color: #333;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	cursor: pointer;
	text-shadow: #000 0 0 2px;
	font-weight: bold;
}

.form-field input[type=text],
.form-field input[type=date],
.form-field input[type=time],
.form-field input[type=number],
.form-field input[type=password],
.form-field input[type=url],
.form-field select,
.form-field textarea
{
	font: 18px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
	height: 27px;
	background-color: #fff;
	max-width: 90%;
	display: block;
}

.form-field textarea
{
	height: auto;
}

.form-field input[type=text]:focus,
.form-field input[type=password]:focus,
.form-field textarea:focus
{
	border-color: #000;
}

form .form-field.checkbox-input,
form .form-field.radio-input 
{
	margin-bottom: 24px;
}

form .form-field label
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	margin: 27px 0 0;
	display: block;
}

label .weak
{
	color: #999;
}

form .form-field input.inline
{
	display: inline;
}

form .form-field.checkbox-input label,
form .form-field.radio-input label,
form .form-field.checkbox-input input,
form .form-field.radio-input input
{
	display: inline;
	width: auto;
}

form textarea
{
	width: 90%;
}

input, textarea, select
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.verification
{
	display: none;
}

/* other elements
*************************/

object
{
	margin: 0 0 27px;
	display: block;
}

hr
{
	background-color: #ccc; /* set both colors to same */
	color: #ccc;
	height: 1px;
	border-width: 0; /* border causes browser incompatabilities */
	width: 80%;
	text-align: center;
}

img
{
	-ms-interpolation-mode: bicubic;
}

/* tabs
*************************/

ul.tabs, div.tabs
{
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	*overflow: hidden;
}

ul.tabs li, div.tabs > div
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

ul.tabs a
{
	position: relative;
	display: block;
}

/* dropdowns
*************************/

ul.dropdown
{
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 999;
	top: 100%;
	width: 250px;
	display: none;
	left: 0;
}

ul.dropdown ul.dropdown
{
	top: 0;
	left: 95%;
}

ul.dropdown li
{
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

ul.dropdown li a
{
	display: block;
}


/* helper classes
*************************/

.even
{
	background-color: #f9f9f9;
}

.odd
{
	background-color: #f6f6f6;
}

.weak
{
	color: #999;
}

.weak a
{
	color: #999;
	text-decoration: underline;
}

.high-context
{
	margin-top: -24px;
}

.footnote
{
	font-size: 12px;
	font-family: Georgia, serif;
}

.inline
{
	display: inline;
}

.float-right
{
	display: block;
	float: right;
}

.float-left
{
	display: block;
	float: left;
}

.float-right.pad
{
	margin: 27px 0 27px 27px;
}

.float-left.pad
{
	margin: 27px 27px 27px 0;
}

.clear-left
{
	clear: left;
}

.clear-right
{
	clear: right;
}

.clear-all
{
	clear: both;
}

.hide
{
	display: none;
}

.page-break
{
	page-break-before: always;
}

.columns
{
	overflow: hidden;
	width: 100%;
}

.center
{
	text-align: center;
}

.right
{
	text-align: right;
}

.nowrap
{
	white-space: nowrap;
}

p.summary
{
	font-size: 16px;
	color: #999;
}

/* website
*************************/

#container
{
	background-color: #fff;
	margin: 27px auto;
	min-height: 100%;
	position: relative;
	width: 700px;
	padding: 0 125px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 4px #D5D8D4;
	-moz-box-shadow: 0 0 4px #D5D8D4;
}

/* header
*************************/

#header
{
	position: relative;
	margin: 0 0 81px;
	padding: 75px 0 0;
}

#header h1
{
	margin: 0;
}

#header h1 a
{
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	background-image: url(http://cdn.briancray.com/images/logo.png);
	width: 340px;
	height: 50px;
}

#searchform
{
	position: absolute;
	right: 0;
	top: 82px;
	margin: 0;
}

#searchquery
{
	font: 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #000;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 4px 4px 24px;
	height: 18px;
	display: inline;
	width: 200px;
	background: #fff url(http://cdn.briancray.com/images/ledicons/magnifier.png) 4px 5px no-repeat;
}

#searchquery:focus
{
	background-color: #fff;
	border-color: #000;
}

#submitsearch
{
	font: 12px/18px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 4px 8px;
	outline-width: 0;
	border: 1px solid #000;
	background-color: #333;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	cursor: pointer;
	text-shadow: #000 0 0 2px;
}

/* menu
*************************/

/* sidebar
*************************/


/* content
*************************/



/* blog
*************************/

#blogpost,
.blogpost
{
	position: relative;
	margin-bottom: 54px;
}

#blogpost > blockquote,
.blogpost > blockquote
{
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

#blogpost img, .blogpost img
{
	display: block;
	margin: 0 auto 27px;
	-moz-box-shadow: 0 0 25px #eee;
	-webkit-box-shadow: 0 0 25px #eee;
	max-width: 700px;
}

#post-id
{
	display: none;
}

#blogpost .avatarcontainer img
{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#blogpost blockquote .share-link,
.blogpost blockquote .share-link
{
	float: right;
	width: 50px;
	margin: 0 0 27px 27px;
}

#blogpost blockquote .topsy_widget_data
{
}

.avatarcontainer
{
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	position: absolute;
	top: 0px;
	left: -98px;
	width: 72px;
	height: 72px;
}

.backtotop
{
	display: none;
}

/* comments
**************************/

#comments
{
	clear: left;
	margin-top: 54px;
	position: relative;
}

#comments ol
{
	padding: 0;
	margin-left: 0;
	list-style: none;
}

#comments li
{
	position: relative;
	min-height: 81px;
	margin-bottom: 54px;
}


#comments .textarea-input
{
	margin-bottom: 0;
}

.comment-item
{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 24px;
	font-style: italic;
	color: #eee;
}

#comments h4
{
	margin-top: 0;
	font-style: normal;
	display: inline;
}

#comments li > blockquote
{
	font-size: 18px;
	font-style: normal;
	border-left: 6px solid #f9f9f9;
	margin-left: 0;
	padding-left: 21px
}

/* footer
**************************/

#footer
{
	border-top: 1px solid #eee;
	padding: 27px 0;
}

#boiler
{
	text-align: center;
	font-size: 12px;
}

#navigation
{
	overflow: hidden;
}

#navigation > div
{
	float: left;
	width: 25%;
}

#navigation > div > div
{
	padding-right: 27px;
}

/* other stuff
***************************/

.wp_syntax
{
	margin-bottom: 27px;
	width: 100%;
	overflow: auto;
}

.wp_syntax .code
{
	border-left: 1px solid #ddd;
	padding-left: 10px;
}

.wp_syntax .line_numbers
{
	padding-right: 10px;
	background-color: #eee;
}

.wp_syntax pre, .wp_syntax table
{
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

a.action
{
	background-color: #00f;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #00c;
	padding: 0 4px;
	text-decoration: none;
	margin-right: 10px;
}

a.action:hover
{
	background-color: #00d;
}

.post-meta li
{
	margin: 12px 0;
}

.calltoaction
{
	line-height: 21px;
	height: 66px;
	padding-top: 16px;
}

.calltoaction .button,
.calltoaction .count
{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 24px;
	text-shadow: #fff 0 1px 0;
	padding: 20px 10px;
}

.calltoaction .button
{
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.calltoaction img
{
	height: 48px;
	vertical-align: middle;
}

.calltoaction .count
{
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border: 1px solid #ccc;
	border-left-width: 0;
	background-color: #eee;
	font-weight: 300;
}

.calltoaction.twitter a.button
{
	border: 1px solid #46C8F5;
	background-color: #E1F6FD;
	color: #46C8F5;
}

.calltoaction.twitter a.button:hover
{
	background-color: #F0FBFE;
}

.calltoaction.facebook a.button
{
	color: #395185;
	border: 1px solid #395185;
	background-color: #DFE3EB;
}

.calltoaction.facebook a.button:hover
{
	background-color: #EFF1F5;
}

.calltoaction.subscribe a.button
{
	color: #EF7000;
	border: 1px solid #EF7000;
	background-color: #FCE8D6;
}

.calltoaction.subscribe a.button:hover
{
	background-color: #FEF4EB;
}

#calls
{
	width: 100%;
	overflow: hidden;
	margin: 27px 0;
}

#calls .calltoaction
{
	float: left;
	margin-right: 20px;
}