/*
Theme Name: KSI
Author: MSI Communications
Author URI: http://www.msialaska.com
*/

/* == BODY == */

	body {
		background: url(layout/images/header_back.png) left top repeat-x #322f31;
		font-family: Arial, helvetica, sans-serif;
		text-align: center;
	}
	
/* == TYPOGRAPHY == */

	h1 {
		color: #98c0db;
		font-weight: normal;
	}
	
	h2 {
		color: #322f31;
	}
	
	h3 {
		font-style: italic;
		font-weight: normal;
		color: #355E72;
		padding: 10px 0 0 0;
	}
	
	p, ul, ol, td, th {
		font-size: 12px;
	}
	
	#leftColumn p {
		margin: 10px 0;
	}
	
	#leftColumn p.title {
		font-size: 12px;
	}
	
	#leftColumn ul, #leftColumn ol {
		margin: 5px 5px 5px 25px;
	}
	
	#leftColumn ul {
		list-style-type: disc;		
	}
	
	#leftColumn ol {
		list-style-type: decimal;
	}
	
	.column a, #leftColumn a {
		padding: 5px;
		text-decoration: none;		
	}
	
	#leftColumn a:hover {
		background: #d5cdab;
	}
	
/* == GENERAL CLASSES == */

	.rule {
		clear: both;
		line-height: 0;
		border-top: 3px solid #322f31;
		margin: 5px 0;		
	}
	
	.padding {
		padding: 10px;
	}
	
	.lightLink {
		color: #d5cdab;
	}

/* == LAYOUT == */

	div#wrapper {
		width: 960px;
		margin: 0 auto;
		text-align: left;
	}
	
	#logo {
		margin: 27px 0;
	}
	
/* == NAVIGATION == */

	div#nav {
		width: 960px;
		background: url(layout/images/nav.png) left top no-repeat;
		height: 37px;
	}
	
	div#nav span {
		display: none;
	}
	
	div#nav li {
		float: left;
	}
	
	div#nav li.parent > a {
		display: block;
		height: 38px;
		width: 137px;
	}
	
	div#nav li.parent a {
		_display: block; /* IE6 Fix */
		_height: 38px; /* IE6 Fix */
		_width: 137px; /* IE6 Fix */
	}
	
	div#nav li.parent li a {
		_height: 20px;
	}
	
	#list1, #list2, #list3, #list4, #list5, #list6, #list7 {
		/* width: 137px; */
		*display: block;
		*height: 37px;
	}
	
	#list1.parent a:hover, .highlight1 {
		background: url(layout/images/nav.png) 0 -40px no-repeat;
	}
	
	#list2.parent a:hover, .highlight2 {
		background: url(layout/images/nav.png) -137px -40px no-repeat;
	}
	
	#list3.parent a:hover, .highlight3 {
		background: url(layout/images/nav.png) -274px -40px no-repeat;
	}
	
	#list4.parent a:hover, .highlight4 {
		background: url(layout/images/nav.png) -411px -40px no-repeat;
	}
	
	#list5.parent a:hover, .highlight5 {
		background: url(layout/images/nav.png) -548px -40px no-repeat;
	}
	
	#list6.parent a:hover, .highlight6 {
		background: url(layout/images/nav.png) -685px -40px no-repeat;
	}
	
	#list7.parent a:hover, .highlight7 {
		width: 141px;
		background: url(layout/images/nav.png) -822px -40px no-repeat;
	}
	
/* == DROP DOWN MENU == */

	ul.sub {
		background: #322F31;
		padding: 0px;
		margin: 0;
		width: 138px;
		border: none;
		margin-top: 7px;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;		
	}
	
	ul.sub a:link, ul.sub a:visited  {
		color: #d5cdab;
		text-decoration: none;
		padding: 10px;
	}
	
	#list1.parent ul.sub a:hover, #list2.parent ul.sub a:hover, #list3.parent ul.sub a:hover, #list4.parent ul.sub a:hover, #list5.parent ul.sub a:hover, #list6.parent ul.sub a:hover, #list7.parent ul.sub a:hover {
		background: #05475B;
	}
	
