/****************************************************************************************************************************************************/
/** TEXT ********************************************************************************************************************************************/
/****************************************************************************************************************************************************/

.TEXT {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-family: Cambria,Georgia,serif;
	line-height: 20px;
	line-height: 1.5em;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	
	padding: 0;
}
.SHORT .TEXT {
	font-family: Lucida Grande,Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 16px;
	line-height: 1.5em;
}

.TEXT H2 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	
	margin: 0 0 4px 0;
	padding: 0;
}
.TEXT H2.small {
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 1px;
}
.TEXT H3 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	text-align: left;

	margin: 0;
	padding: 0 0 8px 0;
}
.TEXT H4 {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	text-align: left;

	margin: 0;
	padding: 0 0 8px 0;
}

.TEXT H2.pullquote {
	text-indent: -7px;
}

.TEXT P {
	margin: 0;
	padding: 0 0 7px 0;
}
.TEXT P.ADD_MARGIN, .TEXT P.add_margin {
	padding-top: 15px;
}
.TEXT P.spacer {
	font-size: 10px;
	height: 12px;
	margin: 0;
	padding: 0;
}

.TEXT P SMALL, .TEXT P SMALL A {
	font-family: Helvetica,sans-serif;
	text-shadow: none;
	border: none;
}

.TEXT UL, .TEXT OL, .TEXT MENU {
	margin: 0;
	padding: 0 0 2px 0;
}
.TEXT LI {
	list-style: square;
	
	margin: 0 0 0 18px;
	padding: 0 0 4px 0;
}
.TEXT LI P {
	margin: 0;
	padding: 0;
}

.TEXT H2 A {
	border-bottom: solid 1px #bbb;
}
.TEXT H2 A.internal {
	border: none; 
}

.TEXT P A, .TEXT LI A {
	/*font-family: Helvetica,Arial,sans-serif;*/
}


.eyelogimage {
	float: right;
	margin: 2px 0 0 8px;
}


/*
.TEXT .link, .TEXT .via {
	margin: 0;
	padding-bottom: 0px;
}
.TEXT .link a, .TEXT .via a {
	background: #fff;
	-webkit-border-radius: 6px;
	padding: 0 8px;
	
	font-family: Helvetica,sans-serif;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	border: none;
}
.TEXT .via {
	float: right;
	margin-left: 10px;
}
*/
.TEXT .via {
	text-align: right;
}
.TEXT .via a {
	color: #999;
	text-decoration: none;
	border: none;
}




I { font-style: italic; }
I I { font-style: normal; }
I I I { font-style: italic; }
I I I I { font-style: normal; }

BLOCKQUOTE {
	/* background: url('http://static.garoo.net/_img/20090828/block-white3.gif') 20px 0 repeat-y; */

	margin: 3px 0 8px 0;
	padding: 0 0 0 9px;
	border-left: solid 2px #000;
}
.SHORT BLOCKQUOTE {
	margin: 3px 0 6px 0;
}
BLOCKQUOTE BLOCKQUOTE {
	font-style: normal;
}
.TEXT BLOCKQUOTE P { margin: 0; padding: 0; }
/*
.TEXT BLOCKQUOTE I { font-style: normal; }
.TEXT BLOCKQUOTE I I { font-style: italic; }
*/
.TEXT CITE {
}
.TEXT CITE, .TEXT CITE A {
	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}

Q {
	font-style: italic;
}
Q:before { content: ""; }
Q:after { content: ""; }
Q { font-style: italic; }
Q I { font-style: normal; }
Q I I { font-style: italic; }
Q I I I { font-style: normal; }
Q Q { font-style: normal; }
Q Q I { font-style: italic; }


.TEXT BIG {
	font-size: 17px;
}

.TEXT EM {
	font-weight: bold;
	font-style: italic;
}
.TEXT EM I { font-style: normal; }
.TEXT EM I I { font-style: italic; }

