@charset "utf-8";
/*
@font-face {
	font-family: 'QuicksandLight';
	src: url('../font/Quicksand_Light.eot');
	src: local('../font/Quicksand Light'), local('../font/QuicksandLight-Regular'), url('../font/Quicksand_Light.woff') format('woff'), url('../font/Quicksand_Light.otf') format('opentype'), url('../font/Quicksand_Light.svg#QuicksandLight-Regular') format('svg');
}

@font-face {
	font-family: 'QuicksandLightOblique';
	src: url('../font/Quicksand_Light_Oblique.eot');
	src: local('../font/Quicksand Light Oblique'), local('../font/QuicksandLightOblique-Regular'), url('../font/Quicksand_Light_Oblique.woff') format('woff'), url('../font/Quicksand_Light_Oblique.otf') format('opentype'), url('Q../font/uicksand_Light_Oblique.svg#QuicksandLightOblique-Regular') format('svg');
}

@font-face {
	font-family: 'QuicksandBook';
	src: url('../font/Quicksand_Book.eot');
	src: local('../font/Quicksand Book'), local('../font/QuicksandBook-Regular'), url('../font/Quicksand_Book.woff') format('woff'), url('../font/Quicksand_Book.otf') format('opentype'), url('../font/Quicksand_Book.svg#QuicksandBook-Regular') format('svg');
}

@font-face {
	font-family: 'QuicksandBookOblique';
	src: url('../font/Quicksand_Book_Oblique.eot');
	src: local('../font/Quicksand Book Oblique'), local('../font/QuicksandBookOblique-Regular'), url('Quicksand_Book_Oblique.woff') format('woff'), url('Quicksand_Book_Oblique.otf') format('opentype'), url('../font/Quicksand_Book_Oblique.svg#QuicksandBookOblique-Regular') format('svg');
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('Quicksand_Bold.eot');
	src: local('../font/Quicksand Bold'), local('../font/QuicksandBold-Regular'), url('../font/uicksand_Bold.woff') format('woff'), url('../font/Quicksand_Bold.otf') format('opentype'), url('Q../font/uicksand_Bold.svg#QuicksandBold-Regular') format('svg');
}

@font-face {
	font-family: 'QuicksandBoldOblique';
	src: url('../font/Quicksand_Bold_Oblique.eot');
	src: local(../font/'Quicksand Bold Oblique'), local('../font/QuicksandBoldOblique-Regular'), url('../font/Quicksand_Bold_Oblique.woff') format('woff'), url('../font/Quicksand_Bold_Oblique.otf') format('opentype'), url('../font/Quicksand_Bold_Oblique.svg#QuicksandBoldOblique-Regular') format('svg');
}

@font-face {
	font-family: 'QuicksandDash';
	src: url('Quicksand_Dash.eot');
	src: local('Quicksand Dash'), local('QuicksandDash-Regular'), url('Quicksand_Dash.woff') format('woff'), url('Quicksand_Dash.otf') format('opentype'), url('Quicksand_Dash.svg#QuicksandDash-Regular') format('svg');
}
*/
body
{
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../img/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: 'QuicksandBook', Arial, sans-serif;
}

body#index #menu ul li#index a, 
body#market #menu ul li#market a,
body#blog #menu ul li#blog a,
body#pulse #menu ul li#pulse a, 
body#submit #menu ul li#submit a,
body#market #menu ul li#market a,
body#events #menu ul li#events a
{
	padding-bottom: 10px;
	color: #FFFFFF;
	background-color: #FFCC00;
}

h1,h2,h3,b,strong
{	
	font-family: 'QuicksandBold', Arial, sans-serif;
	font-weight: bold;
}
em, i
{	
	font-family: 'QuicksandBookOblique', Arial, sans-serif;
	font-style: italic;
}
bq
{
margin-left: 20px;
	margin-right: 20px;
	}

