/*                                                                                    */
/* --- CSS by SoundPrinciples, baby! : www.soundprinciples.com : Seattle, WA, USA --- */
/*                                                                                    */


html {  	padding: 0;  border: 0px none;  margin: 0  }

body {  	padding: 0;  border: 0px none;  background-color: #e5e5e5;
        	font-family: "Lucida Grande", "Helvetica Neue", "Microsoft Sans Serif", helvetica, sans-serif; font-size: 10px; 
        	color: #716b56; 
        	margin: 0;
        	text-align: center; /* Hack to center the wrapper in IE5.x pc */  
        	min-width: 840px   
     }
     
table { border-collapse: collapse }
     
#allpagecontent { width: 840px; background-color: #e1e1e1; border: 0px none; margin: 0 auto; text-align: left }

#header {	width: 840px;  height: 250px;  border: 10px #fff solid;  background-color: #fff;  
			text-align: left;  vertical-align: top;  }
			
#titlebar  
		{	width: 840px;  height: 50px;  border-left, border-right: 10px solid #fff;  background-color: #fff;
		    border-top, border-bottom: 0px none;  margin: 0 auto;  }
    
#corecontent {	
			width: 800px;
			background-color: #e0e7da; 
			padding: 20px 20px 20px 20px;  margin: 0;
			border: 10px #fff solid;  }

#nav { 		width: 170px;  float: left;  background-color: #e0e7da;  
			text-align: left;  vertical-align: top;  
			border: 0px none;  margin: 0;  padding: 0px;  }
 		
#content {	width: 565px;  float: right;  background-color: #e0e7da;  
			text-align: left;  vertical-align: top;  
			border-left: 1px solid #fff;  margin: 0;  padding: 0px 0px 0px 20px;  }
		
#footer {  	width: 840px;  color: #c1c1c1;  background-color: #e5e5e5;
			text-align: center;  vertical-align: top;  
		    font-size: 9px;  text-transform: uppercase;
			border: 0px none;  margin: 0 auto;  padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:10px }

* html #corecontent {width: 860px;} /* for IE/Win */
*>html #corecontent {w\idth: 860px;} /* for IE5/Mac */

* html #nav {width: 190px;} /* for IE/Win */
*>html #nav {w\idth: 190px;} /* for IE5/Mac */

* html #content {width: 585px;} /* for IE/Win */
*>html #content {w\idth: 585px;} /* for IE5/Mac */

* html #footer {width: 860px;} /* for IE/Win */
*>html #footer {w\idth: 860px;} /* for IE5/Mac */

#footer a {  color: #c1c1c1;  }
    
