/* -----------------------------------
*
*
*
*   "A man who has nothing can whistle in a robber's face" (Juvenal)
*   
*   I, on the other hand, have spent many, many hours teaching 
*   myself HTML, CSS, javascript and the intricacies of Movable
*   Type - and chromasia.com is the result. So please don't steal
*   my design or my code.
*   
*   That said, if you need some assistance coding your site, please
*   ask, and I'll do what I can to help. 
*   
*   Email me at:
*   
*   djn1 [at] chromasia [dot] com
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
* -----------------------------------*/

/* -----------------------------------
 *		MAJOR ELEMENT DEFINITIONS
 * -----------------------------------*/
	body {
		background:#FFFFFF;
		margin:0px;
		background-image: url(http://www.chromasia.com/shared/white1px.gif);
		}
	A 			{ color:#444444; font-weight: bold; text-decoration:none; }
	A:link		{ color:#444444; font-weight:bold; text-decoration:none; }
	A:visited	{ color:#444444; font-weight:bold; text-decoration:none; }
	A:active	{ color: #444444; font-weight:bold; }
	A:hover		{ color: #444444; font-weight:bold; text-decoration:underline; }

	P {
		margin:0px 0px 8px 0px;
		padding:0px;
		}
	blockquote {
		margin:8px 25px 8px 25px;
		}
	#container {
		}
	#picturebox {
		padding:0px 27px 0px 27px;
		margin:27px auto 25px auto;
		text-align:center;
		}
	#picturebox2 {
		padding:0px 27px 0px 27px;
		margin:-11px auto 25px auto;
		text-align:center;
		}
	#picturebox3 {
		text-align:left;
		max-width:600px;
		}
	#picturebox4 {
		max-width:700px;
		padding:0px 27px 0px 27px;
		margin:27px auto 25px auto;
		text-align:center;
		}
	.bodypic {
		padding:6px;
  		background:#E9E9E9;
		border:1px solid #D1D1D1;			
		}
	#logo {
		text-align:center;
		border:1px solid #000;			
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		padding:5px 8px 4px 8px;
		font-weight:normal;
		font-size:11px;
		}
	#frontpgaetable {
		margin:0px auto 0px auto;
		border:1px solid #F00;			
		}
/*
	a:hover img.bodypic {
 		border:1px solid #D1D1D1;
		background:#FFFFFF;
		}
*/
/* -----------------------------------
 *		NAVIGATION BAR
 * -----------------------------------*/
	#cleannavboxtop {
		border-bottom: 1px solid #D1D1D1;
		}
	#cleannavboxmiddle {
		border-top: 1px solid #D1D1D1;
		border-bottom: 1px solid #D1D1D1;
		}
	#cleannavboxbottom {
		border-top: 1px solid #D1D1D1;
		}
	.cleannav {
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		color:#666666;
		font-size:11px;
		width: 100%;
		background-color: #E9E9E9;
		}
	.cleannavfont {
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		padding:5px 8px 4px 8px;
		font-weight:normal;
		font-size:11px;
		color:#000000;
		background-color: #C5C5C5;
		border-right: 1px solid #D1D1D1;
		}
	.cleannav a,
	.cleannav a:link,
	.cleannav a:visited {
		color:#666666;
		font-weight:normal;
		text-decoration:none;
		border:0px;	
		}
	.cleannav a:active,
	.cleannav a:hover {
		color:#111111;
		border:0px;	
		}
	.cleannavleft {
		float:left;
		position:relative;
		padding:4px 4px 4px 8px;
		text-align:left;
		}
	#cleannavleftmain {
		visibility:hidden;
		font-size:11px;
		position:absolute;
		letter-spacing:2px;
		left:0px;
		top:0px;
		padding:5px 0px 4px 0px;
		text-align:left;
		}
	#cleannavleftmain a,
	#cleannavleftmain a:link,
	#cleannavleftmain a:visited {
		padding:5px 8px 3px 8px;
		font-weight:normal;
		color:#444444;
		text-decoration: none;
		border-right: 1px solid #D1D1D1;
		}
	#cleannavleftmain a:active,
	#cleannavleftmain a:hover {
		padding:5px 8px 4px 8px;
		font-weight:normal;
		color:#000000;
		background-color:#C5C5C5;
		border-right: 1px solid #D1D1D1;
		}
	.cleannavright {
		font-weight:bold;
		letter-spacing:5px;
		color:#444444;
		padding:4px 8px 4px 4px;
		text-align:right;
		}
	.cleannavright a,
	.cleannavright a:link,
	.cleannavright a:visited {
		font-weight:bold;
		color:#444444;
		text-decoration: none;
		border:0px;	
		}
	.cleannavright a:active,
	.cleannavright a:hover {
		font-weight:bold;
		color:#000000;
		border:0px;	
		}
