/*
Theme Name: Sandbox - SCFS
Theme URI: http://www.plaintxt.org/themes/sandbox/
Description: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
Version: 0.9.5
Author: Peter Coughlin
Author URI: http://petercoughlin.com/
*/

/*-- layout --*/
html,body{margin:0;padding:0;}
body{font:normal 76%/1.4em arial,helvetica,sans-serif;text-align:center;background:#006;}

div#wrapper{position:relative;width:760px;margin:0 auto;text-align:left;background:#fff url(img/wrapper-bg.gif);}
div#header {margin:0;padding:0;}
div#container{float:left;width:100%;}
div#content{margin:0 160px 20px 150px;padding:8px;}

#primary {float:left;width:140px;margin:0 0 20px -758px;padding:0;overflow:hidden;}
#secondary {float:left;width:150px;margin:0 0 20px -158px;padding:0;overflow:hidden;}


/*-- header --*/
div#header {
	margin:0;padding:0;
	width:760px;height:213px;
	background:#006 url(img/header.jpg) no-repeat bottom left;
	}
#blog-title a {
	position:absolute;
	top:70px;left:160px;
	font:normal 40px/1.0em georgia,times,serif;
	display:none;
	}
#blog-title a, #blog-title a:visited, #blog-title a:hover {color:#006;text-decoration:none;}
#blog-description {
	position:absolute;
	top:73px;left:160px;
	font:normal small-caps 28px georgia,times,serif;
	color:#006;
	}

/*-- access --*/
#access {border-bottom:4px solid #006;}


/*-- menu --*/
#menu {
	width:756px;height:26px;
	margin:0;padding:0;
	border:2px solid #fff;
	background:#fc0;
	}
#menu ul {
	position:absolute;
	top:215px;right:5px;
	margin:0;
	list-style:none;
	}
#menu ul li {
	float:left;
	margin-left:5px;
	}
#menu ul .current_page_item a,
#menu ul .current_page_item a:visited {
	color:#fff;
	text-decoration:none;
	}
#menu ul .page_item a {
	display:block;
	padding:5px 10px;
	color:#006;
	font:normal small-caps bold 12px/15px tahoma,arial,helvetica,sans-serif;
	text-decoration:none;
	background:#fc0;
	}
#menu ul .page_item a:hover {color:#fff;}


/*-- content --*/
h2.entry-title,
h3.entry-title {
	margin:2px 0;padding-bottom:3px;
	color:#66f;
	font:normal 1.6em geneva,arial,helvetica,sans-serif;
	letter-spacing:-1px;
	border-bottom:1px solid #ccc;
	}
h2.entry-title a,
h3.entry-title a,
h2.entry-title a:visited,
h3.entry-title a:visited {
	color:#66f;
	text-decoration:none;
	}
h2.entry-title a:hover,
h3.entry-title a:hover {
	color:#f90;
	text-decoration:none;
	}

h2.page-title {
	margin:2px 0 20px;padding-bottom:3px;
	color:#c00;
	font:normal 1.6em geneva,arial,helvetica,sans-serif;
	letter-spacing:-1px;
	border-bottom:1px solid #ccc;
	}

#content h3,
#content h3 a,
#content h3 a:visited {font:bold 1.1em geneva,arial,helvetica,sans-serif;color:#66f;text-decoration:none;}
#content h3 a:hover {color:#f90;text-decoration:underline;}

#content p a,
#content p a:visited {font-weight:bold;color:#00f;text-decoration:none;}
#content p a:hover {text-decoration:underline;color:#f30;}

