/* CSS Document for peterossetti.net ------------------------------- */
html { margin:0; padding:0; min-height:100%; margin-bottom:1px;}
body {margin: 0; padding:0; background: #fffff0 url(images/back/backg5.gif);}
h1 { padding: 0; margin: 12px 0 5px 0; font-size: 220%;}

/* Nav Bar and Hrefs ------------------------ */

/*ul { display: block; margin:0 ; padding: 0;}
li {  
	background:#eff7d6 ;
	list-style: none;  margin: 5px 0 0 0 ; 
	padding: 3px 0 6px 32px;  border: solid 1px #52824a;
	
	}
	*/
#content  a:link { color: #52824a; text-decoration: none; 
						border-bottom: 1px dashed #52824a; 
						}	
#content a:visited { color: #52824a; text-decoration: none; 
						border-bottom: 1px dashed #52824a; 
						}		
#content a:hover { color: #ccc; text-decoration: none; 
			border-bottom: 1px dashed #ccc; 
			}
					
#new  a:link { color: #52824a; text-decoration: none; 
						border-bottom: 1px dashed #52824a; 
						}	
#new a:visited { color: #52824a; text-decoration: none; 
						border-bottom: 1px dashed #52824a; 
						}		
#new a:hover { color: #ccc; text-decoration: none; 
			border-bottom: 1px dashed #ccc; 
			}
			
	
#nav a:link, a:visited { color: #52824a; text-decoration: none; 
						 
						}
						
#nav a:hover { color: #ccc; text-decoration: none; 
			 
			}
#nav a.active:link, a.active:visited { color: #ccc; text-decoration: none; 
			 }			

#footer1 a { text-decoration: none; border-bottom: 0; color: #52824a;}
.fire a { text-decoration: none; border-bottom: 0; margin: 20px 0 0 42px; }
.fire1 a { text-decoration: none; border-bottom: 0; margin: 20px 0 0 38px; }
#switch {}
#switch a:visited {text-decoration: none; border-bottom: 0; display: inline; padding: 0 15px 0 0; margin:0;}
#switch a:link {text-decoration: none; border-bottom: 0; display: inline; padding: 0 15px 0 0; margin:0;}
#switch a:hover {text-decoration: none; border-bottom: 0; display: inline; padding: 0 15px 0 0; margin:0;}


  ul { list-style: none; margin:0  ; padding: 0;
  		width:720px; 
		

}

 ul li  {  
	
	float:left; padding:3px 25px; font-size: 85%;
	
	}
#nav {  margin:0 0 5px 0; background:#eff7d6; border-bottom:1px #ccc solid; height: 22px; text-transform:uppercase;
}

/* Body IDs -------------------------- */

		#container {
			width: 760px;
			\width: 780px;
			w\idth: 760px;
			border-top: 2px solid  #52824a;
			border-left: 2px solid  #52824a;
			border-right: 2px solid  #52824a;
			margin: 0 10px 0 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			font-family: Verdana, Arial, sans-serif;
			background: url(images/back.gif) repeat-y 50%;
		}

		#banner {
			padding: 5px 5px 5px 15px;
			margin-bottom: 0px;
			background:#fff url(images/sheep_back.jpg) top left no-repeat;
			 font-size: 90% ; font-family:  Arial, Helvetica sans-serif;
			color: #fffff0;
			border-bottom: 1px solid #ccc;
			height:169px
		}
		#stones {margin-left: 580px;}
		
		
		#content h3{ margin: 0; font-size: 125%; color: #52824a;  
			padding: 0 0 1px 28px;
	
	background: url(images/stones2_bullet.gif) no-repeat 0 2px;

		 }
	#content h4{ margin: 0; font-size: 108%; color: #52824a;  
			padding: 0 0 1px 25px;
	
	background: url(images/stones3_bullet.gif) no-repeat 0 2px;

		 }
		 
		#sidebar-b h4{ margin: 15px 0 10px 0; font-size: 108%; color: #52824a;  
			padding: 0 0 5px 25px; /*border-bottom: 1px solid #b87333;*/
	
	background: url(images/stones4_bullet.gif) no-repeat 0 2px;

		 }
	#sidebar-b	h3 { margin: 0; font-size: 105%; color: #52824a;  
			padding: 0 0 5px 23px;
	/*border-bottom: 1px solid #b87333;*/
	background: url(images/stones4_bullet.gif) no-repeat 0 2px;
		 }
		 
		#content {
			padding: 5px 30px 5px 20px ;
			margin-left: 0;
			margin-right: 160px;
			font-size: 80%;
			color: #999;
			line-height: 1.75em;
		}
		p#first:first-letter { font-size:300%; font-weight: normal; 
							font-family: Georgia, Times New Roman, Times, serif ; 
							line-height: 0.9em; color: #52824a;}
		


		#sidebar-b {
			float: right;
			width: 164px;
			\width: 144px;
			w\idth: 164px;
			margin: 0;
			margin-left: 5px;
			padding: 5px;
			font-size: 80%;
			color: #999;
		}

		#footer1 {
		width: 760px;
			\width: 780px;
			w\idth: 760px;
			display: block;
			padding: 5px 0;
			margin: 0 5px 0 0;
			font-size: 65%;
			text-align: center;
			color: #999;
			border-top: solid 1px #ccc;
			border-bottom: solid 2px #52824a;
			border-left: solid 2px #52824a;
			border-right: solid 2px #52824a;
			background: #eff7d6  ;
			margin-left: auto;
			margin-right: auto;
			font-family: Verdana, Arial, sans-serif;
			
		}
		
		
		#tag { display:block; font-size: 75%; margin-left: 175px; color: #fffff0;
		font-family: Verdana, Arial, sans-serif; margin-bottom: 20px;}
		p#new {  margin: 5px 2px 0 5px; padding:  0 8px; line-height: 2em; font-size: 85%;}
		
	span#quote {font-style: italic; font-size: 90%;}
	#bits { font-size: 85%; margin-left: 15px;}
	span#sub{font-style: italic; font-size: 85%; 
	font-family: Verdana, Arial, sans-serif; font-weight:bold;
	padding-bottom:5px; 
	
	}
		
