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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body {
margin: 0;
height: 100%;
}

p, li, a, span, h1, h2, h3, input, label, textarea {
font-family: "museo-sans-1","museo-sans-2",sans-serif;
font-weight: 300;
}

a {
color: #33CCFF;
text-decoration: none;
}

a:hover {color:#000000;}

strong {
font-weight: 700;
}

blockquote {
padding: 3px 3px 0px 20px;
border-left: #ededed solid 2px;
}

h1, h2 {
font-size: 20px;
margin-bottom: 15px;
font-weight: 500;
}

p {
font-size: 13px;
}

.left p, .right p {
line-height: 1.5;
}

.wrapper {
margin: 0 auto;
width: 1100px;
}

.link span {
background:url(/images/blue_arrow.png) no-repeat scroll 0 0 transparent;
display:none;
height:8px;
left:-35px;
margin:-4px 0 0;
position:absolute;
top:50%;
width:24px;
}


/*------------------------------------------- */
/* Header */

#header {
border-top: 6px solid #000000;
border-bottom: 6px solid #000000;
background: url(/images/menu_bg.jpg) repeat-x;
height: 43px;
}

#header #logo {
float:left;
overflow: hidden;
height: 43px;
}

#logo a:hover img {
margin-top: -43px;
}

#header ul {
float:right;
height: 43px;
overflow:hidden;
margin-right: 7px;
}

#header li {
list-style-type: none;
float:left;
font-size: 14px;
}

#header li a {
text-decoration: none;
color: #959595;
padding: 15px 12px;
display: block;
background: url(/images/menu_item_bg.png) repeat-x 0 43px;
}

/*------------------------------------------- */
/* Content */

#content {
}

#content .wrapper {
padding: 60px 0 0 0;
background: url(/images/content_bg.jpg) no-repeat 50% 0 #ffffff;
}

#content .col1 ul {
margin-bottom: 20px;
}

#content .col1 li {
font-size: 13px;
line-height: 1.5;
margin-left: 15px;
list-style-type: circle;
padding: 5px 0 5px 5px;
}

#content .item {clear:both;}

.col1 {
float:left;
width: 560px;
}
#thoughts .item {
width: 820px
}

#thoughts .col1 {
width: 820px;
}

.quote, .thoughts, .images {
display: block;
padding: 5px 25px 20px;
float:left;
margin-bottom: 40px;
width: 558px;
border-bottom: 2px solid #ededed;}

.quote {
min-height: 80px;
}

#content .date {
width: 95px;
float:left;
padding: 6px 10px 6px 18px;
border-right: #ededed solid 1px;
min-height: 44px;
}

#content .date .filed {
margin-top: 15px;
color: #2FD5FF;
}

#content .date a {
font-size: 14px;
display: block;
height:1%;
position:relative;
margin-bottom: 3px;
}

#content .images img {
border: 4px solid #333333;
}

.images .shadow {
background: url(/images/shadow.png) no-repeat;
height: 12px;
margin: -3px 0 0 20px;
}

#content .images .caption {
background:none repeat scroll 0 0 #000000;
bottom:80px;
color:#FFFFFF;
left:4px;
padding:8px 15px 10px;
position:relative;
display: block;
width:410px;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}



#content .notes {
min-height: 44px;
width: 50px;
float:left;
padding: 6px 10px 6px 20px;
border-left: #ededed solid 1px;
}

.notes a {
display: block;
background: url(/images/notes.png) no-repeat;
padding: 6px 5px 6px 50px;
text-decoration: none;
}

.notes a:hover {
background: url(/images/notes_over.png) no-repeat;
color: #959595;
}

#content .date p, .notes a  {
color: #A9A9A9;
line-height: 1.5;
font-size: 12px;
font-weight: 500;

}


.thoughts p {
margin-bottom: 20px;
line-height: 1.5;
}

.quote p { 
font-size: 16px;
line-height: 1.4;
}

.quote .author {
padding: 15px 20px 25px;
display: block;
font-size: 16px;
}

#paginate {
clear:both;
float:left;
margin: -20px 0 50px 201px;
width: 455px;
padding: 0px 25px;
}

.comment_body {
display: none;
}

/*--------------------------------------*/
/* Columns */

.col3 {
width: 240px;
float: right;
}

.col3 h3 {
color: #2FD5FF;
text-transform: uppercase;
border-bottom: 2px solid #CCCDCC;
width: 100%;
margin-bottom: 10px;
padding-bottom: 5px;
}

.col3 h3 a {
color: #2FD5FF;
text-transform: uppercase;
font-size: 16px;
display:block;
height:1%;
position:relative;
}

#about .column h2 {
text-align: center;
margin: 10px 0;
}

#links span.title {
text-transform: uppercase;
display: block;
color: #2FD5FF;
margin-top:3px;
font-size: 16px;

}

#links span {
color: #000000;
font-size: 13px;
}

#links a:hover span {
color: #333333;
}

#links img {
float: left;
margin: 0px 15px 0 0px;
}

#links li {
display: block;
margin: 15px 0;
clear:both;
}

/*--------------------------------------*/
/* Twitter */

#twitter, #links {
width: 200px;
background: url(/images/noise_bg.jpg) repeat;
padding: 20px;
margin-bottom: 20px;
}

#twitter li {margin-bottom:10px;}

#twitter span, #twitter span a {
font-size: 13px !important;
}

#twitter span a {
color: #2FD5FF;
}

#twitter h3 a {
color: #2FD5FF;
text-transform: uppercase;
font-size: 16px !important;
display: block;
}

#twitter a {
font-size: 12px !important;
color: #666666;
}

#twitter a:hover {
color: #333333;
}

/*--------------------------------------*/
/* Contact */

#contact .col1 {
width: 820px;
float: left;
}

#contact .col2 {
width: 240px;
float: right;
}

#note {
background: #FFF9B2;
line-height: 1.6;
margin-bottom: 20px;
display: block;
padding: 15px 20px;
border: 2px solid #FFCC00;
}


/*--------------------------------------*/
/* Footer */

#footer {
clear:both;
margin: -20px 0 30px 201px;
width: 455px;
padding: 0px 25px;
}

#about #footer, #write #footer {
margin-left: 10px;
padding-top: 40px;
}

a#next {
background: url(/images/arrow.png) no-repeat right;
padding-right: 23px;
}