/*-----------------------------------------------

 	Theme Name: Single Module Framework 960(px)
	Author: Jacky W. Chen
	Author URI: http://www.jwchen.com/
	Description: Single-module design loosely based on swiss modular grid 
	Version: 2.1

	Credit: 
	CSS Global Reset were base on Eric Meyer's Global Reset 
	
	# Table of Cotent:


-----------------------------------------------*/
 
 
/***** Global Reset *****/
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
content:"";
}

blockquote, q {quotes:"" "";}

a img { border:none; }

a { text-decoration: none; }



/***** Common Formatting *****/
html { overflow-y: scroll; }

body {
	background: url(../images/bg01.jpg) #e5aa5e;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: middle left;
	font-family: 'Helvetica', Arial, sans-serif;
}

#centering {
	position:absolute;
    top:50%;
	margin-top:-220px;
	left: 0;
	width:100%;

}
#container{ 
	width: 960px;
	height: 438px;
	margin-left:auto;
	margin-right:auto;
}


/***** Typography *****/
p {
	font-size:12pt;
	font-family: 'helvetica', Arial, sans-serif;
	color:#25001f;
	margin: 0 0 12px 0;
}

b {
	font-weight: bold;
	color:#000;
}

h1 {
	font:34pt "adrianne-1","adrianne-2", serif;
	font-weight: bold;
	color:#3a0707;
	margin: 0 0 8px 0;
	line-height:110%;
}

h2 {
	font: 16pt "adrianne-1","adrianne-2", serif;
	font-weight:bold;
	color:#3a0707;
	padding: 0px;
}

h3 {
	font: 12pt arial, 'helvetica', sans-serif;
	font-weight:bold;
	color:#000;
	margin: 0px;
	padding: 0px;
	
}

ul, ol {
	list-style:none;
	padding:0;
}

img {
	border:0;
	margin: 0;
}

/***** Links *****/

a, a:visited {
	font-size: 12pt;
	text-decoration: none;
	color:#332844;
}

a:hover {
	font-size: 12pt;
	text-decoration: underline;
	color:#000;
}


/***** navigation *****/

#navigation { 
	clear:both;
	width: 960px;
	height:38px;
	margin: 0px; padding: 0px;
	border-top: 1px solid #9d592d;

}


#navigation a {
	display: block;
	text-indent: -9999px;
	outline: none;
	background-position: top left;
	padding:0px;
	margin:0px;
}

#navigation a:hover {
	background-position: left bottom;
}
#menu_left {
	margin: 7px 0px 0px 10px; 
}
#menu_left li {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float:left;
}
#menu_left .ro { width: 20px; height: 20px; }
#menu_left .home01 { width: 39px; height: 20px; background: url(../images/logo_chen.gif) no-repeat; }
#menu_left .facebook01 { background: url(../images/button_facebook01.gif) no-repeat; }
#menu_left .twitter01 { background: url(../images/button_twitter01.gif) no-repeat; }
#menu_left .digg01 { background: url(../images/button_digg01.gif) no-repeat; }
#menu_left .rss01 { background: url(../images/button_rss01.gif) no-repeat; }
#menu_left .stumbleupon01 { background: url(../images/button_stumbleupon01.gif) no-repeat; }
#menu_left .cc01 { background: url(../images/button_cc01.gif) no-repeat; }

#menu_right {
	margin: 4px 20px 0 0px; 
}

#menu_right li{
	margin: 0px 15px 0px 0px; 
	padding: 0px;
	float:right;
}

#menu_right .about {
	width: 79px;
	height: 32px;
	background: url(../images/button_about.gif) no-repeat;
}
#menu_right .projects{
	width: 98px;
	height: 32px;
	background: url(../images/button_projects01.gif) no-repeat;

}
#menu_right .works{
	width: 84px;
	height: 32px;
	background: url(../images/button_works.gif) no-repeat;

}
#menu_right .blog {
	width: 61px;
	height: 32px;
	background: url(../images/button_blog.gif) no-repeat;

}
#menu_right .contact {
	width: 95px;
	height: 32px;
	background: url(../images/button_contact.gif) no-repeat;
}


/***** background-color:#fff; *****/
#main_img  { padding: 0px 0px 0px 10px; }
#index_img { padding: 15px 0px 0px  8px; }
#about_img {	padding: 20px 0px 0px 0px; }
#works_img { padding: 5px 0px 0px 20px; }
#contact_img { padding: 15px 0px 0px 10px; }


