/***
 *
 * Generic Tag Styles
 *
 ***/

body 
{ 
	font-size: 12px;
	line-height: 19px;
	font-family: helvetica, arial, sans-serif;
	background: #ffffff;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
	width: 930px;
}

h1, h2, h3, h4, h5, h6 
{ 
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   padding: 0px;
   margin: 0px;
}

h2
{
	position: relative;
	font-weight: bold;
	margin-bottom: 2px;
	overflow: visible;
}

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

h4
{ 
   font-weight:bold;
	color: #333333;
	width: 368px;
	margin-top: 1em;
	border-bottom: 1px solid #333333;
	margin-bottom: 1em;
}

h5
{
	margin-bottom:0px;
}

a 
{ 
	outline: none;
	text-decoration: underline;
	color: #000000;
}

a:active 
{ 
    text-decoration: none;
    color: #990000;
}

a:hover 
{ 
    text-decoration: none;
    color: #990000;
}

a:visited 
{ 
    text-decoration: underline;
    color :#444444;
}

h2 a,
h4 a,
{
    font-weight: bold;
}

h4 strong 
{
	color: #000000;
}

p 
{  
	margin-top: 0px;
	margin-bottom: 19px;
   width: 470px;
}

ul 
{ 
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul li 
{ 
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.5em;
	padding: 0px;
}

img 
{ 
	padding: 0px;
   border:0px;
}

code
{
	display: block;
	padding-left: 22px;
	margin-bottom: 1em;
}

blockquote,
q {
	color: #888888;
	display: block;
	font-family: times;
	font-style: italic;
	margin: 1em;
	margin-top: 0.5em;
	padding: 0px;
	font-size: 16px;
	line-height: 20px;
	padding-left: 10px;
}

cite 
{
	display:block;
	text-align: right;
	margin-top: 0px;
	margin-right:40px;
	padding: 0px;
	font-weight: bold;
	font-style: normal;
}

hr 
{ 
    height:1px;
}

pre 
{ 
    margin-left:20px;
}

/***
 *
 * Generic Class Styles
 *
 ***/

.error 
{
	font-size: 150%;
	font-weight: bold;
	color: #990000;
}

.success,
.message 
{	
	font-size: 200%;
	line-height: 150%;
	font-weight: bold;
	color: #009900;
}

.rule 
{ 
	position: relative;
	height: 1px; 
	line-height: 1px;
	font-size: 1px;
	width: 569px;
	background:#dfdfdf;
	margin:0px; 
	margin-top:0px;
	margin-bottom:22px;
	margin-left: 92px;
}

.small 
{ 
	font-size:10px;
	color: #999999;
}

dl.attachment
{
	padding: 0px;
	margin: 6px 0px 12px 0px;
}
dl.attachment dt,
dl.attachment dd
{
	padding: 0px;
	margin: 0px;
}



dl.audio
{
	margin-left: 24px;
}
 
div.rule.me 
{ 
    background:#E49969;
}

div.rule.words 
{ 
    background:#DF0029;
}

.timeline a.words,
.results .words,
.words .detail
{
	background-image: url('/img/words.gif');
}


div.rule.images 
{ 
    background:#F9F400;
}

.timeline a.images,
.results .images,
.images .detail
{
	background-image: url('/img/images.gif');
}

div.rule.sounds 
{ 
    background:#009F62;
}

.timeline a.sounds,
.results .sounds,
.sounds .detail
{
	background-image: url('/img/sounds.gif');
}

div.rule.works 
{ 
    background:#00B2EB;
}

.timeline a.works,
.results .works,
.works .detail
{
	background-image: url('/img/works.gif');
}

div.rule.likes 
{ 
    background:#324395;
}

.timeline a.likes,
.results .likes,
.likes .detail
{
	background-image: url('/img/likes.gif');
}

div.rule.links 
{ 
    background:#E2007F;
}

.timeline a.links,
.results .links,
.links .detail
{
	background-image: url('/img/links.gif');
}

div.rule.interfaces 
{ 
    background:#F7941D;
}

.timeline a.interfaces,
.results .interfaces,
.interfaces .detail
{
	background-image: url('/img/interfaces.gif');
}

div.rule.contact 
{ 
    background:#848484;
}

div.rule.feed
{
	background:#9eb652;
}

div.rule.portfolio 
{ 
    background:#AB0CA8;
}

.timeline a.feed,
.timeline a.elsewhere,
.results .feed,
.results .elsewhere,
.elsewhere .detail,
.feed .detail
{
	background-image: url('/img/feed.gif');
}

.timeline a.portfolio,
.results .portfolio,
.portfolio .detail
{
	background-image: url('/img/portfolio.gif');
}

div.rule.minutiae
{
	background:#cec313;
}

.timeline a.minutiae,
.results .minutiae,
.minutiae .detail
{
	background-image: url('/img/minutiae.gif');
}


.timeline a.contact,
.timeline a.comment,
.results .comment,
.results .contact,
.comments .detail,
.contact .detail
{
	background-image: url('/img/contact.gif');
}


.timeline a.me,
.results .me,
.me .detail
{
	background-image: url('/img/me.gif');
}

h2.contact
{
	position: relative;
	height: 22px;
	line-height: 36px;
	padding-left: 22px;
	background-image: url('/img/contact.gif');
	background-repeat: no-repeat;
}


div.rule.listening 
{
	background: #147A76;
}

.timeline a.listening,
.results .listening,
.listening .detail
{
	background-image: url('/img/listening.gif');
}


div.rule.mobile 
{
	background: #9457ef;
}

.timeline a.mobile,
.results .mobile,
.mobile .detail
{
	background-image: url('/img/mobile.gif');
}

div.rule.radio
{
	background: #4b183d;
}

.timeline a.radio,
.results .radio,
.radio .detail
{
	background-image: url('/img/radio.gif');
}

.clear
{
	clear: both;
}


/***
 *
 * Tag Class Styles
 *
 ***/

a.secondary
{
	color: #666666;
}


a.external_link
{
	position: relative;
	margin-left: 1em;
	padding-left: 17px;
	background-image: url('/img/icons_arrow_right_15px.gif');
	background-position: -1px -2px;
	background-repeat: no-repeat;
}


img.p 
{ 
    margin-right:10px;
}

/***
 *
 * Form Styles
 *
 ***/

form .formMessage 
{
	font-size: 90%;
	font-style: italic;
	color: #999999;
}

form .optional
{
	font-size: 90%;
	color: #999999;
}

form 
{
	width: 470px;
	padding: 0px;
	margin: 0px;
}

form p
{
	margin: 0px;
	padding: 0px;
}

form label
{
	clear: both;
	color: #666666;
}

form input
{
	outline: none;
}

form input.text 
{
	padding: 2px;
	width: 460px;
	border: 1px solid #cccccc;
	font-family: courier, monospace;
	font-size: 9pt;
}

form textarea 
{
	padding: 2px;
	width: 460px;
	max-width: 460px;
	height: 200px;
	border: 1px solid #cccccc;
	font-family: courier, monospace;
	font-size: 9pt;
}

p.buttons 
{
	text-align: right;
}

p.required 
{
	text-align: right;
}

span.required 
{
	font-size: 150%;
	font-weight: bold;
	color: #990000;
}

/***
 *
 * Layout Styles
 *
 ***/

#main 
{ 
    width:900px;
}
#contents 
{ 
	position: relative;
	margin: 22px 10px 22px 10px;
	padding-bottom:44px;
}

#masthead
{ 
	display: block;
	position: relative;
	z-index: 1000;
	height: 44px;
	width: 676px;
}

#masthead h1
{
	font-weight: bold;
}

#masthead h2,
#masthead h2 a
{
	line-height: 10px;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}

#masthead h3
{
	font-weight: normal;
}


#masthead .filter
{
	top: 2px;
	position: relative;
	z-index: 1000;
}


.drop
{
	position: relative;
	overflow: hidden;
	height: 14px;
	line-height: 14px;
	text-align: left;
	z-index: 1000;
	width: 200px;
}

.drop:hover
{
	overflow: visible;
}

.drop .label
{
	position: relative;
	padding: 1px 16px 1px 0px;
	background-image: url('/img/icons.gif');
	background-repeat: no-repeat;
	background-position: right -64px;
}


.drop a
{
	position: relative;
	display: block;
	padding: 2px;
	background: #eeeeee;
}

.drop a:hover
{
	padding: 2px;
	background: #ffffff;
}

.drop ul
{
	position: relative;
	z-index: 10000;
}

.drop li
{
	position: relative;
	text-align: left;
	padding: 0px;
	margin: 0px;
}


#masthead a 
{
    text-decoration: none;
    color: #6C6C6C;
}

.container
{
	position: relative;
	clear: both;
}

.detail,
.notes
{
	left: 0px;
	position: relative;
	text-align: right;
	width: 168px;
	clear: left;
	float: left;
	background-image: url('/img/empty.gif');
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 22px;
	padding: 9px 17px 12px 0px;
}

.notes
{
	position: absolute;
	bottom: 7px;
}

#masthead .detail
{
	padding: 9px 17px 0px 0px;
	height: 35px;
}

.detail a,
.notes a
{
	color: #999999;
	text-decoration: none;
}

.notes a.keyword
{
	font-size: 10px;
}

.body
{
	position: relative;
	top: 0px;
	text-align: left;
	width: 470px;
	float: left;
	margin: 9px 12px 0px 6px;
	clear: right;
}

/* result styles*/

.result
{
	background-image: url('/img/empty.gif');
	background-repeat: no-repeat;
	background-position: top left;	
	padding: 9px 0px 12px 17px;
	border-bottom: 1px dotted #dfdfdf;
	
}

.result .comments
{
	background-image: url('/img/contact.gif');
	margin-left: -16px;
	padding: 9px 0px 12px 17px;
	background-repeat: no-repeat;
}

.match
{
	font-weight: bold;
}

.result .match
{
	color: #000000;
	font-weight: bold;
}

.result .highlights
{
	margin-left: 22px;
}

.result .topics
{
	margin-left: 22px;
}

.result p
{
	padding: 0px;
	margin: 0px;
}


#prev 
{ 
	width: 10px;
	height: 22px;
	margin-right: 10px;
	float: left;
	vertical-align: text-bottom;
}

/***
 *
 * Naivgation Styles
 *
 ***/

#navi 
{ 
	background: #ffffff;
	position: absolute;
	left: 676px;
	top: 0px; 
	width: 250px;
}


#navi li 
{ 
	position: relative;
	min-height: 44px;
	white-space: nowrap; 
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

#navi li ul li 
{
   display: inline; 	
	white-space: nowrap;
}


span.count
{
	font-size: 10px;
	color: #999999;
	padding-left: 2px;
}

#masthead span.count
{
	font-size: 10px;
}

#navi li img.p 
{ 
    margin-right:10px;
}

#navi li img 
{ 
	margin-right:2px;
}

#navi li .contact
{
	margin-top: 20px;
}

#navi li .contact p
{
	padding-left: 22px;
	padding-top: 10px;
	width: 170px;
	background-image: url('/img/contact.gif');
	background-repeat: no-repeat;
}

#navi li.search
{
	margin: 0px;
	padding: 0px;
}

#navi li.search form
{
	position: absolute;
	top: 0px;
	left: 15px;
}

#contactDetails
{
	display: none;
}

#main .contactDetails p
{
	width: 50%;
	float: left;
	min-height: 35px;
}

#main .contactDetails img
{
	border: 0px;
}

/***
 *
 * Blog Styles 
 *
 ***/

.entry
{
	width: 726px;
	position: relative;
}

.entry img
{
	clear: both;
	margin: 3px 0px 0px 0px;
	border: 1px solid #cccccc;
}

.entry h2 a
{
	text-decoration: none;
}

.entry ul
{
	list-style: square;
	margin-left: 16px;
}

.entry ul a
{
	font-weight: bold;
}

.entry a.section
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 12px;
	height: 24px;
}

.entry p.byline
{
	position: relative;
}

.comments p.byline,
.entry p.byline
{
	font-size: 95%;
	color: #999999;
	text-align: right;
}

.comment
{
	margin-bottom: 0.5em;
}

.comment .body
{
	border-bottom: 1px dotted #dddddd;
}

.comment .commentForm
{
	border: 0px;
}

.entry p.byline a
{
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

.entry .attachment .videoLink
{
	position: relative;
	padding-left: 17px;
	background-image: url('/img/icons_video_camera_15px.gif');
	background-position: -1px -2px;
	background-repeat: no-repeat;
}

.entry .attachment .audioLink
{
	position: relative;
	padding-left: 17px;
	background-image: url('/img/icons_speaker_15px.gif');
	background-position: -1px -2px;
	background-repeat: no-repeat;
}

.entry .attachment div.overlay
{
	position: relative;
	top: 0px;
	left: 0px;
	clear: both;
}

.entry div.attachment
{
	position: relative;
	margin-right: 10px;
	margin-top: 5px;
	padding: 0px;
}

.entry .swf
{
	margin: 0px 0px 2px 0px;
}

.entry ul
{
	margin-bottom: 0px;
}

.comments .third
{
	width: 146px;
	margin-right: 10px;
	float: left;
}

.comments form span.pre
{
	display: block;
	padding: 2px;
	width: 147px;
	overflow: hidden;
	border: 1px solid #cccccc;
	font-family: courier, monospace;
	font-size: 9pt;
	margin-bottom: 2px;
}

.comments .third input.text
{
	width: 147px;
}

.comments form textarea
{
	height: 100px;
}

.comments 

.contracted li 
{  
    height:44px;
}

a.sec,
a.sec:visited 
{ 
	text-decoration:none;
	color:#6C6C6C;
}




.strike {
    text-decoration: line-through;
}


.related {
	margin: 0px;
   padding-left: 0px;
}

.related h6 {
    margin-left: 0px;
    padding-bottom:10px;
}

ul.gallery_items {
    margin-bottom:5px;
}

ul.gallery_items li {
    display: inline;
    padding:1px;
}


.center {
    text-align: center;
}

/***
 *
 * Gallery Styles
 *
 ***/

#gallery 
{
    font-size: 8pt;
    font-family: helvetica, arial, sans-serif;
    background: black;
    color: #6C6C6C;
}


#gallery_main 
{ 
	position: relative;
    width:720px;
    padding-bottom:44px;
    /* as main column is 600px wide */
    margin-left: -60px;
}

.gallery {
    width:720px; 
    text-align:center;
}

#gallery_title { 
    position: absolute;
    left: 300px;
    top: 0px;
    width: 300px;
    text-align: right;
}

#gallery_title img {
    margin: 0px;
    margin-left: 10px;
}

