/***********************************************************************************
	ERC blogs splash page
	
	iphone.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: 2px auto; width: 310px; height: 100%; background: #abcde7 url(clouds.jpg) bottom center no-repeat; color: #222; text-align: left;}

/*	Header Container	*/
#header { height: 62px; background: #3584b3 url(header.jpg) top center no-repeat; color: #fff; padding: 0 1em;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#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: 10px; 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; }
#main img.leftimg {clear: both; float: left; width: auto; margin: 5px 15px 20px 0; height: 100%; }
#main righttext {float:left; width: 65%; margin: 5px 5px 5px 10px; height: 100%; border: 1px dotted red;}

/*	Blog boxes */
#box1, #box2 {float: none; margin: 0 auto;  width: 90%; border: 2px solid #888;  background: #fff; color: #333; padding: .5em .8em;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: .5em; }
#box1 h3, #box2 h3 {font-size: 1.4em; line-height: 1.2em;}
#box1 h3 { background: transparent; color: #7dc242; }
#box2 h3 { background: transparent; color: #007ac2; }
#box1 p, #box2 p {line-height: normal; padding: 0 0 .8em ;}
#box1 img, #box2 img { margin: 5px auto; width: 260px; border: none;  }

/*	Footer area	*/
#footer {clear: both; height: 54px; background: #81c448 url(footer.jpg) top center 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: auto; margin: 0; padding: 0 1%;}
#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;}