#headerhome 
		{	width: 840px;  height: 396px;  background-color: #fff;  align: left;  border: 10px #fff solid;  vertical-align: top;  }

#titlebar  
		{	width: 840px;  background-color: #fff;
			border-top: 0px none; border-bottom: 0px none; border-left: 10px solid #fff; border-right: 10px solid #fff;
		    margin: auto 0;  }
    
p   {
    font-family: "Lucida Grande", "Helvetica Neue", "Microsoft Sans Serif", helvetica, sans-serif;
    font-size: 10pt;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: -1em;
    line-height: 1.5em;
    }

p.single {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1em;
    }

p.single2 {	
	margin-bottom: 0;  
	padding-bottom: 0;  
	line-height: 1em;  
	}
p.single3 { color: #ff8400; font-size: medium; font-weight: normal; line-height: 1em; margin-bottom: 0; padding-bottom: 0; }
p.smallbold {  	
	color: #555;  
	font-size: 10px;  
	font-weight: bold;  
	padding-bottom: 0;  
	margin-bottom: -.2em;  
	}
    
p.byline {
    color: #555;
    font-size: 9px;
    text-transform: uppercase;
    margin-top: -5px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    }

p.date {
    color: #555;
    font-size: 9px;
    text-transform: uppercase;
    padding-bottom: 0;
    margin-bottom: -.2em;
    }

p.date2 {  	
	color: #555;  
	font-size: 10px;  
	text-transform: uppercase;  
	font-weight: bold;  
	padding-bottom: 0;  
	margin-bottom: 5px;  
	}

p.footer {
    font-size: 9px;
    text-transform: uppercase;
	}    

p.thumbtext {
    font-size: 9px;
    text-align: center;
    padding: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 8px;
    }
 
   
td  {
    align: left;
    vertical-align: top;
    padding: 0;
    margin: 0;
    }

td.thumbs {
    padding: 0;
    width: 120px;
    vertical-align: middle;
    }

td.thumbtext {
    padding: 0;
    width: 120px;
    text-align: center;
    }

a   {
    color: #f34f33;
    text-decoration: none;
    }

a:hover
    {
    color: #e0e7da;
    background-color: #f34F33;
    }

a.thispage {
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 8pt;
    }
    
a.subtlelink {
    color: #e1e1e1;
    }
    
h1  {
    font-family: "Lucida Grande", "Helvetica Neue", "Microsoft Sans Serif", helvetica, sans-serif;
    font-size: 17pt;
    margin-top: 0;
    margin-bottom: 12px;
    padding-top: 0;
    padding-bottom: 0px;
    }
    
h2  {
    font-family: "Lucida Grande", "Helvetica Neue", "Microsoft Sans Serif", helvetica, sans-serif;
    font-weight: bold; 
    font-size: 13pt;
    font-style: italic;
    margin-top: 0;
    margin-bottom: 12px;
    padding-top: 0px;
    color: #716b56;
    }

h3  {
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-top: 0;
    color: #716b56;
    }
    
ul  {
    list-style: square;
    font-family: "Lucida Grande", "Helvetica Neue", "Microsoft Sans Serif", helvetica, sans-serif;
    font-size: 10pt;
    margin-top: 0;
    margin-bottom: 12px;
    }
    
ul.nav, ul.subnav {
    font-family: "Lucida Grande", "Helvetica Neue", "Microsoft Sans Serif", helvetica, sans-serif;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 18px;
    list-style: none;
    text-transform: uppercase;
    }

ul.subnav { margin: 0 0 5px 10px; line-height: 14px; min-width: 200px }
ul.subnav a { font-size: 8pt }
ul.subnav a.current { font-weight: bold; color: #716b56 }
ul.subnav a.current:hover { background-color: transparent !important }

td.worklist span { float: left; clear: left }
td.worklist p { font-size: 9pt; line-height: 16px }
img.worksection { clear: left; width: 200px; height: 200px; padding: 3px; border: 1px solid #716b56; float: left; margin: 0 10px 15px 0 }

div#wn	{ position: relative; width: 565px; height: 100px; overflow: hidden; }    
#thumbs { position: relative }
#thumbs td { padding-right: 5px }
img.thumbs { height: 100px; border: 1px solid #716b56 }

#scrollLinks a { display: table-cell; width: 282px; height: 20px; font-size: 12pt; font-weight: bold; text-align: center }
#scrollLinks a:hover { background: transparent !important; color: #000 }
a.mouseover_left { text-align: right; padding-right: 25px }
a.mouseover_right { padding-left: 25px }
    
#largeimg img {  min-height: 500px; max-width: 565px; max-height: 500px; margin: 15px auto 0  }

dd  {
    font-size: 9pt;
    font-style: italic;
    line-height: 1.5em;
    }
    
dd.author {
    padding-left: 20px;
    font-style: normal;
    }
    
img.left {
    margin: 0px 20px 20px 0px;
    padding: 0;
    border: #fff 1px solid;
    float: left;
    }
    
img.leftborderless {
    padding: 0;
    border: 0px none;
    float: left; margin-left:0px; margin-right:20px; margin-top:10px; margin-bottom:0px
    }

img.right {
    margin: 0px 0px 20px 20px;
    padding: 0;
    border: #fff 1px solid;
    float: right;
    }

img.rightborderless {
    padding: 0;
    border: 0px none;
    float: right; margin-left:20px; margin-right:0px; margin-top:10px; margin-bottom:0px
    }

img.thumbs {
    border: #fff 1px solid;
    }

img.noborder {
    border: 0px none;
    padding: 0;
    margin: 0
    }

hr  {
    margin: 20px 0px 20px 0px;
    }
    
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */