* { /* Applicable to all*/
  margin:  0;
  padding: 0;


  cellpadding:10;
  cellspacing:0;
  }

BODY {overflow:auto }
BODY {overflow-x:hidden }
BODY {color:#333333}
BODY {font:16px Arial,Helvetica}
BODY {background-image: url('../graphics/black_casted.gif');/*wood.jpg apple_bg.png sanwa-fibre-white.jpgcloth.jpgblack-stripe.gif||black_bg4.gifapple_bg.png*/
	  background-repeat:repeat;
	  background-attachment:fixed}
BODY {text-align:left}	/*center for IE to center*/

BODY {margin-top:0}
BODY {margin-left:0}
BODY {margin-bottom:0}
BODY {position:relative;}

@font-face {
        font-family: 'Geosans Basic';
        src:url('../fonts/GeosansLight.ttf') format('truetype');
}
/*
UL LI {
	margin-left:20px;
}
*/

H1 {text-shadow:0px 0px 6px #888;color:#666;font-size:40;line-height:40px;}
H2 {text-shadow:0px 0px 2px #aaa;}
H3 {text-shadow:1px 1px 4px #bbb;}
H8 {font-size:13;color:#888;font-weight:bold;}
H10 {
	font: italic 12px Arial, helvetica, sans-serif;
	text-shadow:1px 1px 1px #888;
}

p {
	margin-bottom:12px;
	clear:both;
	line-height:20px;
}



/*HTML {overflow: auto;}*/

A:link   {text-decoration:none;
		font-variant:normal;
		color:#555;
		}

A:active {text-decoration:none;
		color:#555;
		font-variant:normal;
		} 
		 

A:visited {text-decoration:none;
		 font-variant:normal;
		color:#555;

		 }

A:hover {text-decoration:underline overline;
		color:red;
	  }

A:focus {outline: none;
		}

PRE {/*http://forums.techguy.org/web-design-development/249849-forcing-long-text-lines-wrap.html*/
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7
	*/
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */

	}

/*http://snipplr.com/view/3753/css-crop/*/
 div.crop {
	   height: 100px;
	   width: 150px;
	   overflow: hidden;
   float:right;

	 }

 div.crop img {
   margin: -100px -150px 0 0;
 }

.base_frame {

	/*	20 0 0 4
	opacity:0.95;
    filter:alpha(opacity=95);16
	*/
	padding:8 8 8 16;

	}

.content_container {
	margin: 0 auto;
	/*width:100px; NOTE: moved to project.php width=center_pan_width+right_pan_width. extra 2px for #content_core border for Opera*/
	}

#login_box {

	visibility:hidden;

	text-align:left;

	top:8;
	right:8;
	padding:8px;

	position:absolute;
	/*background-image: url('../graphics/white1x1_a50.png');*/
	background-color:white;

	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
	-webkit-box-shadow: 4px 4px 7px #888; 
}

#content_index {
	
	margin-top:24px;
}

#content_core {
	
	position:relative;	
	vertical-align:top;

	min-height:600px;
	border:2px solid #ddd;
	/*
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	*/

	-webkit-box-shadow: 1px 1px 3px #555; 
	background-image: url('../graphics/gray_horizontal_2.png');
	
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}

#content_tab {
	
	margin-top:28px;
	
	float:right;
	position:relative;
	}

#content {
	padding:8 32 24 6;
	color:#555555
}

.reader_login {
	font-size:11px;
	font-weight:bold;
}

.logo {
	font: bold 64px sans-serif;/*Geosans Basic", Arial, helvetica, */
	/*text-shadow:1px 1px 4px #888;	*/
	color:#000;
	opacity:0.08;
    filter:alpha(opacity=8);

	-webkit-transform: translate(138px, 240px) rotate(90deg);
	-moz-transform: translate(138px, 240px) rotate(90deg);
}

.text_body {
	font: normal 14px Arial, helvetica, sans-serif;
	line-height:24px;
}

