/*-----------------------------------------------------
Default CSS Document
-----------------------------------------------------*/


/*----------------------
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,
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;
	text-shadow: 0 0 0 rgba(0,0,0,0.01);
}

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

body {line-height: 1.2em; 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: "" "";}
strong{font-weight:bold;}
a img { border: none; }
a{outline:none;}

/*-------------------
Quick Classes
---------------------*/

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

/*----------------------
Text Formatting
----------------------*/

p {
	font-size: 12px;
	line-height: 1.2em;
	color: #4d4d4d;
	margin: 8px 0;
}

.sidebarBox,
.sidebarBox p {color: #ccc; font-size: 11px;}

#leftCol p.copyright {font-size: 11px; color: #999; text-align: center;}

#contentBox .bigCol p {font-family: Helvetica, Arial, Sans-Serif;}

#contentBox .bigCol .infoBox p {font-size: 11px; margin: 0; color: #999;}

#contentBox li .bigCol .infoBox ol.notes li {font-size: 11px;}

h1 {

}

h2 {font-family: Helvetica, Arial, sans-serif; font-size: 21px; font-weight: normal; color: #bfd73b;}
h2.twitterTitle {text-align: right; margin: 10px 0 0;}

#contentBox .bigCol h3 {margin: 10px 0 20px; font-size: 18px;}
#contentBox .bigCol h3.noteTitle {text-align: left; border-left: 3px solid #bfd73b; padding: 5px;}
#contentBox .bigCol h2 a,
#contentBox .bigCol h3 a {font-family: Helvetica, Arial, Sans-Serif; color: #bfd73b; font-size: 18px; text-transform: uppercase; text-decoration: none;}
#contentBox .bigCol h2 a:hover,
#contentBox .bigCol h3 a:hover {color: #ccc;}
#contentBox blockquote {font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; border-left: 3px solid #ccc; margin: 10px; padding-left: 10px;}
#contentBox .bigCol ul {list-style-type: square; margin-left: 20px;}
#contentBox .bigCol ul li {font-size: 12px;}

#contentBox .bigCol .quoteSigns {font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #ccc;}

/*----------------------
Link Formatting
----------------------*/

p a,
#contentBox li .bigCol .infoBox ol.notes li a {color: #bfd73b; text-decoration: none;}
p a:hover {color: #eaeaea; text-decoration: underline;}
#contentBox .bigCol p a:hover,
#contentBox li .bigCol .infoBox ol.notes li a:hover{color: #999; text-decoration: underline;}
#footer p a.paginationBtn {display: block; padding: 7px; background: #2a2d31; border: 1px solid #555; border-bottom: none; border-right: none;}
#footer p a.paginationBtn:hover {border: 1px solid #555; border-top: none; border-left: none; text-decoration: none;}

/*----------------------
Body Formatting
----------------------*/

html { background: url(../images/bg-html.jpg) repeat fixed top left;}

body{
	font-size:11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	background: url(../images/bg-body.jpg) repeat-y fixed top left;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#container {width: 850px; height: auto; position: relative; left: 0; top: 0;}

/*----------------------
Left Column Formatting
----------------------*/

#leftCol {width: 250px; top: 0; left: 0; position: fixed; padding: 25px 0 0;}

.logo {background: url(../images/logo.jpg) no-repeat top left;	width: 250px; height: 100px; display: block;}
.logo span {display: none;}

.sidebarBox {width:167px; height: auto; border-top: 1px solid #7c828c; border-left: 1px solid #7c828c; margin: 20px 0 0 20px; padding: 10px 20px; background: #636870;}

.boxShadow {width:208px; height:11px; margin-left: 20px; display: block; background: url(../images/bg-boxshadowsmall.png) no-repeat bottom;}
.boxShadowBig {width:520px; height:22px; float: right; display: block; background: url(../images/bg-boxshadowbig.png) no-repeat bottom;}

#twitterBox {margin: 20px 0 0;}
#twitter_update_list li {border-bottom: 1px solid #999; margin: 0 0 10px 0; padding: 0  0 10px 0}
#twitter_update_list li span a {visibility: visible;}
#twitter_update_list li a {display: none;}

/*----------------------
Right Column Formatting
----------------------*/

#rightCol {width: 600px; height: 100%; position: relative; margin-left: 258px; padding-bottom: 50px;}

#contentBox {padding: 25px 0 0;}

#contentBox .miniCol {width: 53px; height: auto; text-align: center; margin: 50px 0 0; float: left;}
#contentBox .bigCol {width: 500px; height: auto; float: right; padding: 10px; background: #fff;}

#contentBox .bigCol .caption {background: #e3e3e3; margin: 20px 0 0; text-align: left; padding: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#contentBox .bigCol .infoBox {background: #eaeaea; margin: 10px 0 0; padding: 10px;}

.infoImg {vertical-align: bottom;}
#contentBox .bigCol .infoBox .tagImg {vertical-align: bottom; margin-top: 5px;}

#contentBox .bigCol .chatBox {list-style: none; margin: 10px 0 0;}
#contentBox .bigCol .chatBox li {padding: 7px; background: #eaeaea; margin-bottom: 1px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#contentBox .bigCol .chatBox li.even {background: #e3e3e3;}
#contentBox .bigCol .chatBox li span.label {font-weight: bold;}

#contentBox li.photo .bigCol {text-align: center;}

#contentBox li.text {background: url(../images/cat-writing.png) no-repeat top left;}
#contentBox li.video {background: url(../images/cat-videos.png) no-repeat top left;}
#contentBox li.photo {background: url(../images/cat-images.png) no-repeat top left;}
#contentBox li.photoset {background: url(../images/cat-photoSet.png) no-repeat top left;}
#contentBox li.quote {background: url(../images/cat-quote.png) no-repeat top left;}
#contentBox li.audio {background: url(../images/cat-music.png) no-repeat top left;}
#contentBox li.chat {background: url(../images/cat-chat.png) no-repeat top left;}
#contentBox li.link {background: url(../images/cat-link.png) no-repeat top left;}

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

#footer {width: 523px; height: auto; position: relative; margin-left: 52px; padding: 20px 0 50px 25px; background:url(../images/splitter.jpg) no-repeat top left; text-align: center;}

/*----------------------
Permalink Page Formatting
----------------------*/

#contentBox li .bigCol .infoBox ol.notes li {text-align: left; margin-bottom: 5px;}
.avatar {vertical-align: bottom; margin-right: 5px;}