div.alert {
	display:block;
	background-Color: #ffe38e;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 1px solid #FFCC00;
	font-size: 18px;
	line-height: 20px;
	position: relative;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

div.alert h4 img {
	padding-top: 5px;
	padding-left: 5px;
	vertical-align: middle;
}

span.exit {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	
}



article p
{
line-height: 17px;
margin-bottom:10px;
}

table #stories
{
	width: 100%;
	text-align: center;
	
}
table.articleSubmit td #label
{
	padding:45px;
}

#other_email_label, #other_email {
    display: none;
}

th
{
	text-align: center;
	text-transform: uppercase;
}
table #stories td 
{
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFCC00;
}

colgroup #controls
{
	visibility: hidden;
}
colgroup #controls:hover
{
	visibility: visible;
}
tbody #stories tr :hover
{	
	background-color: #FFCC00;
}

/*Header Styles*/

header{
	height: 145px;
	background-attachment: scroll;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	position: relative;
	z-index: 0;
}

#logo h1, #logo small 
{
	margin:0px;
	display:block;
	text-indent:-9999px;

}

#logo img 
{
	margin:0px;
	width:284px;
	position:absolute;	
	left:-23px;
	top: 5px; 

}

header nav
{
	display:block;
	height: 125px;
	width: 320px;
}

/*Header Menu*/



#menu{
	margin: 0;
	padding: 0;
	top: 103px;
	position: absolute;
	
}

#menu ul 
{
	list-style: none;
	
	margin: 0;
	float: left;
	font: bold 16px Verdana;
	text-transform:uppercase;
}

* html #menu ul
{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#menu ul li
{	display: inline;
float: left;
	margin: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/	}


#menu ul li a
{
	float: left;
	color: white;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li a#selected
{ /*hover and selected link*/
	padding-bottom: 10px;
	color: #003366;
	display: block;
	background: transparent url(../img/pointer.gif) bottom center no-repeat;
}





#search
{
    position:absolute;
    top:105px;
	z-index: 2;
    margin:0px; 
    padding:0px;

}
#searchbox 
{ 
	position:absolute;
        left:650px;
 	font-size: 12px; 
 	background-color:#FFFFFF;
	border:1px solid #003366;
	margin:5px; 
 	width:245px; 
 	height:18px; 
 	display:inline;
}
#searchbutton {
	position:absolute;
    left:900px;
	margin:5px;
	display:inline;
	cursor: pointer;
}
#search img {
	position:absolute;
    left:925px;
	margin:5px;
	display:inline;
	cursor: pointer;
}
#searchbutton:hover, #search img:hover {
    border: none;
    background: #FFFFFF;
}
#button {
	cursor: pointer;
}
#button:hover {
    border: none;
    background: #FFFFFF;
}

#rotating-images 
{   
	width:720px;
	z-index: 0;
	position:absolute;	
	top: 0px; 
	right: 20px;
	margin:0px; 
	padding:0px;
}

/*Content Styles*/

#content
{
	background-attachment: scroll;
	background-image: url(../img/page.png);
	background-repeat: repeat-y;
	background-position: center top;
	min-height: 768px;
	width: auto;
	position: relative;
	overflow: auto;
}
.ImgCaptMain{
	/* only need a width if it's not inheriting one
 	width:; */
	position:float;
}

.ImgCaptDescBox{
	position:absolute;
	top:192px;
	left:0px;
	/* since it's positioned absolutely it will need a width, but not height,
       that would fill the entire box covering the image */
	width:100%;
}

.ImgCaptDescBg
{
	background:#333333;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.75;
}

.ImgCaptDesc {
	padding:5px;
	color:#ffffff;
	font-weight:normal;
	font-size:16px;
	text-align:left;
	text-decoration:none;
}




/*Footer Styles*/

footer
{
	height: 256px;
	background-attachment: scroll;
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	position: relative;
	z-index: 0;
}

/*Block Styles*/