.TEXT .CAPTION {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.TEXT TT {
	font-family: Helvetica,Arial,sans-serif;
	font-size: inherited;
}

.TEXT CODE {
	display: block;

	/* background: url('http://static.garoo.net/_img/20090828/block-gray3.gif') 20px 0 repeat-y; */

	margin: 0 0 5px 0;
	padding: 0 0 0 9px;
	
	border-left: solid 2px #999;
}
.TEXT CODE P {
	color: #555;
	font-family: Helvetica,Arial,sans-serif;
	text-align: left;
	text-transform: none;

	text-indent: -50px;
	padding-left: 50px;
	padding-bottom: 0;
}

.TEXT SUP,
.TEXT.MINITEXTE SUP {
	font-size: 9px;
	font-weight: bold;
}
.TEXT.MINITEXTE SUP {
	font-size: 8px;
}
.TEXT SUP A, .TEXT SUP A:HOVER,
.TEXT.MINITEXTE SUP A, .TEXT.MINITEXTE SUP A:HOVER {
	font-weight: bold;
	text-decoration: none;
	border: none;
}


.TEXT .redacted {
	background-color: #222;
	color: #222;
	letter-spacing: 2px;
	padding-left: 2px;
}

.TEXT .spoilers_begin, .TEXT .spoilers_end {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	line-height: 15px;
	margin: 0;
	padding: 0px;
}
.TEXT .spoilers_begin B, .TEXT .spoilers_end B { color: #000; }
.TEXT .spoilers_begin { text-align: left; padding-left: 0; }
.TEXT .spoilers_end   { text-align: left; padding-left: 0; padding-bottom: 5px; }

.TEXT .spoilers {
	margin: 0;
	padding: 0 0 0 9px;
	border-left: solid 2px #000;
}
.TEXT .spoilers P, .TEXT .spoilers LI {
}
.TEXT .spoilers P, .TEXT .spoilers Q, .TEXT .spoilers BLOCKQUOTE, .TEXT .spoilers EM,
.TEXT .spoilers A, .TEXT .spoilers A:HOVER {
	color: #f0f0f0 !important;
	border-color: #fff;
}

p.dialogue,
P.DIALOGUE {
	text-indent: -1.2em;
	margin-left: 0.9em;
}

p.scenario, p.scenario_dialogue, p.scenario_nom,
P.SCENARIO, P.SCENARIO_DIALOGUE, P.SCENARIO_NOM {
	font-weight: normal;
	margin: 0 0 0 1.4em;
	text-indent: 0px;
}
p.scenario_dialogue,
P.SCENARIO_DIALOGUE {
	margin 0 2.5em 0 2.5em;
}
p.scenario_nom,
P.SCENARIO_NOM {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin 0 2.5em 0 2.5em;
}
p.scenario_nom i,
P.SCENARIO_NOM I {
	font-weight: normal;
	font-style: normal;
}

.TEXT DT {
	font-weight: bold;
	margin: 0px;
}
.TEXT DT P {
	margin: 0px;
}
.TEXT DD {
	margin: 0 0 0 10px;
	padding: 0 0 6px 10px;
}

/****************************************************************************************************************************************************/
/** BLOCKS ******************************************************************************************************************************************/
/****************************************************************************************************************************************************/

.BLOCKPREVNEXT {
	padding: 20px 0 0 0;
}
.BLOCKPREVNEXT A {
	display: block;

	font-family: Helvetica,Tahoma,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: lowercase;
	line-height: 12px;

	text-decoration: none;
	border: none;

	color: #dadada;
	background: #666; 
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-transition: background-color 0.2s linear;
	
	padding: 3px 8px;
}
.BLOCKPREVNEXT A:hover {
	color: #fff;
	background: #000;
}

.BLOCKTWITTER .TEXT P,
.BLOCKTWITTERFAVES .TEXT P,
.BLOCKLINKLOG .TEXT P {
	/*
	font-family: Helvetica,sans-serif;
	*/
}
.twitterstamp {
	float: left;
	
	color: #bbb;
	
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-weight: normal;
	line-height: 20px;
}

.WIKIUPDATE {
	background: url('http://static.garoo.net/_img/20071115/wiki.png') no-repeat;
	padding: 8px 0 15px 40px;
}
.WIKIUPDATE H2 {
	margin: 0;
	padding: 0;
}
.WIKIUPDATE P {
	padding: 0;
}
.WIKIUPDATE P A {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/*
.PORTFOLIOTOP {
	background: url('http://static.garoo.net/_img/20071115/largedark-top.png') no-repeat;
	padding: 22px 20px 8px 15px;
}
.PORTFOLIOIMAGE {
	background: url('http://static.garoo.net/_img/20071115/largedark-background.png') repeat-y;
	padding: 0 10px;
	padding-bottom: 14px;
}
.PORTFOLIOIMAGE img {
	border: solid 1px #999;
	border-width: 1px 0;
}
.PORTFOLIOMIDDLE {
	background: url('http://static.garoo.net/_img/20071115/largedark-background.png') repeat-y;
	padding: 0 15px;
}
.PORTFOLIOBOTTOM {
	background: url('http://static.garoo.net/_img/20071115/largedark-bottom.png') no-repeat;
	background-position: left bottom;
	height: 24px;
}
*/

.GALLERY_IMAGES {
	margin: 0;
}
.GALLERY_IMAGES .media {
	margin: 0 10px 0 0;
}

.TEXT P.morelink {
	font-weight: bold;
}

.TEXT P.photologattr {
	color: #999;
	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	padding-bottom: 15px;
display: none;
visibility: hidden;
}
.TEXT P.photologattr:hover {
}

.mediainfo {
	background: #fff;
	border-top: solid 1px #999;
	margin: 0;
	padding: 4px 0 20px 0;
}
.TEXT .mediainfo P {
	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	line-height: 15px;
	margin: 0;
	padding: 2px 7px;
}
.TEXT .mediainfo P, .TEXT .mediainfo P A, .TEXT .mediainfo P A:hover {
	background: none;
	color: #666;
	text-decoration: none;
	border: none;
}
.TEXT .mediainfo P A:hover {
	color: #000;
}

.TEXT P.notlang {
	color: #999;
	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
}

.TEXT .postmore {
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
}

.smiley {
	float: right;
	margin: 0 4px 2px 6px;
}

/****************************************************************************************************************************************************/
/** IMAGES ******************************************************************************************************************************************/
/****************************************************************************************************************************************************/

.roundedimage {
	/*border: solid 1px #999;*/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px #666;
}
.networklinks .roundedimage {
	margin-right: 4px;
	-webkit-box-shadow: 0 1px 3px #aaa;
}

/*
TD.media_nw { background: url('http://static.garoo.net/_img/20090318/media-nw.png'); }
TD.media_nw div { width: 14px; height: 12px; }

TD.media_ne { background: url('http://static.garoo.net/_img/20090318/media-ne.png'); }
TD.media_ne div { width: 14px; height: 12px; }

TD.media_sw { background: url('http://static.garoo.net/_img/20090318/media-sw.png'); }
TD.media_sw div { width: 14px; height: 16px; }

TD.media_se { background: url('http://static.garoo.net/_img/20090318/media-se.png'); }
TD.media_se div { width: 14px; height: 16px; }

TD.media_n { background: url('http://static.garoo.net/_img/20090318/media-n.png'); }
TD.media_e { background: url('http://static.garoo.net/_img/20090318/media-e.png'); }
TD.media_s { background: url('http://static.garoo.net/_img/20090318/media-s.png'); }
TD.media_w { background: url('http://static.garoo.net/_img/20090318/media-w.png'); }

TD.media_middle IMG.shadowed, TD.media_middle A IMG.shadowed,
TD.media_middle IMG.SHADOWED, TD.media_middle A IMG.SHADOWED
{
	background: white;
	border: none;
	-webkit-border-radius: 3px;
}
*/

.media { 
	text-align: center; 
	padding-bottom: 10px;
}
.media img {
	border: none;

	-webkit-box-shadow: 0 1px 2px #888;
	-moz-box-shadow: 0 1px 2px #888;
	box-shadow: 0 1px 2px #888;
}

.media a { border: none; background: none; text-decoration: none; }

/*
.FULLWIDTHMEDIA {
	text-align: center;
	margin: 0;
	padding: 0 0 12px 0;
	padding: 0 0 5px 0;
}
.FULLWIDTHMEDIA IMG {
	border: none;
	margin: 0;
	padding: 0;
}
*/

.FLOATRIGHT { float: right; margin-left: 12px;  }
.FLOATLEFT  { float: left;  margin-right: 12px; }

/****************************************************************************************************************************************************/
/** FORMS *******************************************************************************************************************************************/
/****************************************************************************************************************************************************/

FORM {
	margin: 0px;
	padding: 0px;
}

INPUT, TEXTAREA, SELECT {
	font-family: Calibri,Helvetica,Arial,sans-serif;
	font-size: 14px;
}

.LABEL {
	color: #999;
	font-size: 11px;
	line-height: 21px;
}
.LABEL P A, .LABEL P A:HOVER {
	color: #999;
}

/****************************************************************************************************************************************************/
/** COMMENTS ****************************************************************************************************************************************/
/****************************************************************************************************************************************************/

#COMMENTONTWITTER {
	padding: 25px 10px 20px 0;
}
#COMMENTONTWITTER div {
	background: url('http://static.garoo.net/_img/20100119/twittercomment.png') 0 0 no-repeat;
	width: 420px;
	height: 53px;
}
#COMMENTONTWITTER A {
	display: block;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align:center;
	padding: 8px 0 8px 47px;
	
	color: #333;
	text-shadow: 0 1px 1px #888 !important;
	text-decoration: none;
	border: none;
}
#COMMENTONTWITTER A:hover {
	color: #000;
}

