/* CSS Document */

body {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	min-width: 760px;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

/* Total page wrapper */
#page {
	text-align: left;
	margin: 1em auto 0px auto;
	padding: 0px auto 0px auto;
	width: 90%;
	}

#header {
	}
	
#tabWrapper {
	padding-right: .125em;
	}
	
#tabs {
	float: right;
	width: auto;
	padding: 0px;
	}
	
#tabs ul {
	margin:0px;
	padding:10px 10px 0px 0px;
	list-style:none;
	}
	
#tabs li {	
	float:left;
	margin:0;
	padding: 0px 1px 0px 9px;
	}
	
#tabs a {
	display:block;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	color: #000000;
	 font-weight: bold;
	 }
	 
#tabs a:visited {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
	
#tabs a:hover {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	}
	
#tabs .blue {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/azure_twilight_left.gif) no-repeat left top;
	}
	
#tabs .blue a {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/azure_twilight_right.gif) no-repeat right top;
	}
	
#tabs .yel {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/stories_left.gif) no-repeat left top;
	}
	
#tabs .yel a {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/stories_right.gif) no-repeat right top;
	}
	
#tabs .grn {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/about_left.gif) no-repeat left top;
	}
	
#tabs .grn a {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/about_right.gif) no-repeat right top;
	}
	
#tabs .red  {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/how_to_left.gif) no-repeat left top; 
	}
#tabs .red a {
	background: url(http://jynsoerth.com/wp-content/themes/jysoerth/images/how_to_right.gif) no-repeat right top;
	}
	
/* Wrapper for main content area */
#main {
	 clear: both;
	 width: 100%;
	 min-width: 770px;
 }

h2 {
	padding: 0px;
	margin-top: 1em;
	margin-bottom: .5em;
	font-size: 16px;
	font-weight: bold;
	}
h3 {
	padding: 0px;
	margin-top: 1em;
	margin-bottom: .25em;
	font-size: 14px;
	font-weight: bold;
	}
h4 {
	padding: 0px;
	margin-top: 1em;
	margin-bottom: .125em;
	font-size: 12px;
	font-weight: bold;
	}
	
a , a:link, a:active, a:visited {
	text-decoration: none;
	color: #000099;
	}
	
a:hover {
	color: #000099;
	text-decoration: underline;
	}


/* Section navigation tabs */
/* Rounded Corners - place as first and last things in a column container */
.corner b.rtop, b.rbottom{display:block;background: #000;}
.corner b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #ccffcc;}
.corner b.r1{margin: 0 5px;}
.corner b.r2{margin: 0 3px;}
.corner b.r3{margin: 0 2px;}
.corner b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;}

/* Wrapper for center column */
.content {
	color: #000000;
	width: 100%;
	}
	
.contentItem{
	padding: 1em;
}

.right {
	vertical-align: top;
}

.right .contentItem {
	margin: 0px;
	padding: .25em;
	border: none;
}
.contentItem .image {
	float: right;
	padding-left: 1em;
	padding-bottom: 0.25em;
	}

.boxBody .image{
	float: right;
	padding-left: 1em;
	padding-bottom: 0.25em;
}

.weblog {
	}
	
.crumb {
	padding-bottom: 2px;
	border-bottom: 1px solid #999999;
	color: #666666;
	font-size: 10px;
	margin: 0px 1em 0px 1em;
	 }
.crumb a, .crumb a:link, .crumb a:visited, .crumb a:active {
	font-size: 10px;
	text-decoration: none;
	 }
 .crumb a:hover {
	color: #333333;
	text-decoration: underline;
	 }

#footer {
	margin-top: 1em;
	text-align: center;
	clear: both;
	margin-bottom: 1em;
}

.bottomNav ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}
	
.bottomNav li {	
	margin:0;
	display: inline;
	}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #000;
	text-decoration: none;
 }
 
 #footer a:hover {
	 color: #000099;
	text-decoration: underline;
	 }
.clr {
	clear: both;
}
.box {
	position: relative;
	padding: .25em 1em;
	border-left: 1px solid #999999;
	border-bottom: 2px solid #333333;
	margin-right: 1em;
	margin-top: 1em;
}
.boxHead {
}
.boxBody {
	margin-bottom: .5em;
	padding-bottom: .75em;
	padding-left: 1em;
}
.boxBody h4 {
	margin-left: -1em;
}
.wrapper {
	padding: 0em 1em 0em 1em;
}