/*
THEME NAME: KJ Web and Print
THEME URI: http://kjwebandprint.com
DESCRIPTION: Modifying thematic, a highly extensible, search-engine optimized WordPress Theme Framework featuring 13 widget-ready areas, grid-based layout samples, styling for popular plugins and more.
VERSION: 0.1
AUTHOR: Jason Crane
AUTHOR URI: http://www.kjcrane.com/
TAGS:three columns,two columns,fixed width,simple,seo,microformats,widgets,framework,options page,hooks,filters,valid XHTML,valid CSS
.
Thematic is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');
body {
	width: 920px;
	margin: 0 auto;
	text-align: center;
	}
ul, li {
	margin: 0;
	padding: 0;
	list-style-type:none;
	}
a:link, a:visited {
	color: #039;
	}
a:hover {
	background-color: #ff9;
	text-decoration:none;
	}
#masthead {
	margin-bottom: 5px;
	float:left;
	height: 150px;
	width: 100%;
	}
#masthead h1 {
	font-size: 36px;
	line-height: 1.1;
	text-indent: -9999px;
	background-image: url(http://www.kjwebandprint.com/images/kjwebandprint_logo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 150px;
	}
#wrapper {
	text-align: left;
	margin-top: 10px;
	}
#content{
	clear:both;
	margin: 0;
	padding: 0;
	width: 100%;
	}
#services {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #663300;
	}
#services .panel {position: relative;}
.section h2{
	font-size:21px;
	line-height:1.1;
	margin-bottom:10px;
	}
#services ul {
	background-color:#663300;
	float:left;
	height:auto;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;	
	}
#services li {
	float:left;
	margin: 0;
	padding: 0;
	}
#services h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	}
#services a.label {
	font-size: 16px;
	line-height: 1.1;
	display:block;
	padding: 10px 13px;
	color: #fff;
	background-color: transparent;
	}	
#services a.label:hover {
	color: #fff;
	background-color: transparent;
	}
#services .ui-tabs-selected a, #services .ui-tabs-selected a:hover {
	background-color: #4E210F;
	color: #fff;
	cursor: default;
	}	
#services span {
	display:block;
	font-size: 12px;
	}
#services .splash_tease {
	position:absolute;
	right:30px;
	top:50px;
	width:190px;
	}	
#contact_us {
	clear:both;
margin-top:15px;
	}
#contact_us h2, #contact_us p {
	display:inline;
	}
#contact_us p {
	padding-left: 10px;
	}
#footer {
	clear:both;
	margin-top:30px;
	text-align: center;
	padding-top:10px;
	}
#footer li {
	display:inline;
	}
span.seperator {
	padding: 0 5px;
	}
.ui-tabs-selected a{
	color: #000;
	}
.ui-tabs-panel {
	height:290px;
	clear:both;
	overflow:hidden;
	position: relative;  /* because the text inside is posiitoned absolutely, relative to this */
	}
.ui-tabs-hide {
	display:none;
	}
#samples .post {width: 200px; float:left; margin-right: 40px;}
#samples .post img {width: 200px;}