/* -----------------------------------
 *		COMMENTS POPUP
 * -----------------------------------*/
	.commentbox {
		clear:both;
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		font-size:11px;
		color:#444444;
		font-size:11px;
		font-weight:normal;
  		line-height:145%;
  		text-align:justify;
		margin:20px 30px -15px 30px;
		}
	.commentpostedat {
  		margin-top:8px;		
  		text-align:left;
		}		
	.commenttrackback {
  		margin-bottom:10px;	
  		padding:6px 0px 10px 0px;
 		border-bottom:4px solid #DDDDDD; 					
		}		
	.commenttrackback2 {
  		margin-bottom:10px;	
		}		
	.commenttrackback3 {
  		margin-bottom:10px;	
  		padding:0px 0px 10px 0px;
 		border-bottom:4px solid #DDDDDD; 					
		}		
	.trackbackposted {
		margin:0px 0px 8px 0px;
		padding:8px 0px 8px 15px;
 		border-bottom:4px solid #DDDDDD;				
		}
	.externalcommentposted {
		margin:0px 0px 8px 0px;
		padding:8px 0px 0px 15px;
 		border-bottom:4px solid #DDDDDD;				
		}
	.commentnotes {
		margin:0px 0px 8px 0px;
		padding:8px 0px 0px 15px;
		}
	.commentexplain {
   		font-size:9px;
  		color:#999999;
   		line-height: 160%;
   		margin-top:10px;
		}
	.commentpopuppic {
		float:right;
		padding:4px;
  		background:#E9E9E9;
		border:1px solid #D1D1D1;			
		margin:3px 0px 12px 20px;
		}
	a:hover img.commentpopuppic {
 		border:1px solid #D1D1D1;
		background:#FFFFFF;
		}
	.imagedescription {
		}		
	.news {
		margin:8px 0px 8px 0px;
		padding:0px 0px 8px 15px;
 		border-bottom:4px solid #DDDDDD;				
		}
	.namebox {
		font-weight: normal;
		font-size: 11px;
		color: #999999;
		margin:0px 0px 15px 0px;
		padding:0px;
		text-align:left;		
		}
	.formfield {
		background-color: #FFFFFF;
		margin:0px 0px 10px 5px;
		padding-bottom:4px;
	}
	.formfield2 {
		font-weight: normal;
		font-size: 11px;
		color: #444444;
		background-color: #FFFFFF;
		margin:0px;
		padding:3px;
		border:0px;
		border-bottom: 1px dotted #CCCCCC;
	}
	.textarea {
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color:#444444;
  		line-height:145%;
		background-color:#FFFFFF;
		padding:3px;
		border:1px solid #CCCCCC;
	}
	.alert {
		color:#F00;
	}
/* -----------------------------------
 *		ARCHIVE PAGES
 * -----------------------------------*/
	.archivepic {
		float:right;
		padding:4px;
  		background:#E9E9E9;
		border:1px solid #D1D1D1;			
		margin:3px 0px 12px 20px;
		}
	.archivepic2 {
		padding:4px;
  		background:#E9E9E9;
		border:1px solid #D1D1D1;			
		margin:3px 0px 12px 20px;
		}
	a:hover img.archivepic {
 		border:1px solid #D1D1D1;
		background:#FFFFFF;
		}
	.archivecleannavright {
		font-weight:bold;
		letter-spacing:4px;
		color:#444444;
		padding:4px 8px 4px 4px;
		text-align:right;
		}
 	#archivecontent {
		position:relative;
		float:left;
		margin:20px 0px 20px 30px;
		width:68%;
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		color:#444444;
		font-size:11px;
		font-weight:normal;
  		line-height:145%;
  		text-align:justify;
		}
	#archivesidebar {	
		margin:20px 0px 0px 72%;
		width:230px;	
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		color:#444444;
		font-size:11px;
		font-weight:normal;
		}
	.mainentrybox {
		margin:0px;
		}
	.archiveentrytitle { 
		font-size:14px; 
		padding:0px;
		margin:0px 0px 10px 0px;
		font-weight:bold;
		}			
	.archiveentry {
		padding:0px 60px 0px 0px;
		}
	.viewprevious { 
		margin:15px 0px 0px 0px;
		}
	.calendar {
  		line-height:140%;
  		padding:2px;
  		color:#AAAAAA;
		}
	.calendarhead {
		font-size:14px; 
		font-weight:bold;
  		margin-top:-2px;
  		padding-bottom:4px;
  		text-transform:none;
  		color:#444444;
		}	
	.sidetitle {
  		padding:1px;
  		margin-top:16px;
		letter-spacing:2px;
  		background:#E9E9E9;
		border:1px solid #D1D1D1;
  		text-transform:uppercase;		
		text-align:center;			
		}		
	.side {
		background:#F9F9F9;
		border:1px solid #D1D1D1;
		border-top:0px;
  		line-height:140%;
  		padding:8px 10px 8px 10px;				
		}	
	.sidesearch {
		background:#F9F9F9;
		border:1px solid #D1D1D1;
		border-top:0px;
  		padding:12px 10px 0px 10px;				
		}	
	.searchbox {
		width:440px;
		margin:30px auto 10px auto;
		}	
	.sideindent {
  		line-height:135%;
  		padding:0px 0px 0px 10px;				
  		margin-bottom:3px;				
  		text-indent:-10px;			
  		overflow:hidden;	
		}	
	.syndicate {
  		line-height:140%;
  		padding:0px;
  		margin-top:18px;
 		}	
	.syndicatepadding {
 		padding:3px;
 		}	
	.powered {
		background:#F9F9F9;
  		line-height:135%;
		padding:10px 8px 2px 8px;
		margin-top:15px;
		border:1px solid #D1D1D1;
		}	
	.donate {
		padding-top:8px;
		margin-top:5px;
		}	