#COMMENTS {
}

#COMMENTS .comment_sig {
	text-align: right;
}

#COMMENTS .COMMENTSINFO {
	font-size: 12px;
}

/****************************************************************************************************************************************************/
/** ARCHIVES ****************************************************************************************************************************************/
/****************************************************************************************************************************************************/

#ARCHIVES {
	padding: 60px 20px 40px 0;
}

#ARCHIVES P {
	color: #aaa;
	
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}

#ARCHIVES B { 
	color: #888; 
	font-weight: normal;
}

#ARCHIVES A { color: #444; text-decoration: none; }
#ARCHIVES A:hover { color: #000; }

/****************************************************************************************************************************************************/
/** NICETITLES **************************************************************************************************************************************/
/****************************************************************************************************************************************************/

div.nicetitle {
	color: #000;
	background-color: #fff;
	border: solid 1px #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	position: fixed;
	left: 6px;
	bottom: 6px;
	width: 98%;
	z-index: 998;
	font-weight: bold;
}

div.nicethumbnail {
	background: #999;
	border: solid 1px #aaa;

	position: fixed;
	right: 6px;
	bottom: 6px;
	z-index: 999;
}

div.nicetitle table {
	max-height: 70px;
	overflow: hidden;
}

div.nicetitle a, div.nicetitle a:hover {
	color: #000;
	text-decoration: none;
}
	
div.nicetitle p {
    margin: 0;
	padding: 10px;
	opacity: 1;
}

div.nicetitle p.nicetitletitle {
	font: 22px Helvetica,Arial,sans-serif;
	padding-bottom: 4px;
}

div.nicetitle span.hreflang {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 5px;
	opacity: 0.7;
}

div.nicetitle span.accesskey {
	color: #000;
	margin-left: 5px;
	text-shadow: #000 0px 1px 2px;
}

div.nicetitle p.nicetitleurl {
	color: #777;
	font: 13px Helvetica,Arial,sans-serif;
    font-weight: bold;
	text-align: left;
	overflow: hidden;
	padding-top: 0;
}
div.nicetitle p.nicetitleurl span.prefix {
	color: #777;
	font-weight: bold;
	font-size: 16px;
}