/* == MAIN IMAGE == */

	#mainImage {
		background: url(images/main/1.jpg) left top no-repeat;
		width: 960px;
		height: 340px;
		margin-bottom: 8px;
	}
	
	#mainImage.collapse {
		height: 13px;
		*height: 10px;
	}
	
/* == HOME PAGE COLUMNS == */

	.column {
		width: 310px;
		height: 260px;
		margin-right: 15px;
		_margin-right: 0; /* IE6 Fix */
		margin-bottom: 8px;
		background: url(layout/images/arrow.png) left 20px no-repeat #58585a;
		float: left;
		color: white;
		display: inline; /* IE6 Fix */
	}
	
	.column .padding {
		width: 260px;
		margin: 0 30px 0 20px;
		padding: 10px 0;
	}
	
	.column .padding h1, .column .padding h1 a {
		font-size: 18px;
		margin: 5px 0;
		color: #98c0db;
		text-decoration: none;
	}
	
	.column .padding h1 a:hover {
		text-decoration: underline;
	}
	
	.column a {
		background: none;
		padding-left: 0;
		color: #d5cdab;
		text-decoration: none;
	}
	
	.column a:hover {
		color: #fffae3;
	}
	
	.last {
		margin-right: 0;
	}
	
	.column img {
		float: right;
		margin: 0 0 10px 10px;
	}
	
	.column .more {
		margin-top: 10px;
	}
	
	.home li {
		margin: 5px 0;
		font-size: 11px;
	}
	
	.home li a {
		color: #d5cdab;
		display: block;
	}
	
	.home li a:hover {
		color: #fffae3;
	}

	
/* == FOOTER == */

	#footer {
		clear: both;
		color: #666;
	}
	
/* == PAGE == */

	#leftColumn, #rightColumn {
		float: left;
		display: inline; /* IE6 Fix */
	}
	
	#leftColumn {
		width: 614px;
		background: #fff;
		margin-right: 8px;
		border: 13px solid #58585a;
	}
	
	#leftColumn.padding {
		padding: 15px;
	}
	
	#leftColumn table {
		border: 1px solid black;
	}
	
	#leftColumn table th {
		background: #666;
		color: white;
	}
	
	#leftColumn table td, #leftColumn table th {
		padding: 10px;
		text-align: center;
		border: 1px solid black;
	}
	
	#leftColumn table tr:nth-child(odd) {
		background: #eee;
	}	
	.headWrapping {
		background: #05475B;
	}
	
	.headWrapping h1 {
		color: white;
		font-size: 20px;
	}
	
	#rightColumn {
		width: 310px;
	}
	
/* == POSTS == */

	#leftColumn .post {
		padding-top: 15px;
		border-top: 1px dotted #322f31;
	}

	#leftColumn .post p {
		font-size: 11px;
	}

	#leftColumn a.more:link, #leftColumn a.more:visited  {
		padding-left: 3px;
		background: none;
		font-size: 11px;
	}
	
	#leftColumn a.more:hover {
		background: #d5cdab;
	}
	
	#leftColumn .title a:link, #leftColumn .title a:visited {
		padding-left: 3px;
		font-size: 12px;
		color: #322f31;
	}	
	
	#leftColumn .date {
		font-style: italic;
		font-size: 10px;
		color: #888;
	}
	
/* == CUSTOMERS PAGE == */
	
	#leftColumn table.customers td, #leftColumn table.customers th, #leftColumn table.customers tr:nth-child(odd) {
		text-align: center;
		border: none;
		background: none;
		font-size: 11px;
	}
	
/* == WP GENERATED STYLES == */

	.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;
	}
	
	.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;
	}
	
/* == KDC FAMILY DROPDOWN == */

	#panel-wrapper #panel {
		text-align: center;
	}
	
	#panel-wrapper #panel #panel-menu {
		text-align: left;
	}
	
	#panel-wrapper #panel #panel-menu a {
		text-decoration: none;
	}
	
	#panel-wrapper #panel #panel-menu a:hover {
		text-decoration: underline;
	}