/* -----------------------------------
 *		MISCELLANEOUS
 * -----------------------------------*/
	#cc {
		text-align:center;
		color:#B9B9B9;
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif; 
		font-size:11px;
		}
	#cc a,
	#cc a:link,
	#cc a:visited {
		color:#B9B9B9;
		text-decoration: none;
		font-weight:normal;
		}
	#cc a:active,
	#cc a:hover {
		color:#333333;
		}
	#photoblogring {
		margin-top:4px;
		text-align:center;
		color:#B9B9B9;
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif; 
		font-size:11px;
		}
	#photoblogring a,
	#photoblogring a:link,
	#photoblogring a:visited {
		color:#B9B9B9;
		text-decoration:none;
		font-weight:normal;
		}
	#photoblogring a:active,
	#photoblogring a:hover {
		color:#333333;
		}
	#otherlink {
		margin-top:4px;
		text-align:center;
		color:#FF0000;
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif; 
		font-size:11px;
		}
	#otherlink a,
	#otherlink a:link,
	#otherlink a:visited {
		color:#B9B9B9;
		text-decoration:none;
		font-weight:normal;
		}
	#otherlink a:active,
	#otherlink a:hover {
		color:#333333;
		text-decoration:none;
		}
	.picturecontainer {
		}
	.excerptpic {
		padding:0px;
		background:#FFFFFF;
		border:1px solid #D1D1D1;
		margin:5px;
		}
	a:hover img.excerptpic {
 		padding:4px;
 		border:1px solid #D1D1D1;
		background:#E9E9E9;
		margin:1px;
		}
	.thumbnail {
		border:0px;			
  		padding:0px;
		}
	.thumbnail a:hover {
		border:0px;
		}
/* -----------------------------------
 *		PORTFOLIO PAGES
 * -----------------------------------*/
	.portfoliopic {
		padding:4px;
  		background:#E9E9E9;
		border:1px solid #D1D1D1;			
		}
	a:hover img.portfoliopic {
 		border:1px solid #D1D1D1;
		background:#FFFFFF;
		}
/* -----------------------------------
 *		TABLE STUFF
 * -----------------------------------*/
 	.table {
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		color:#444444;
		font-size:11px;
		font-weight:normal;
  		line-height:145%;
		}
	
/* -----------------------------------
 *		PURCHASE TABLE STUFF
 * -----------------------------------*/
 	.buytable {
		font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
		color:#444444;
		font-size:10px;
		background-color:#D1D1D1;
		margin:9px auto 15px auto;
		}
 	.toprow {
		font-weight:bold;
		font-size:11px;
		letter-spacing:2px;
		background-color:#E9E9E9;
		padding:4px 0px 4px 0px;
		text-align:center;
		}
 	.secondrow {
		font-weight:bold;
		letter-spacing:1px;
		background-color:#F9F9F9;
		padding:4px 0px 4px 0px;
		text-align:center;
		}
 	.thirdrow {
		font-weight:bold;
		letter-spacing:1px;
		background-color:#F9F9F9;
		padding:4px 0px 4px 0px;
		text-align:left;
		}
/* -----------------------------------
 *		TOOLTIP
 * -----------------------------------*/
.tooltip {
	background-color: #FFF;
	position: absolute;
	color: #333;
	display: none;
	min-width:200px;
	padding:6px 8px 6px 8px;
	border:4px solid #D1D1D1;
	opacity: .65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	}
#tip1{
	font:11px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-weight: bold;
	letter-spacing:1px;
	-moz-opacity: 1;
}
#tip2{
	padding-top:2px;
	font:10px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	letter-spacing:1px;
	text-align: right;
}
/* -----------------------------------
 *		BOXOVER
 * -----------------------------------*/
.boxoverheader {
	background-color: #FFF;
	font:11px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-weight: bold;
	letter-spacing:1px;
	color: #333;
	border-top:4px solid #D1D1D1;
	border-left:4px solid #D1D1D1;
	border-right:4px solid #D1D1D1;
	padding:6px 8px 1px 8px;
	opacity: .65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	min-width:200px;
}
.boxoverbody {
	background-color: #FFF;
	font:10px Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
	letter-spacing:1px;
	color: #333;
	text-align: right;
	border-bottom:4px solid #D1D1D1;
	border-left:4px solid #D1D1D1;
	border-right:4px solid #D1D1D1;
	padding:2px 8px 5px 8px;
	opacity: .65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	min-width:200px;
}