.sliding_pan {
	margin-top:4px;
	position:relative;
	}

.sliding_pan_core {

	position:absolute;
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	text-align:right;

	min-height:600px;
}

.sliding_pan_content {
	 padding:8;
	 padding-left:24;
	}

.sliding_pan_tab {

	position:absolute;
	vertical-align:center;
	
	font-size:12px;
	cursor:pointer;
	cursor:hand;

	height:100px;
	width:25px;

	margin-top:20px;
}

#overlay_mask {

	visibility:hidden;/*hidden/visible*/

	width:100%;
	height:100%;

	position:absolute;
	top:0;
	left:0;

	background-color:#000000;
	opacity:0.45;
    filter:alpha(opacity=45);
}

#content_mask {

	visibility:hidden;/*hidden/visible*/

	width:100%;
	height:100%;

	position:absolute;
	top:0;
	left:0;

	background-color:#000000;
	opacity:0.45;
    filter:alpha(opacity=45);
	z-index:2;
}

#editor_mask {

	visibility:hidden;/*hidden/visible*/

	width:100%;
	height:100%;

	position:absolute;
	top:0;
	left:0;

	background-color:#000000;
	opacity:0.45;
    filter:alpha(opacity=45);
	z-index:3;
}


#overlay_content_box {

	width:670px;
	visibility:hidden;

	top:20;
	left:120;
	padding:16px;

	position:absolute;
	z-index:1;
	}

 .overlay_cancel {
	top:4;
	right:4;
	cursor:pointer;

	position:absolute;
	z-index:1;
	}


#overlay_content {

	width:640px;
	text-align:left;

	-webkit-box-shadow: 4px 4px 8px #444; 

	padding:16px;
	padding-top:32px;

	background-image: url('../graphics/gray_gradient.png');
	/*	top:32;
	right:8;
position:absolute;
	background-color:white;
	border:1px solid #aaaaaa;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border:1px solid gray;*/


	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;

	}

#overlay_note_box {

	width:610px;
	visibility:hidden;

	top:280;
	left:220;
	padding:16px;

	position:absolute;
	z-index:2;
	}

#overlay_note {

	width:580px;
	min-height:380px;


	padding:16px;
	padding-top:32px;

	background-color:#eeeeee;

	/*
	border:2px solid #cccccc;
	background-image: url('../graphics/gray_gradient.png');
	top:8;
	right:8;
	position:absolute;
	background-color:white;
	border:1px solid #aaaaaa;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border:1px solid gray;*/


	-moz-border-radius:1.2em; 
	-khtml-border-radius:1.2em;
	-webkit-box-shadow: 4px 4px 8px #444; 

	}


#overlay_editor_box {

	width:700px;
	visibility:hidden;

	top:40;
	left:120;
	padding:16px;

	position:absolute;
	z-index:3;
	}

#overlay_editor {

	width:700px;
	text-align:left;

	top:8;
	right:8;
	padding:16px;
	padding-top:32px;

	position:absolute;
	background-image: url('../graphics/gray_gradient.png');
	/*background-color:white;
	border:1px solid #aaaaaa;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;*/

	border:1px dashed white;

	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;

	}

.summary_video {

	border:1px solid #ffffff;
	border-top:1px solid #888899;
	border-left:1px solid #888899;
}

/***************** TWITTER CELL **************************/
.twitter_verlabel {
	
	width:700px;
	position:absolute;
	top:0px;
	left:0px;

	font: bold 80px Arial, helvetica, sans-serif;
	color:#bbb;

	/*http://natbat.net/2009/May/21/pocketbooks/ */
	-webkit-transform: translate(-320px, 320px) rotate(90deg);
	-moz-transform: translate(-320px, 350px) rotate(90deg);
	}

.tweet_cell {
	
	padding:12px;
	margin:0 100 0 80;
	
	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
	-webkit-box-shadow: 2px 2px 4px #777; 
	
	margin-bottom:12px;

	background-image: url('../graphics/white1x1_a50.png');
	/*
	border:1px solid white;
	cursor:pointer;
	cursor:hand;
	*/
	}