div.entry-date {color:#999;}

.post a,
.post a:visited {color:#00f;}
.post a:hover {color:#f60;}

div.entry-meta {
	clear:left;
	margin:0 0 30px;padding:8px 8px 10px;
	color:#960;
	font-size:90%;
	line-height:1.4em;
	text-align:right;
	border:1px solid #fda; /* fc8 */
	background:#ffffd5 url(img/gradient-white-yellow.gif) repeat-x;
	}
body.single div.entry-meta {text-align:justify;}

table.ports {width:400px;text-align:center;background:url(img/worldmap.jpg) no-repeat center center;}
table.ports td p {margin:8px;}


/*-- comments --*/
#comments {}
#comments h3 {
	margin:2.0em 0 0;
	font:bold 1.3em geneva,arial,helvetica,sans-serif;
	}
.comment-author {font-weight:bold;border-bottom:1px dashed #ccc;}
.comment-meta {color:#999;}

#comments input {border:1px solid #999;}
#comments textarea {width:430px;font-family:arial,sans-serif;border:1px solid #ccc;}
#comments .form-submit input {
	width:120px;height:22px;
	margin-top:4px;padding:0 2px;
	font:bold 11px arial,helvetica,sans-serif;
	border:1px solid #999;
	background:#fc0;
	}
#comments ol {margin:0;padding:0;list-style-type:none;}
#comments li {
	margin:20px 0;padding:6px 10px 0;
	font-size:90%;
	border:1px solid #ddf; /* bbf */
	background:#e5e5ff url(img/gradient-white-blue.gif) repeat-x;
	}
#comments li p {margin:0.8em 0;line-height:1.3em;}

/*-- contact form --*/
#contactform {font-size:90%}
#contactform p {margin:1.0em 0;}
#contactform input {width:200px;border:1px solid #ccc;}
#contactform input.error {width:200px;border:1px solid #f00;background:#ffc;}
#contactform textarea {width:428px;font-family:arial,sans-serif;border:1px solid #ccc;}
#contactform input.submit {
	width:120px;height:22px;
	margin-top:4px;padding:0 2px;
	font:bold 11px arial,helvetica,sans-serif;
	border:1px solid #999;
	background:#fc0;
	}
#contactform input.option {border:none;width:20px;}
div#thankyoumessage {
	clear:left;width:300px;
	margin:0 auto;padding:8px;
	text-align:center;
	color:#f00;
	font-size:90%;
	line-height:1.4em;
	text-align:center;
	border:1px solid #fda; /* fc8 */
	background:#ffffd5 url(img/gradient-white-yellow.gif) repeat-x;}


/*-- both sidebars --*/
.sidebar ul {margin:0;padding:0;list-style-type:none;}
.sidebar ul li {margin:0;padding:0;}


/*-- primary sidebar --*/
#primary ul li h3 {
	margin:10px 0 6px 4px;
	font:normal small-caps bold 14px/25px tahoma,arial,helvetica,sans-serif;
	color:#006;
	border-bottom:1px solid #006;
	}
#primary ul li ul {margin:0 0 0 10px;}
#primary ul li ul li {margin:0;padding-bottom:3px;font:bold 11px arial,helvetica,sans-serif;color:#999;}
#primary ul li ul li a {text-decoration:none;color:#006;}
#primary ul li ul li a:hover {color:#f30;}


/*-- secondary sidebar --*/
#secondary ul li h3 {
	margin:10px 0 6px 4px;
	font:normal small-caps bold 14px/25px tahoma,arial,helvetica,sans-serif;
	color:#f90;
	border-bottom:1px solid #ccc;
	}
#secondary ul li ul {margin:0 0 0 10px;}
#secondary ul li ul li {margin:0;padding-bottom:3px;font:bold 11px arial,helvetica,sans-serif;color:#999;}
#secondary ul li ul li a {text-decoration:none;color:#00f;}
#secondary ul li ul li a:hover {color:#f30;}

#secondary ul li#recent-posts ul li {margin-bottom:6px;color:#999;}
.recent-date {}

ul li#mcwg {margin:15px 0 0 7px;}


/*-- search --*/
#searchform {margin:10px 0 0 5px;}

#s,
#plsearch {
	width:100px;
	margin:0;padding:2px;
	font-weight:normal 10px arial,helvetica,sans-serif;
	border:1px solid #999;
	}
#plsearch {width:200px;}

#searchsubmit,
#plsubmit {
	height:22px;padding:0 1px;
	font:bold 11px arial,helvetica,sans-serif;
	border:1px solid #999;
	background:#fc0;
	}

.portreps {
	margin:20px 0;padding:2px 4px;
	font-size:90%;
	border:1px solid #ddf; /* bbf */
	background:#e5e5ff url(img/gradient-white-blue.gif) repeat-x;
	}

/*-- navigation --*/
div.navigation {
	clear:both;
	width:100%;
	margin:0 0 10px;padding:0;
	text-align:center;
	}
.nav-previous {float:left;width:200px;text-align:right;}
.nav-next {float:right;width:200px;text-align:left;}

#nav-above {display:none;}


/*-- footer --*/
div#footer{
	width:760px;
	margin:0;padding:15px 0;
	overflow:hidden;clear:both;
	color:#fff;
	font-size:11px;
	text-align:center;
	background:#006 url(img/footer-bg.jpg) no-repeat top center;
	}


/*-- misc --*/
a img {border:none;}

img.right {float:right;margin:3px 0 0 10px;}
img.left {clear:left;float:left;margin:3px 10px 0 0;}
img.border {background:#fff;padding:1px;border:1px solid #666;}

div.clearer {clear:both;}
#nav-above,
div.skip-link {display:none;}


/*-- boxes --*/
.box-grey-border {
	padding:6px;
	margin-bottom:10px;
	border:1px solid #d5d5d5;
	background:#fff;
	}
.box-grey {
	padding:6px;
	margin-bottom:10px;
	border:1px solid #ddd;
	background:#e5e5e5 url(img/gradient-white-grey.gif) repeat-x;
	}
.box-blue {
	padding:6px;
	margin-bottom:10px;
	border:1px solid #ddf; /* bbf */
	background:#e5e5ff url(img/gradient-white-blue.gif) repeat-x;
	}
.box-yellow {
	padding:6px;
	margin-bottom:10px;
	border:1px solid #fda; /* fc8 */
	background:#ffffd5 url(img/gradient-white-yellow.gif) repeat-x;
	}