/* side scroll -----------------------------------------------*/

/*#divBg {background: #ececec url(images/divBg.gif);}
#divBottom {height: 13px; background: #ececec url(images/divBottom.gif);}
#divTop {height: 13px; background: #ececec url(images/divTop.gif);}*/
#content1 {width: 155px; margin-top: 5px;}
#scroll {
	width: 140px;
	height: 175px;
	overflow: auto; 
	margin: 20px 0;
	padding:  0;
	}
	
.center {margin: 0 auto;}

/* portfolio ids and classes-------------------------------------------*/

#xtreme {background: url(images/portfolio/xtreme.jpg) no-repeat 0 ;
			height: 140px; width: 193px; margin:20px 20px 0 10px;
}
#getreal {background: url(images/portfolio/getreal.gif) no-repeat 0 ;
			height: 140px; width: 193px; margin:20px 20px 0 10px;
}

#villa {background: url(images/portfolio/olivers.gif) no-repeat 0 ;
			height: 140px; width: 193px; margin:20px 20px 0 10px;
}

#clicks {background: url(images/portfolio/clicks.gif) no-repeat 0 ;
			height: 140px; width: 193px; margin:20px 20px 0 10px;
}
#forton {background: url(images/portfolio/forton.png) no-repeat 0 ;
			height: 180px; width: 192px; margin:20px 20px 0 10px;
}
#quick {background: url(images/portfolio/quick.gif) no-repeat 0 ;
			height: 170px; width: 192px; margin:20px 20px 0 10px;
}
#copy {background: url(images/portfolio/copy.png) no-repeat 0 ;
			height: 142px; width: 190px; margin:20px 20px 0 10px;
}
#post {background: url(images/portfolio/post.png) no-repeat 0 ;
			height: 160px; width: 185px; margin:20px 20px 0 10px;
}
#bernsey {background: url(images/portfolio/bernsey.gif) no-repeat 0 ;
			height: 150px; width: 192px; margin:20px 20px 0 10px;
}
#ec {background: url(images/portfolio/ec.gif) no-repeat 0 ;
			height: 150px; width: 192px; margin:20px 20px 0 10px;
}

#afterview {background: url(images/portfolio/afterview.gif) no-repeat 0 ;
			height: 130px; width: 192px; margin:20px 20px 0 10px;
}

#positive  {background: url(images/portfolio/positive.gif) no-repeat 0 ;
			height: 170px; width: 192px; margin: 20px 20px 0 10px;
}
		

#tjc		{background: url(images/portfolio/tjc.gif) no-repeat 0 ;
			height: 131px; width: 192px; margin: 20px 20px 0 10px;
}


#nw					{background: url(images/portfolio/nw.gif) no-repeat 0 ;
			height: 131px; width: 197px; margin: 20px 20px 0 10px;
}

.text  {margin-left: 200px; width:310px; height: 100%;
			font-size: 85%;
}