/* ==================================================================
 *  /artbeat/2010/style.css
 *  Extra styles for artbeat
 * ------------------------------------------------------------------
 *  owner: PCC Web Team <webteam@pcc.edu>
 *  author: Gabriel McGovern <gabriel.mcgovern@pcc.edu>
 *  created: 2010-03-02 
 *	modified: 
 * ------------------------------------------------------------------
 * ================================================================== */

/* Template Layout 
===================================================================== */
	* { margin: 0; padding: 0; }
	body { margin: 0; padding: 0; background: #0E8C4C url("images/body.png") top left repeat-x fixed; }
	.design-time { background: #797979;}
	
	/* Major Div Positioning*/
	#page { margin-right: auto; margin-left:auto; max-width:956px; min-width:870px;} /* Do not position:relative; */
	 #header {position: relative; height:75px; background: url("images/header.png") bottom right no-repeat; padding:0; }
		 #content { position:relative; margin-left:auto; margin-right:0px; background: #FFFFFF url("images/content.png") right top repeat-y; }
			#stitle { padding: 6px 1em 1em 23px; color:#999; background: url("images/stitle.png") right top no-repeat; height:65px}
			#main { margin:0; padding: 15px 25px; position:relative; top:0; right:0px; color: #333;  border-top: 1px solid #bbb;}
			#snav { position: absolute; top: 90px; right: 3px; width: 200px; font-size: 0.9em; padding-top: 1em; }
	 #footer { clear: both; padding: 0; margin-right: auto; margin-left:auto; color:#000; background: url("images/footer-2col.png") top right no-repeat; }
 
	/* artbeat extra */
	ul, li, img {zoom:1;}
	#artbeat-logo { width:250px; height:150px; position:absolute; right:200px; top:-90px;}
	#main h3 { padding-top:20px; color:#0E8C4C; font-weight:bold; background:none; border-bottom:1px solid #0E8C4C;} /* #fff url("/about/events/artbeat/2010/images/notes.png") bottom left no-repeat;*/
	#event-list { clear:both;}
	#event-list p, #event-list h4 {margin-left:20px;}
	
	#page.two-col-fluid #content, #page.two-col-fixed #content { background: #FFFFFF url("images/content.png") right top repeat-y;}
	#page.two-col-fluid #main, #page.two-col-fixed #main { margin-right: 203px; border-top: 0px; background: none;} /* main width 520-700px */
	#page.two-col-fluid #footer, #page.two-col-fixed #footer {  background: url("images/footer.png") top right no-repeat;}
	
	#page.popup  { min-width: 456px !important; }
	#page.popup #main {padding: 15px 25px;}
	#page.popup h1 a, #page.popup #hnav, #page.popup #gnav, #page.popup #help, #page.popup #logo {display:none !important;}
	#page.popup #header { height:30px; background: url("images/header-popup.png") bottom right no-repeat;  min-width: 400px;}

/* Header styles 
===================================================================== */
	#header h1 { padding: 0; margin: 5px; line-height: 0; color: #fff; float: left;  }
	#header h1 #logo img{ margin:0; border:0; display:none;} /* Remove print logo */
	#header h1 #logo{ display:block; width:145px; height:45px; background: url("images/logo.png") left no-repeat;}/* Add web logo */
	#header h2 { margin-top: 10px; color: #bbb; }
	#skipnav { display: none; }
	
	#hnav { display:none; }
	#gnav { display:none; }

/* Content Styles 
===================================================================== */
	#stitle h2 { margin: 0 0 3px 0; color: #fff; font-weight:bold; }
	#stitle p { margin: 0; padding: 1px 0; font-size: 0.9em; line-height: 1.0; color:#fff; }
	#dirnav { display:none; }
	
	#snav h3 { font-size: 1.2em; font-weight: bold; color: #fff; margin: 0; padding: 4px 15px; border-bottom: 1px dotted #696A6D; }
	#snav ul, #snav div { list-style: none; margin: 0 0 3em; padding: 0; color: #ddd;  }
	#snav p { margin: 1em; font-style: italic; }
	#snav ul ul, #snav ul div, #snav div ul, #snav div div { background: transparent; margin-bottom: 0; padding-bottom: 0; }
	#snav li { margin: 0; padding: 0; }
	#snav input { font-size: 1.11em; }
	#snav li a { display: block; width: 170px; padding: 2px 15px; text-decoration: none; color: #ddd; border-bottom: 1px dotted #696A6D; }
	#snav li li a { padding: 2px 30px; width: 140px; }
	#snav li a:hover { color: #06c; background: #fff; }
	#snav li a.current{ color:#0E8C4C !important;}



	
	
	img.imgright, img.imgleft, div.caption-imgright img { padding:6px; background-color:#f3f3f3; border:1px solid #ccc !important;}