.gallery_image {
	position: relative;
	left:0px;
	width: 720px; 
	height: 535px; 
	text-align: center;
}

table td
{
	vertical-align: top;
}

table.thumbnails {
	width:720px;
}

table.thumbnails td {
	background: #000000;
    width: 118px;
    height: 72px;
    margin: 0px;
    margin-bottom: 12px;
    margin-right: 0px;
    padding:0px;
	text-align: center;
}

table.thumbnails td img {
    margin: 0px;
    border: 0px;
}

li.attachment {
	height: 15px;
	line-height:15px;
}

li.attachment img {
	float: left;
	padding:0px;
	padding-right:4px;
	margin:0px;
	
}

li.image {
	margin: 0px;
	padding: 0px;
	padding-bottom: 2em;
}

li.image.last
{
	padding: 0px;
}

li.image h4 {
	display: inline;
	font-weight: bold;
}

.nopadding {
	padding: 0px;
}

.nomargin {
	padding: 0px;
}



img.inline {
	clear: both;
}

/***
 *
 * Tags page styles
 * 
 ***/

.keywords {
	text-align: center;
	line-height: 35px;
	margin-left: 10px;
	width: 470px;
}

.keywords a {
	text-decoration: none;
}

a.ki0:visited,
a.ki0:link {
	color:#aaaaaa;
}