.block
{
	width:960px;
	margin:0 auto;
	position:relative;
}
.mainblock 
{
	width:620px;
	margin:0 auto;
	padding-left: 10px;
	padding-right: 5px;
	position:relative;
	float:left;
}
.wholeblock 
{
	width:940px;
	margin:0 auto;
	padding-left: 10px;
	padding-right: 10px;
	position:relative;
}
aside
{
	width:300px;
	margin:0 auto;
	padding-left: 5px;
	padding-right: 10px;
	position:relative;
	float:right;
}
.mainblockright
{
	width:630px;
	margin:0 auto;
	padding-right: 10px;
	padding-left: 5px;
	position:relative;
	float:right;
}
aside .left
{
	width:300px;
	margin:0 auto;
	padding-right: 5px;
	padding-left: 10px;
	position:relative;
	float:left;
}

#portfolio_items {
	width:620px;
	margin-top:20px;
	float:left;
	min-height:100px;
	padding-top:3px;
}

.mini_portfolio_ad {
	background:none;
	margin-bottom:10px;
	position:relative;
}

.mini_portfolio_ad  img{
    display: block;
    margin-left: auto;
    margin-right: auto }

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
	overflow: auto;
}

.mini_portfolio_item .block_inside { 
	background:none; background-color:#e2dddc; 
	padding:25px 30px 25px 30px; 
	}

.mini_portfolio_item p
{
text-indent:25px;}

.mini_portfolio_item .thumbnail { 
float:left; 
margin-right:20px; 
margin-left: -10px;
margin-top: -15px;
margin-bottom: 15px;
border:1px solid #979390; } 

.byline
{       
	text-align:right;
	margin-top: 0px;
}

.byline a:visited {color:#999999;}  /* visited link */
.byline a:hover {color:#FFCC00;}  /* mouse over link */
.post-more
{
text-decoration:none;
color:#003366;
}


.pagebyline
{       
	text-align:left;
	margin-top: 5px;
}


/* ----------------------------------------------------   
Content Styles      
*/ 

section .article h2
{
font-weight:bold;
font-size:32px;
} 

section .article
{	
text-indent:0px;
text-align: justify;
}

section .todayatpitt
{	
position: relative;
height: 300px;
overflow:auto;
}
/* ---------------------------------------------------- */   
/* SLIDESHOW > SLIDES  
/* ---------------------------------------------------- */   

#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
  float: left;
}

.scroll {
  height: 340px;
  overflow:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  /*background: #FFFFFF url(../img/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}

.scrollContainer div.panel {
  padding: 0px;
  height: 340px;
  width: 620px; /* change to 560px if not using JS to remove rh.scroll */
}

div.panel p
{text-indent:25px;}

div.panel a.no-image{
text-decoration:none;
color:#000000
}

div.panel a.image{
text-decoration:none;
color:#ffffff
}

ul.navigation {
	background: #e2dddc;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	padding-top: 9px;
	font: bold 14px Verdana;
	text-transform:uppercase;
	text-align: center;
}

ul.navigation li {
    display: inline;
   /* margin-right: 5px;*/
}

ul.navigation a {
    padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
    color: #666666;
    text-decoration: none;
}

ul.navigation a:hover {
    color: #003366;
	background: transparent url(../img/pointer.gif) bottom center no-repeat;
}

ul.navigation a.selected {
	color: #FFCC00;
    background-color: #FFFFFF;
}

ul.navigation a:focus {
    outline: none;
}

#load-more					{ background-color:#FFFFFF; color:#999; font-weight:bold; text-align:center; padding:10px 0; cursor:pointer; line-height: 20px;}
#load-more:hover			{ color:#666; }

/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }

div.day-number	 { background:#999; position:absolute; z-index:2; top:-5px; right:-25px; padding:5px; color:#fff; font-weight:bold; width:20px; text-align:center; }
td.calendar-day, td.calendar-day-np { width:120px; padding:5px 25px 5px 5px; border-bottom:1px solid #999; border-right:1px solid #999; }
/*
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }*/
/* shared */
/*
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
*/