#rightside { 
	width: 455px;
	height: 410px;
	float: right;
}

/***** Content *****/
#leftside { 
	display:block;
	width:500px;
	height: 410px;
	float: left;
 }
 
#content { 
	margin-left:10px;
	width:455px;
	height: 410px;
 }
 
 /***** Portfolio *****/
#portfolio {
	margin: 15px 0 0 0;
	font-size: 10pt;
	color: #000;
}
#portfolio ul { clear: left; }
#portfolio li { float:left; margin:3px 0 1px 0;}
#portfolio_cell_a {
	background-repeat:repeat-y;
	height: 20px;
	margin:0;
	padding:0;
	border-bottom:2px solid #222;
}

.portfolio_cell_b {
	margin:0;
	padding:0px 0px 2px 0px;
	height: 19px;
	border-bottom:1px dotted #333;
}

.portfolio_cell_b a {
	display: block;
	text-indent: -9999px;
	outline: none;
	background-position: top left;
	padding:0px;
	margin:0px;
}

.portfolio_cell_b a:hover {
	background-position: left bottom;
}

.org_name { 	
font-weight:bold;
width: 175px; 
padding-left:5px; 
margin-right:5px;
}

.p_im {width: 99px; margin-top: 3px;}
.p_pd {width: 91px; margin-top: 3px;}
.p_om {width: 80px; margin-top: 3px;}

.port {
	width: 68px; 
	height: 14px; 
	background: url(../images/button_sq01.gif) no-repeat;
}

/***** Email Form *****/
.work_cells {
	width:145px;
	margin:0;
	padding: 6px 6px 6px 6px;

	margin: 2px;
	float:left;
}

#work_list li{
	float:left;
}

#work_list  a {
	display: block;
	text-indent: -9999px;
	outline: none;
	background-position: top left;
	padding:0px;
	margin:0px;
}
#work_list  a:hover {
	background-position: left bottom;
}

#work_list  .work_sq {
	width: 12px;
	height: 12px;
	background: url(../images/button_sq01.gif) no-repeat;
	margin: 8px 3px 7px 0px;
}

.worktitle { width: 145px; height: 60px; }
.bo { background: url(../images/button_boconcepts01.gif) no-repeat; }
.cakelab { background: url(../images/button_cakelab01.gif) no-repeat; }
.ehep{ background: url(../images/button_erinhalley01.gif) no-repeat; }
.hfh{ background: url(../images/button_hfh01.gif) no-repeat; }
.lang { background: url(../images/button_language01.gif) no-repeat; }
.misc { background: url(../images/button_misc01.gif) no-repeat; }
.nef { background: url(../images/button_nanubhai01.gif) no-repeat; }
.sadance { background: url(../images/button_sadance01.gif) no-repeat; }
.yada { background: url(../images/button_yada01.gif) no-repeat; }

/***** Email Form *****/
#form {
	margin-left: 0px;
	padding: 0px;
	color:#fff;
	width:450px;
}			
#form fieldset {
	margin:0;
	padding:0;
	border:none;		
	padding-bottom:1em;
}	

#form legend {
	display:none;
}	
	
#form label {
	display:block;
	margin-bottom:3px;
}	
	
#form input, #form textarea{
	width:450px;
	border:1px solid #9d592d;
	background: none;
	font: 10pt arial, 'helvetica', sans-serif;
	padding:2px 7px 2px 7px;
	margin-bottom: 6px;
	color:#000;
}		
#form textarea{
	overflow:auto;
}
				
#form p.submit{
	text-align:left;
}

#form fieldset textarea:active {
	background-color: #573510;
	color:#dadada;
}
#form textarea:focus {
	background-color: #222;
	color:#fff;
}

#form fieldset input:active {
	background-color: #573510;
	color:#dadada;
}
#form input:focus {
	background-color: #222;
	color:#fff;
}		
	
#form button{
	padding: 0 5px 2px 5px;
	font: 10pt arial, 'helvetica', sans-serif;
	font-weight:bold;
	margin-left:1px;
	margin-top: 5px;
	height:24px;		
	border:0px solid #000;
	background: #573510;
	color:#c0813c;
	cursor:pointer;		
	text-align:center;		
}	


/***** rollover *****/

#rollover  a {
	display: block;
	text-indent: -9999px;
	outline: none;
	background-position: top left;
	padding:0px;
	margin:0px;
}
#rollover  a:hover {
	background-position: left bottom;
}

/*-----------------------------

	
------------------------------*/