a.ki1:visited,
a.ki1:link {
	color:#999999;
}

a.ki2:visited,
a.ki2:link  {
	color:#888888;
}

a.ki3:visited,
a.ki3:link  {
	color:#777777;
}

a.ki4:visited,
a.ki4:link  {
	color:#666666;	
}

a.ki5:visited,
a.ki5:link  {
	color:#555555;
}

a.ki6:visited,
a.ki6:link  {
	color:#444444;
}

a.ki7:visited,
a.ki7:link  {
	color:#333333;
}

a.ki8:visited,
a.ki8:link  {
	color:#222222;
}

a.ki9:visited,
a.ki9:link  {
	color:#111111;
}

a.ki10:visited,
a.ki10:link {
	color:#000000;
}

a.keyword:hover {
	text-decoration: none;
	color:#009900;
}

span.keyword {
	padding-left: 5px; 
	padding-right:5px;
}

.pages
{
	width: auto;
}

.pages .detail
{
	width: 168px;
	padding: 8px 7px 0px 0px;
	background-image: none;
}

.pages .previous
{
	width: 10px;
	height: 22px;
	float: left;
	margin-right: 6px;
}

.pages .next
{
	float: left;
	width: 10px;
	height: 22px;
}

.pages ul 
{
	position: relative;
	list-style: none;
	display: block;
	float: left;
	height: 22px;
	margin-right: 6px;
}

