/*         styles.css  
Title:     CSS styles for Tim Fitz-Randolph, Inc Home Inspection
Author:    Tim Fitz-Randolph 
Updated:   December 2009
*/

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#f4f4f4 url(images/bg.gif) top center repeat-y;
color:#404040;
}

#wrap {
background:#ffffff;
color:#404040;
margin:0 auto;
width:760px;
}

/* Menu 
----------------------------------------------*/

.container {
	width: 740px;
	padding: 10px;
	margin: 3px 0 5px 0;
	border: 1px solid #ccc;
	background: #fff;
   	}

#navPyra {
	margin: 0;
	padding: 0 0 20px 10px;
	/* border-bottom: 1px solid #9FB1BC; */
	}

#navPyra li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#navPyra a:link, #navPyra a:visited {
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 10px 12px;
	text-decoration: none;
	color: #708491;
	}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
	color: #9966FF;
	background: url(images/pyramid.gif) no-repeat bottom center;
	}

/***** Various tags ...............  ****/

h1 {
font-size:1.3em;
padding:2px;
margin:0 0 8px;
color: #FF9900
/*  color: #DC143C;  */
}

h5		{
		font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
		font-size:1em;
		font-style: italic;
		color: #0000FF;
		}

a {
text-decoration:none;
font-weight:bold;
color:#286ea0;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

p.ital {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #6633CC;
	}

p.redital {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11pt;
	font-style: italic;
	color: #ff0033;
	}

p.red	{
		color:#FF0000;
		}

p.hippo	{
		color:#808080;
		}

p.yell	{
	font-size: 12pt;
	font-family: verdana, helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color:#ffffcc;
	text-decoration:none;
	color:red;
	padding: 12px 2px 2px 14px;
	}
		
ol.lft {
	text-align: left; 
	font-size: 0.9em; 
	font-family: verdana, helvetica, sans-serif
	}
	
ul.lft {
	text-align: left; 
	font-size: 8pt;
	font-family: verdana, helvetica, sans-serif;
	list-style-image: url('images/bullet.gif')
	
	}
ul.yell	{
	font-size: 10pt;
	font-family: verdana, helvetica, sans-serif;
	border: 1px solid #ccc;
	background-color:#ffffcc;
	text-decoration:none;
	color:red;
	}
	





/***** Header *****/

#header {
margin:10px 0 0;
padding:0;
height:45px;
}

#header h1 {
color:red;
background-color:#ffffcc;
/* background-color:inherit; */
width:400px;
margin:0 0 10px;
font-size:2em;
float:left;
}

#header h1 a {
color:red;
background-color:inherit;
text-decoration:none;
}

#header p {
width:180px;
float:right;
text-align:right;
margin:8px 0 0;
font-weight:bold;
line-height:1.3em;
}

#frontphoto {
margin:0 0 10px;
border:0;
}



/*.... Right sidebar ..... */

#extras {
float:right;
width:180px;
margin:0 0 5px;
padding:0;
line-height:1.4em;
color:#808080
}

#extras p, #extras ul {
margin:0 0 16px;
padding:0;
}

#extras ul ul {
margin:6px 0 0 10px;
padding:0;
}

#extras p {
font-size:0.9em;
line-height:1.4em;
}
#extras ul {
   	padding:0;
	color:#505050;
	}
#extras li {
list-style:none;
line-height: 1.2em;
margin:0 0 6px 0;
padding:0;

}

#extras ul ul li {
margin: 0 0 4px 0;
color:#FF6347;
}

#extras ul ul li a {
	font-size:0.9em;
	font-weight:normal;
	}

#extras h2, #extras h3 {
color:#0000FF;
background-color:inherit;
font-size:1.0em;
margin:0 0 8px;
padding:0;
}







/***** Main content *****/

#content {
margin:0 190px 5px 190px;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
padding:0 10px;
line-height:1.5em;
}

#contentwide {
margin:0 0 5px 190px;
border-left:1px solid #f0f0f0;
padding:0 0 0 10px;
line-height:1.5em;
}

#contentwide2 {
margin:0 190px 5px 0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 0;
line-height:1.5em;
}

#content h2,#contentwide h2, #contentwide2 h2 {
font-size:2.1em;
margin:0 0 6px;
font-style: italic;
color: #DC143C;
}

#content h3,#contentwide h3, #contentwide2 h3 
	{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:1em;
	font-style: italic;
	color: #0000FF;
	/* color: #0000FF; */
	
	}


#content h4,#contentwide h4, #contentwide2 h4 {
font-size:1em;
font-style: italic;
padding:4px;
margin:0 0 5px;
color: #6633CC;
	border: 1px solid #ccc;
	text-decoration:none;
}

#content img,#contentwide img, #contentwide2 img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

#content ul, #contentwide ul, #contentwide2 ul, #content ol, #contentwide ol, #contentwide2 ol {
margin:0 0 16px 20px;
padding:0;
}

#content li, #contentwide li, #contentwide2 li {
margin:0;
padding:0 0 0 5px;
}

#content ul ul, #contentwide ul ul, #contentwide2 ul ul, #content ol ol, #contentwide ol ol, #contentwide2 ol ol {
margin:0 0 0 16px;
padding:0;
}

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:15px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
background:#ffffff;
}

#footer p {
margin:0;
padding:0;
font-size:.7em;
}

#footer a {
color:#808080;
background-color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various classes *****/


		
.left {
	margin:3px 10px 2px 0;
	float:left;
	color:#B22222
	}

.right {
margin:2px 0 2px 10px;
float:right;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.postinfo {
background-color:#f4f4f4;
border-left:4px solid #cccccc;
color:#606060;
font-size:0.9em;
line-height:1.4em;
margin:1px 0 20px;
padding:8px 5px 8px 8px;
}

.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}