/* Color schemes for my website
#ff6600 Orange (darkish, beaver orange)
#009999 Dark teal (contrast to orange)
#006666 Darker teal (good accent to other teal)
#ffffff White
#000000 Black
#cccccc Grey

I hope to keep simple because of the simplicity of newspaper design. It's all white and black with an accent color.

*/

body {
color:#000000;

font-family:garamond,georgia,serif;
padding:40px}

#container {
margin:0 auto;
background-color:#ffffff;
padding:0;
width:800px;
}


#content {
background-color:#ffffff;
border:2px double #000000;
margin:10px 3px 10px 160px;
padding:0px 10px 20px 20px;
font-family:garamond, georgia, serif;
}

#content h1 {
color:#333333;}

#content h2 {
	padding:20px 0 0 0;}

#content p img {clear:both;}

#content cite {font-size:14px;}


/*gallery style*/

.gallery li {
    	display:inline-table;
       	list-style-type: none;
    	margin: 0 10px 10px 0;
        text-align:right;
        text-decoration:none;
        padding:20px 0 20px 0; 
        width:245px;
        
         }
       
ul.gallery li a {text-decoration:none;
       list-style:none;}
       
       


#topnav {
margin:0px auto;
padding:0 12px 5px 0;
width:800px;
background-color:#ffffff;
}



#headimage {
top:0px; 
margin:0;
padding:0 0 0 0;
width:800px;

}


#header {
margin:0 0 0 0;
padding:2px 0px 0px 0px;
width:800px;
background-color:#ffffff;



}

#leftnav {


width:150px;
float:left;

}

#bottomnav {
margin:0px auto;
padding:0 0 0 150px;
width:800px;

}








/*top toolbar*/

ul.toptools {
list-style:none;
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
font-size:12px;
text-align:right;
line-height:20px;
}


ul.toptools li {
text-decoration:none;
display:inline;
margin:0;
padding:0 5px 0 10px;
border-left:1px solid #ff6600;
text-align:center; 
}


ul.toptools li a {
margin:0;
padding:0;
color:#000000;
text-decoration:none;
}


ul.toptools li a:hover {
margin:0;
padding:0; 
background-color:#cccccc;
color:#ff6600;}

ul.toptools li a.skiplink {
font-weight:bold;
color:#ff6600;
}




/* be sure to style these for the skip to content nav*/

a.skiplink
a:link.skiplink
a:visited.skiplink

a:hover.skiplink {

background-color:#ccccff;
color:#ff6600;
text-decoration:none;}

a:active.skiplink {
color:#ff6600;
 
text-decoration:none;} 


ul.sidetools {
text-decoration:none;
list-style:none;
list-style-type:none;
margin:0;
padding:0;
font-size:0;
width:150px;

}

ul.sidetools li {
display:block;
margin:0px;
height:44px;
text-align:left;
color:#ff6600;
background-color:#fff;
text-decoration:none;
border:0px;
}

ul.sidetools li a {
display:block;
background-color:#fff;
text-decoration:none;
font-family:garamond,georgia,serif;
border:0px;
}

ul.sidetools li a:hover {
margin:0;
height:44px;
border:0px;
background-image:url(images/sidetoolshover.png);
background-repeat:no-repeat;
color:#fff;
text-decoration:none;
}

ul.sidetools li a img {border:0px;}
ul.sidetools li img a:hover {border:0px}

img {border:0px;}


ul.bottomtools {
list-style:none;
list-style-type:none;
margin:0;
padding:0;
font-size:10px;
text-align:left;
line-height:20px;
text-decoration:none;
}


ul.bottomtools li {
display:inline;
margin:0;
padding:0 5px 0 5px;
border-right:1px solid #ff6600;
text-align:right; 
color:#000000;
text-decoration:none;
}


ul.bottomtools li a {
margin:0;
padding:0;
color:#000000;
text-decoration:none;
}


ul.bottomtools li a:hover {
margin:0;
padding:0; 
background-color:#cccccc;
color:#ff6600;}


#porttop {

padding:10px 5px 5px 0;
width:600px;
background-color:#ffffff;}


/*portfolio toolbar*/

ul.portfolio {
list-style:none;
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
font-size:12px;
text-align:right;
line-height:10px;
}


ul.portfolio li {
text-decoration:none;
display:inline;
margin:0;
padding:0 3px 0 5px;
border-left:1px solid #ff6600;
text-align:center; 
}


ul.portfolio li a {
margin:0;
padding:0;
color:#000000;
text-decoration:none;
}


ul.portfolio li a:hover {
margin:0;
padding:0; 
background-color:#cccccc;
color:#ff6600;}

table {
width:300px;
margin-left:40px;
border-collapse:collapse;}

caption {
Width:300px;
font-size:20px;
padding:0 0 10px 0;}

tr {
border:3px double;
padding:10px;}

td { 
padding:0 10px 0 10px;}


/*Style for floating right box*/

.boxright {
				float:right;
				width:200px;
				border:3px double;
				margin:10px 5px 10px 10px;
				padding:5px 5px 5px 5px;
				background-color:#cccccc;
				color:#000000;
				line-height:20px;
				text-align:left;
	}


.profilepic {float:right;
			width:150px;
			border:3px double;
			background-color:#CCCCCC;
			margin:10px 10px 10px 10px;
			}
			
			
		
/*style for contact form*/
form {
		margin:0;
		padding:20px 0 0 0;}
		
fieldset {
		border:3px double;
		background-color:#ccc;}

legend {
		color:#ff6600;
		font-weight:bolder;
		font-size:12px;}

textarea {width:550px;
			height:150px;}