.pages ul li
{
	display: block;
	background-image: url('/img/empty.gif');
	background-repeat: no-repeat;
	width: 10px;
	margin-right: 2px;
	height: 22px;
	float: left;
}

.pages ul li.current
{
	background-image: url('/img/current.gif');
}

.pages a
{
	display: block;
	text-align: center;
	width: 10px;
	height: 22px;
	font-size: 6px;
	text-decoration: none;
	color: #999999;
}

.editLink
{
	font-weight: bold;
}

h2.interface
{
	background-image: url('/img/interfaces.gif');
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 8px;
}

/** Search **/

body.search div.header
{
	background-image: url('/img/interfaces.gif');
	background-repeat: no-repeat;
	padding-left: 22px;
}

body.search .term
{
	font-weight: bold;
}

body.search .score
{
	font-weight: normal;
	font-size: 9px;
}

body.search .score:before
{
	content: '[';
}

body.search .score:after
{
	content: ']';
}

.search .success
{
	padding: 12px 0px 0px 22px;
	font-size: 100%;
	color: #666666;
	font-weight: normal;
	text-align: left;
}

.search .error
{
	padding: 12px 0px 0px 22px;
}

.search .result .term
{
	color: #000000;
	font-weight: bold;
}

.search form
{
	padding: 0px;
	margin: 0px;
	width: 170px;
}

