/* CSS Document */

body {margin:0; background-image:url(images/bg.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}
#page { 
     background-color:#FFFFFF;
     width:1000px;
     border-top: 8px #339933 solid;
     border-bottom: 3px #339933 solid;
     margin: 0 auto;
     display:table;
     padding-bottom:5px; }
     
#header {width:1000px;}

#logo {float:left; width: 190px; border-right: 1px #cccccc solid; padding-bottom: 12px; background-color:#eeeeee}
#logo h1 {font-size:12px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding:5px 0 0 10px; margin:0}
#logo .tagline {font-size:10px; padding-left: 8px; margin-top:-5px}

#topnav {float:right;  padding-bottom: 5px;}
#topnav .menu {width: 120px; float:left; border-bottom: 4px #cccccc solid; margin-right: 10px}
#topnav .menu_item {padding-top:5px; font-size:18px;}
#topnav .menu_item a{color:#333333; text-decoration:none;}
#topnav .menu_item a:hover{color:#339933; text-transform:uppercase;}
#topnav .here{color:#339933; text-transform:uppercase; padding-top:5px; font-size:18px;}
#topnav .menu_desc {font-size:10px;}

#body {padding: 0 0 0 50px; clear:both}
#body .post {width: 650px; margin:10px 0; padding:0; display:table}
#body .post h2 {margin:0; color:#339933; letter-spacing:-1px; font-size:18px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#body .post p {font-size:10px; margin:0}
#body .post p a{color:#0099FF; text-decoration:none}

#sidebar {float:right; margin:0; width: 250px;}
#sidebar .sidebar_head {background-color:#339933; margin-top:4px; padding:4px}
#sidebar h3{margin:0; color:#FFFFFF; font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:bolder;}
#sidebar ul {margin:5px 0; padding:0 0 0 20px;}
#sidebar ul li{list-style-image:url(images/0066_double_arrow.png); font-size:11px}
#sidebar ul li a{text-decoration:none; color:#333333}

#footer {text-align:center}
#footer p {color:#FFFFFF; font-size:10px;}
#footer p a{color:#FFFFFF; text-decoration:none}
#footer p a:hover{color:#FFFFFF; text-decoration:underline}

.folio_img {margin: 10px 0; text-align:center; width: 100%; background-color:#eeeeee; padding: 10px; border: 1px #cccccc dashed}
.folio_img img {border: 1px #cccccc solid; padding:4px; background-color:#eeeeee; margin: 10px 10px 0 0}
.style1 {color: #339933}

		#popad{
			padding:5px;
			border:1px solid #999;
			background:#eee;
			width:200px;
		}
		#popad_footage{
			height:250px;
			width:200px;
			background:url(01.gif) top left no-repeat;
		}
		#popad_footage a{
			display:block;			
			height:250px;
			width:200px;
			display:block;
			text-indent:-600px;
			overflow:hidden;
		}
		#popad p{
			margin:0;
			padding:0 .5em .5em .5em;
			background:#fff;
			font-family:Arial,Sans-serif;
			font-size:90%;
			font-weight:bold;
		}
		#popad_content a{
			color:#369;
		}
		#popad.dynamic #popad_footage{
			height:270px;
			width:200px;
			background:url(knitsjs.jpg) top left no-repeat;
		}
		#popad.dynamic #popad_footage a{
			height:240px;
		}
		#popad.dynamic #popad_footage a#popad_close{
			color:#ddd;
			height:20px;
		}
		#popad.dynamic{
			position:absolute;
			top:4em;
			left:50%;		
		}
		html>body #popad.dynamic{
			position:fixed;
		}