@import url("reset.css");

body {
	
	background:#d9d9d9;
	font-family:Helvetica, Arial, sans-serif;

}

	strong, b { font-weight:bold; }
	em, i { font-style:italic; }

	div#main-container {
	
		width:960px;
		margin:0 auto 50px auto;
		min-height:800px;
		overflow:hidden;
	
	}
	
	div#top-nav { 
	
		width:100%;
		float:left;
		height:25px;
		margin:10px 0;
	
	}
	
		div#top-nav ul, div#top-nav ul li, div#top-nav ul li a { 
		
			display:block;
			float:left;
			font-size:13px;
		
		}
		
		div#top-nav ul li a {
		
			padding:5px;
			background:#2d6b8e;
			color:#fff;
			margin:0 5px 0 0;
			text-decoration:none;
		
		}
		
		div#top-nav ul li a:hover { background:#000; }
		
		div#top-nav ul + ul { float:right; }
		div#top-nav ul + ul li a { background:#6c97b0; }
		


	
	div#header {
	
		width:100%;
		float:left;
		height:210px;
		background:url("../images/header-bg.jpg") no-repeat top center #215779;
		position:relative;
	
	}
    
    body.page-template-ferret-php div#header { background:url("../images/ferret-header-bg.jpg") no-repeat top center #215779; }
	
		div#header img#main-logo { position:absolute; top:30px; left:30px; }
        div#header div#ferret-tag-line { position:absolute; right:30px; bottom:20px; font-size:40px; font-family:"Helvetica Neue", Helvetica, arial, sans-serif; color:#fff; text-shadow:0px 0px 15px #000; }
        
        div#digging { position:absolute; right:10px; top:42px; }
        
        div#text-content div.column h3 { font-size:16px; color:#333; line-height:20px;}
    
    label.ferret-tag {
    
        display:block;
        float:left;
        clear:both;
        padding:8px 15px 5px 5px;
        background:#eee;
        margin:0 0 4px 0 !important;
        width:auto;
        font-size:12px;
        color:#555;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    
    }
    
    label.ferret-tag:hover {
    
        background:#333;
        color:#fff;
        cursor:pointer;
    
    }
    
    div.two-column {
    
        width:100%;
        float:left;
        clear:both;
        margin:10px 0;
    
    }
    
    label.ferret-tag input { float:left; margin:-3px 10px 0px 0;}
    
    
	div#content {
	
		width:100%;
		float:left;
		min-height:500px;
		background:#fff;
		position:relative;
		overflow:hidden;
	
	}
	
	div#content:after, div#main-container:after {
	
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
	
}

	
		div#content div#respond { 
		
			width:100%;
			float:left;
		
		}
	
	div#search {
	
		float:right;
		width:300px;
		height:35px;
		padding:10px 15px;
		position:absolute;
		top:0;
		right:0;
	
	}
	
		div#search form { float:left; position:absolute; right:10px; top:10px;}
		div#search img#rss { float:left; margin:0 2px 0 0;}
		div#search img#fb { float:left; margin:0 3px 0 0;}
		div#search img#twitter { float:left; margin:0 3px 0 0;}
		div#search label, div#search input { float:left; }
		div#search input[type=text] { background:#d9d9d9; border:none; height:23px; width:190px;}
            
        div#search img#twitter + div.follow { float:right; padding:0 10px 0 0; }
        div#search.ferret img#twitter { float:right; }
        div#search a { color:#0f385a; text-decoration:none; font-size:12px; line-height:27px; }
	
	div#text-content {
	
		clear:left;	
		float:left;
		width:590px;
		overflow:auto;
		min-height:600px;
		padding:12px 25px;
	
	}
	
		/*pagetitle*/
		div#text-content div.post { float:left; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px #000 solid; width:100%;}
		div.entry { clear:both; }
		div#text-content h2 { display:block; font-size:16px; color:#6c97b0; border:1px #6c97b0 solid; padding:6px 9px; margin:2px 1px 15px 1px; text-transform:uppercase; letter-spacing:0.25em; float:left; clear:both;  }
		div#text-content h3 { font-size:22px; color:#000; line-height:26px; margin:0 0 4px 0; clear:both; }
        div#text-content h3.posttitle { margin:10px 0 10px 0; }
		div#text-content h3 a { color:#000; text-decoration:none; }
		div#text-content h3.pagetitle { clear:both; color:#999; font-size:20px; line-height:28px; margin:0 0 10px 0; background:#eee; padding:5px; width:580px;}
		
		div#text-content img.comment-bubble { padding:0 5px; position:relative; top:4px; }
	
		div#text-content p { font-size:14px; color:#333; margin:0 0 12px 0; line-height:22px; }
		div#text-content p.post-data { color:#808080; font-size:12px; clear:both; }

		div#text-content blockquote { background:url("../images/blockquote-bg.png") bottom no-repeat #d9d9d9; padding:20px 20px 35px 20px; font-size:14px; line-height:22px; margin:0 10px 18px 10px; color:#0F385A; width:540px; float:left; overflow:hidden; clear:both; }
		div#text-content blockquote p { display:block; color:#0f385a; margin:0 0 12px 0; float:left; }

		div#text-content a { color:#0F385A; }
		div#text-content a.permalink { text-shadow:#000 1px 1px 0px; display:block; float:left; background:#2d6b8e; padding:5px 25px 5px 10px; text-transform:uppercase; color:#fff; text-decoration:none; font-size:12px; height:10px; }
		div#text-content a.permalink:hover { background:#000; color:#fff; }
	
		div#text-content div.post-meta { float:right; font-size:12px; color:#2d6b8e; text-decoration:none; font-weight:bold; padding:5px 0 0 0; line-height:18px;}
		div#text-content div.post-meta a:hover { color:#599; }
		
		div#text-content object { float:left; margin:15px 0; }
	
		div#text-content ul, div#text-content ol { float:left; clear:both; margin:10px 35px 15px 35px; }
		div#text-content li { font-size:13px; color:#555; list-style-type:circle; line-height:18px; margin:0 0 4px 0; }
		
		div#text-content a.post-edit-link { display:block; clear:both; margin:10px 0; }

		div.post-footer { clear:both; float:left; width:590px; vertical-align:bottom; margin:10px 0 0 0; }
		
		div.entry img[align=right] { padding:20px 0 20px 20px; }
		div.entry img[align=left] { padding:20px 20px 20px 0px; }
        
     .aligncenter,div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size:12px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
   
		
		
		
		div.navigation {
		
			float:left;
			clear:both;
			width:570px;
			padding:10px;
			margin:10px 0 20px 0;
			font-size:12px;
			line-height:18px;

		}
		
		div.alignright { float:right; max-width:50%; clear:right; padding:5px;}
		div.alignleft { float:left; max-width:50%; clear:left; padding:5px;}
		
		div.navigation div:hover { background:#eee; }
		
		
		div#respond { float:left; overflow:hidden;}
		div#respond h3 { font-size:16px; line-height:20px; color:#888; margin:0 0 10px 0; }
		div#respond textarea { float:left; clear:both; margin:10px 0; }
		div#respond #submit { clear:both; margin:10px 0 0 0; }
		div#respond small { font-size:11px; }
		div#respond form#commentform label,div#respond form#commentform input[type=text],div#respond form#commentform p { clear:both; }
			
		ol.commentlist { float:left; overflow:hidden; padding:0px !important; margin:0px !important; width:590px;}
            ol.commentlist div.reply { padding:0px; float:left; }
			ol.commentlist li .vcard { width:500px; float:left; }
			ol.commentlist li { list-style-type:none; clear:both; float:left; padding:0px !important; }
			ol.commentlist img.avatar { display:none; }
			ol.commentlist cite { float:left; font-weight:bold; margin:0 3px 0 0; }
			ol.commentlist span.says { float:left; font-style:italic; clear:right; font-size:12px; color:#333; vertical-align:bottom; padding:2px 0 0 0; } 
			ol.commentlist div.comment-meta { float:left; margin:5px 0; font-size:11px; line-height:14px; width:500px;} 
			div.comment-meta a { color:#666 !important; text-decoration:none; }
			ol.commentlist div.comment-body { float:left; border-bottom:1px #aaa solid; margin:0 0 10px 0; padding:10px 0; overflow:hidden; width:590px; position:relative; }
			ol.commentlist li p { font-size:12px; color:#333; line-height:16px; float:left; clear:left; }
			div#comment-wrapper { width:590px; float:left; clear:both; overflow:hidden; }
			div.contrib { width:80px; height:55px; float:right; margin:5px; background:url("../images/cc_badge.gif") no-repeat top center; }


	div#sidebar {
	
		width:300px;
		background:#2d6b8e;
		float:right;	
		padding:10px;
		margin:225px 0 0 0;
		position:static;
		height:auto;
		overflow:hidden;
		min-height:1500px;
	}
    
    div#sidebar.ferret { margin:45px 0 0 0 !important; }
    
    /* margin:225px 0 0 0 for ferret */
	
		div#small-boxes { clear:both; float:left; width:320px; overflow:hidden;}
	
		div.sidebar-box { 
		
			width:300px;
			background:#274c6a;
			margin:0 0 10px 0;
			float:left;
		
		}
		
		div.sidebar-box.left { float:left !important; clear:left; }
		div.sidebar-box.right { float:right !important; clear:right; margin:0 22px 10px 0px !important;}
		
		div.sidebar-box.small {
		
			width:145px;
			margin:0 8px 10px 0;
			padding:0 0 15px 0;
			float:left;
			clear:both;
		
		}
		
		div.sidebar-box h3 {
		
			font-size:13px;
			font-weight:bold;
			color:#fff;
			display:block;
			float:left;
			padding:0 10px;
			height:30px;
			line-height:30px;
			background:#0f385a;
			width:280px;
			border-bottom:1px #2d6b8e solid;
		
		}
		
		div.sidebar-box.small h3 { width:125px; }
		
			div.sidebar-box ul { float:left; }
			
			div.sidebar-box ul li {
			
				float:left;
				border-bottom:1px #2d6b8e solid;
				margin:0 0 0px 0;
				padding:10px 10px 10px 10px;
				font-size:11px;
				color:#fff;
				line-height:14px;
				width:280px;
				text-shadow: 0.05em 0.05em 0.05em #000;
			
			}
			
			div.sidebar-box ul li:hover { background:#0f385a; }
			
			div.sidebar-box ul li h4 {
				
				font-size:14px;
				color:#fff;
				line-height:18px;
				margin:0 0 4px 0;
				clear:both;
				text-shadow: 0.05em 0.05em 0.05em #000;
			}
			
			div.sidebar-box a {
			
				color:#ABC4D2;
				text-decoration:none;
				text-shadow: 0.05em 0.05em 0.05em #000;
			
			}
			
			div.sidebar-box.small ul li {
			
				width:125px;
				padding:5px 10px 0px 10px;
				border:none;
				margin:0 0 4px 0;
				float:left;
			
			}
			
			div.sidebar-box.small ul li a {
			
				color:#fff;
			
			}
			
			div.sidebar-box.small ul li:hover   { background:none; }
			div.sidebar-box.small ul li a:hover { color:#abc4d2; }
			
			div.sidebar-box span.article-date { display:block; clear:both; }
			div.sidebar-box span.article-source { display:block; clear:both; font-style:italic; margin:5px 0 0 0;}

	
	div#footer {
	
		height:35px;
		width:100%;
		float:left;
		clear:both;
		background:#0f385a;
	
	}
    
        div.customPaginator a { display:block; float:left; padding:5px; background:#eee; margin:2px;  font-size:14px; }
        div.customPaginator strong { display:block; float:left; padding:5px; }
        div.customPaginator a.active { font-weight:bold; }
    
		div#footer ul { margin:10px 20px; }
		div#footer ul li { float:left; font-size:12px; color:#fff; margin:0 6px 0 0; }
		div#footer a { color:#fff; text-decoration:none; text-transform:uppercase;}
		div#footer a:hover { text-decoration:underline; }
        
        /* FERRET FRONT STYLES */
        div.tag-holder { float:left; color:#333; font-size:11px; }
        div.post-tag { font-size:11px; color:#555; background:#ddd; float:left; margin:0 3px 3px 0; padding:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
		div.result { float:left; clear:both; margin:0 0 15px 0; padding:10px; }
        div.result.even { background:#eee; }
        div.result a.result-title { font-size:16px; color:#00c; font-weight:bold; line-height:21px; margin:0 0 5px 0; }

        p.pdf-link { clear:both; width:500px; margin:0 auto; text-align:center; position:relative; top:5px; }
        p.pdf-link a { background:#ddd; padding:6px 5px 5px 5px; color:#333 !important; text-decoration:none; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
        p.pdf-link a:hover { background:#333; color:#fff !important; }