.tweet_avatar {
		
	float:left;
	margin-top:4px;
	max-width:80px;
	
	padding:4px;
	background-color:white;

	-webkit-transform: rotate(6deg);
	-webkit-box-shadow: 2px 2px 4px #777; 
	-moz-border-radius:0.4em; 
	-khtml-border-radius:0.4em;
	
	/*
	border:1px solid #fff;
	border:1px solid #cccccc;
	width:73px;
	height:73px;
	background-color:white;
	background-image: url('../graphics/white1x1_a25.png');
	cursor:pointer;
	cursor:hand;
	*/
	}

 .tweet_media {
		
	float:right;
	margin-top:4px;
	
	padding:4px;
	background-color:white;


	-webkit-transform: rotate(-4deg);	
	-webkit-box-shadow: 2px 2px 4px #777; 
	-moz-border-radius:0.4em; 
	-khtml-border-radius:0.4em;
	
	/*
	border:1px solid #cccccc;
	width:73px;
	height:73px;
	background-color:white;
	background-image: url('../graphics/white1x1_a25.png');
	cursor:pointer;
	cursor:hand;
	*/
	}



/***************** SUMMARY CELL **************************/
.summary_cell {
	
	padding:8 16 8 16;
	
	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
	background-color:#e0e0e0;
	margin-bottom:12px;

	/*
	background-image: url('../graphics/white1x1_a25.png');/*cloth.jpgblack-stripe.gif||black_bg4.gifapple_bg.png
	cursor:pointer;
	cursor:hand;
	*/
	
	clear:both;
	}

.summary_subtitle_tl {
	float:left;
	font: bold 12px Arial, helvetica, sans-serif;
	color:#333333;
	}

.summary_subtitle_tr {
	font-size:10px;
	font-style:italic;
	float:right;
	color:#333388;
	}

.summary_tags {
	font-size:12px;
	font-style:italic;
	color:#555555;
	}

.summary_title {
	font: bold 18px Arial, helvetica, sans-serif;
	color:#555555;
	}

.summary_thumb {

	float:right;
	margin:2 0 4 8;
	border:1px solid white;
	width:150;
}

.summary_youtube {

	float:left;
	margin:2 8 4 0;
	border:1px solid red;
	width:150;
}

.summary_thumb_left {

	float:left;
	margin:2 4 4 0;
	border:1px solid red;
}

.summary_image_frame {
	margin-right:8px;
	float:left;
	padding:8px;

	background-color:white;

	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
}

.summary_image {
	width:160px;
	margin:12 8 0 0;
	float:left;
	border:1px dashed gray;

/*
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	*/
}

.summary_summary {
	margin-top:8px;
	font: normal 12px helvetica, sans-serif;
	color:#333333;
	}

.content_photo {

	border:0px solid white;
	text-align:center;

	width:100%;

	margin-top:4px;
	margin-bottom:4px;
}

.content_thumb {

	float:left;
	margin-right:1px;
	border:1px solid white;
	height:67;
}

.photo_thumb {
	
	margin:0 4 4 0;
	cursor:pointer;
	cursor:hand;
	
	height:73px;
	
	-moz-border-radius:0.4em; 
	-khtml-border-radius:0.4em;
	
	-webkit-box-shadow:1px 1px 2px #555; 
	-moz-box-shadow:1px 1px 2px #555;  

}
/***************** 	border:1px solid white;
Vertical List Bar **************************/


#verlist li
{
	margin-right:8px;

	display: block;
	list-style-type: none;
	
	padding: 8 0 8 0;
	font: normal 14px helvetica, sans-serif;	
	color:#333333;

	border-bottom:1px solid #888888;
}


#verlist li A:link {
	text-decoration:none;
	color:#333333;
	}

/***************** Horizontal List Bar **************************/
#hlist
{
	text-align:left;
	margin-top: 0px;
}

