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

	Theme Name: WPESP - Portfolio Theme Coda EDITED
	Theme URI: http://www.wpesp.com/portfolio
	Description: A Portfolio Theme by WPESP. EDITED
	Author: Víctor García Cuenllas. Edited by Khoi Le
	Author URI: http://wpesp.com
	Version: 0.1 EDITED
	Tags: portfolio, theme, wpesp, EDITED
	General comments/License Statement if any.

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

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/coda.css";
/*@import "style/css/diagnostic.css"; Just use for developing tests */

/* -------------------------------- 
	 WordPress.com Stats - I hide the smiley (http://wordpress.org/extend/plugins/stats/faq/)
-------------------------------- */

img#wpstats{display:none;}


/*==============KHOI'S CUSTOM CSS=================*/
#featurednewstitle{
	width:946px;	
	  margin-left: auto ;
	  margin-right: auto ;
	  margin-top: 0;
	  margin-bottom: 0;
}

#carouselcontainer{
	clear: left;
}
#homecarousel{
	width: 1005px;
	  margin-left: auto ;
	  margin-right: auto ;
}
#flashheader{
	width: 946px;
	height: 300px;
	  margin-left: auto ;
	  margin-right: auto ;
	position: relative;
	z-index: 1;
	border: 1px solid #333;
	background-color: #FFF;
}
#flashcontainer{
	position: relative;
	left: 10px;
	top: 10px;
	width: 926px;
	height: 270px;
	background-color: #000;
	z-index: 1;
	float: left;
}
#nav2{
    width: 946px;
	height: 69px;
	position: relative;
	z-index: 1;
	  margin-left: auto ;
	  margin-right: auto ;
}
#nav3{
    width: 946px;
	height: 49px;
	position: relative;
	z-index: 1;
	  margin-left: auto ;
	  margin-right: auto ;
}

#codaprocesstitle{
	position: relative;
	top: 15px;
	height: 50px;
}
#titlecontain{
	width: 946px;
	  margin-left: auto ;
	  margin-right: auto ;
	height: 1px;
}

#codaprocesstitle h1, #content h1{
	color: #333; font-size: 36px; letter-spacing: -.02em; line-height: 0.642857em; margin-top: .1em; padding-bottom: 0.313em;
}

/*==============Widgetized Footer=================*/
#widgetfooter {
	width: 956px;
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0;
	height: 470px;
	color: #fff;	
}

.widget widget_categories a{color: #fff; text-decoration: none;}
.widget widget_categories a:hover{color: #666; text-decoration: none;}
.widget widget_categories a:focus{opacity:0.6; filter:alpha(opacity=60);}

#widgetfooter div {
	width: 295px;
	height: 450px;
	float: left;
	margin: 5px 10px 10px 10px;
	overflow: hidden;
}
#widgetfooter div div{
	margin: 0;
}
#widgetfooter h2 {
 	color: #fff;
	margin: 30px 0 20px 0;
}

.calnk a:hover {
background-position:0 0;
border-bottom:1px dotted #000000;
color:#ccc;
text-decoration:none;
}
.calnk a:visited {
border-bottom:1px dotted #000000;
color:#ddd;
text-decoration:none;
}
.calnk a {
border-bottom:1px dotted #000000;
color:#fff;
text-decoration:none;
}
.calnk a span {
display:none;
}
.calnk a:hover span {
background:#F6F79B none repeat scroll 0 0;
color:#333333;
display:block;
margin-top:1px;
padding:5px;
position:absolute;
width:150px;
z-index:100;
}

/*************** SPOKESPERSON STYLES *******************/
#spokesperson{
	z-index: 3;
	position: absolute;
	left: -10px;
	top: 190px;
}

#sidebar li{
	list-style: none;
}

.post-date{
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	background: url(style/images/date.gif) no-repeat;
	width: 60px;
	height: 68px;
}

.post-date .month{
	color: #CCCCCC;
	font-size: 14px;
	text-align: center;
}

.post-date .day{
	position: relative;
	color: #FFFFFF;
	font-size: 28px;
	text-align: center;
	top: 7px;
}

div#content div#ct-info div.contact-info img{
	margin-right: 5px;
}
div#content div#ct-info div.contact-info{
	width: 300px;
	height: 200px;
	float: left;
	margin: 10px 0 10px 0;
}
div#content div#ct-info div.contact-end{
	clear: left;
}