/***********************************************************************************
	ERC blogs splash page
	
	screen.css
	
	by IBT 2008
		
************************************************************************************/

*,body { margin: 0px; padding: 0px;} 
body { font: normal 0.82em/1.1em "Trebuchet MS", verdana, geneva, sans-serif; background: #5b5b5b url(gradient.jpg) top left repeat-x;  color: #666;  text-align: center; }
.clear { clear: both; }

/*	Links	*/
a, a:link,a:visited {background: transparent; color: #3c3cfa; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus, a:active {color: #fff; background: #7dc242;}

/*	Page Container		*/
#page { margin: 10px auto; width: 700px; height: 75%; background: #abcde7 url(clouds.jpg) bottom left no-repeat; color: #222; text-align: left;}

/*	Skip nav links	*/
#toprow { display: none; }
/* float: right; width: auto;} #toprow ul {list-style: none;} #toprow li {display: inline;} #toprow li a,#toprow li a:link, #toprow li a:visited {} #toprow li a:hover {} #toprow li a:focus, #toprow li a:active {} */

/*	Header Container	*/
#header { height: 62px; background: #3584b3 url(header.jpg) top left no-repeat; color: #fff; padding: 0 1em; }
#header h1 {font-size: 2em; line-height: 1.2em; padding-top: .3em; }
#header p.tagline {font-size: .95em; line-height: 1.1em;}

/*	Content area	*/
#content {padding: 20px; border-right: 2px solid #888; border-left: 2px solid #888; height: 100%;}

/*	Main Content area	*/
#main {border: 2px solid #888; background: #fff; color: #333; padding: .5em; margin-bottom: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 90px;}
#main h2  {font-size: 1.6em; line-height: 1.8em;background: transparent; color: #007ac2;}
#main p { line-height: normal; padding: 0 0 .8em;}
#main img {float: right; width: auto; margin: 0 5px 0 10px; }

/*	UNI BOX	*/
.blogbox {margin: 1em auto; width: 90%; border: 2px solid #888;  background: #fff; color: #333; padding: .5em .8em;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: .2em;min-height: 200px;}
.blogbox h3 {font-size: 1.4em; line-height: 1.2em;}
.blogbox h3 { background: transparent; color: #007ac2; }
.blogbox p {line-height: normal; padding: 0 0 .8em ;}
.blogbox img { float: right; margin: 5px; width: auto; border: none;  }

/*	Footer area	*/
#footer {clear: both; height: 54px; background: #81c448 url(footer.jpg) top left no-repeat; color:#fff; }
#footer ul#rss {margin: 0px auto; width: 99%; list-style: none; padding: 1em 0 0;}
#footer ul#rss li {display: inline; width: 45%; margin: 0; padding: 0 2%;}
#footer ul#rss li img { border: none; }
#footer ul#rss li a, #footer ul#rss li a:link, #footer ul#rss li a:visited {background: transparent; color: #fff;}
#footer ul#rss li a:hover {background: #fff; color: #e07923; text-decoration: none;}
#footer ul#rss li a:focus, #footer ul#rss li a:active {color: #fff; background: #0064d3;}