#hor_list li
{
	display: inline;
	list-style-type: none;
	
	padding: 0 8 0 8;
	font: bold 11px helvetica, sans-serif;	
	color:#ccc;

	border-right:1px solid #ccc;
}

#hor_list li A:link {
	text-decoration:none;
	color:#ccc;
	}

#hor_list li A:active {
	color:#ccc;
	}

#hor_list li A:focus {
	color:#ccc;
	}

#hor_list li A:visited {
	color:#ccc;
	}

#hor_list li A:hover {
	text-decoration:underline overline;
	color:white;
	}

TABLE {border-collapse: collapse}
TABLE {border:0px solid #aaaaaa};
TABLE {margin:0px}
TABLE {width:100%}
TABLE {font:12px Arial,Helvetica}

/*CAPTION {font:bold 14px Arial,helvetica}*/
/*CAPTION {font-variant:small-caps}*/
CAPTION {color:#333333}
CAPTION {text-transform:capitalize}
CAPTION {font-style:italic}
CAPTION {font-size:12}
CAPTION {caption-side:top}
CAPTION {text-align:left}

/*
THEAD {text-align:center}
THEAD {font-weight:bold}
THEAD {vertical-align:baseline}
THEAD {color:blue}
THEAD {font-variant:small-caps}
*/

TBODY {color:#333333}
TBODY {font-size:12}

TFOOT {text-align:center}
TFOOT {font-style:italic}
TFOOT {font-size:12}

TR {text-align: center}

TH {text-align:center}
TH {vertical-align:baseline}
TH {color:red}

TD {vertical-align: middle}
/*
TR {border-top:1px solid #eeeeee}
TD {padding:4}
TD {border-top:1px solid gray}
TD {border-right:1px solid gray}
*/

SELECT 	{background-color:#ddddff}
TEXTAREA {background-color:#ddffff}

FORM			{margin:1em}

FIELDSET 		{border:2px solid #ddd;padding:0 0.5em 0.5em}
FIELDSET DIV	{overflow:hidden; display:inline-block}
FIELDSET DIV	{display:block}
FIELDSET DIV	{margin:0.3em 0; clear:both}

LABEL			{float:left;width:8em;color:#333333;font: normal 1.0em helvetica, sans-serif;}
LABEL			{text-align:right;margin-right:0.15em}
LEGEND 			{COLOR:#0b77b7;font-size:1.2em}
LEGEND span		{width:10em; text-align:right}

INPUT, TEXTAREA 	{background:#f0f0f0}
INPUT, TEXTAREA 	{border:1px solid #aaaaaa}
INPUT 				{margin-top:2px;}
/*INPUT 				{width:8em}*/
textarea 			{width:30em}
INPUT, TEXTAREA 	{font-size:14px}
/*INPUT, TEXTAREA 	{font:normal 14px arial, sans-serif}
INPUT, TEXTAREA 	{-moz-border-radius:0.4em; -khtml-border-radius:0.4em;}
*/

input:hover, input:focus {border-color:#eeeeee; background:#f6f6f6;} 
textarea:hover, textarea:focus {border-color:#c5c5c5; background:#f6f6f6;} 

.LOGIN			{border:0}
.LOGIN label	{
				width:auto; 
				float:none; 
				background:none;
				border:none;
				vertical-align:middle}

.LOGIN div		{float:right;white-space:nowrap;clear:none;margin-right:1em}
.LOGIN button	{float:right;font-size:0.8em;}

/*
.RADIO fieldset	{border:none;width:auto;padding:1px 0 0 11em;}
.RADIO legend	{font-size:1em;color#000}
.RADIO label, .RADIO input 	{
				width:auto; 
				float:none; 
				background:none;
				border:none;
				vertical-align:middle}

.RADIO div		{float:left;white-space:nowrap;clear:none}
.RADIO span		{position:absolute; top:0; left:0; width:5em}
.RADIO ul		{margin-left:5em; list-style:none}
.RADIO li		{position:relative; display:inline; white-space:nowrap}
*/