.search input.text
{
	width: 50px;
	height: 20px;
	line-height: 20px;
	padding: 0px 3px 0px 3px;
	margin: 0px;
	border: 0px;
	outline: 0px;
	border: 1px solid #dddddd;
}

.search form input.button
{
	position: relative;
	font-family: helvetica;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	outline: 0px;
	height: 12px;
	line-height: 12px;
	background: none;
	border: 0px;
	top: 5px;
	font-size: 9pt;
	color: #666666;
}

.search .detail input.text
{
	width: 140px;
}

.search .detail form
{
	margin-top: -9px;
}

.search .detail form input.button
{
	margin-left: 5px;
	height: 19px;
}



body.search div.header form
{
	width: 470px;
}

body.search div.header input.text
{
	width: 150px;
}

/* topics */

ul.results
{
	margin-top: 16px;
	margin-left: -16px;
}




/* timelime */

body.timeline #masthead
{
	z-index: 0;
}

body.timeline #navi
{
	top: 66px;
	text-align: right;
	position: fixed;
	left: 0px;
	width: auto;
	z-index: 1000;
}

body.timeline .body
{
	position: relative;
	padding: 0px;
	margin: 0px;
	left: -10px;
	width: 300px;
}



body.timeline .body a
{
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: top-left;
	padding: 11px 0px 0px 0px;
	line-height: 12px;
	text-decoration: none;
	height: 13px;
	overflow: hidden;
}

body.timeline a.marker
{
	padding: 12px 0px 0px 13px;
	height: 540px;
	width: 100px;
	background-image: url('/img/empty.gif');
}

body.timeline .body a .date
{
	line-height: 10px;
}

body.timeline a.marker .dateline
{
	position: absolute;
	left: 5px;
	top: 24px;
	height: 514px;
	border-left: 1px dotted #cccccc;	
	width: 1px;
	z-index: -1;
}

body.timeline div.entries .body a
{
	border: 1px solid #ffffff;
	border-width: 0px 1px 0px 1px;
	margin-left: -1px;
	width: 10px;
}

body.timeline div.entries .body a .container
{
	display: none;
	position: relative;
	width: 468px;
	float: left;
	left: 10px;
}

body.timeline div.entries .body a .background
{
	position: relative;
	padding-left: 3px;
	background-color: #ffffff;
	opacity: 0.7;
	float: left;
}

body.timeline div.entries .body a:hover
{
	z-index: 100;
	color: #000000;
	padding-right: 0px;
	overflow: visible;	
}

body.timeline div.entries .body a:hover .container
{
	display: block;
}
	



/** minutiae styles **/

/* date styles */

span.date
{
	line-height: 21px;
	padding: 0px;
	margin: -2px 0px;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
}

span.date a
{
	color: #999999;
}


.search ul li span.date,
.topics ul li span.date
{
	top: 0px;
}

.search .body ul.results,
.topics .body ul.results
{
	background: #ffffff;
	margin-top: -9px;
}

.hidden
{
	display: none;
}