/* 
Theme Name: KSC
Theme URI: www.keystoneclick.com
Description: KSC Theme
Author: Jim Novy
Author URI: www.keystoneclick.com


 */

 

body {
background: #ffffff url(/images/shared/backdrop.jpg) top left repeat-x;
margin: 0px;
color: #333;
font-size: 12px;
font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
line-height: 19px; } 

img { border: 0; }	

div { }
    
div.spacer {
clear: both;
margin: 0px;
padding: 0px; } 
    
a:link, a:active { 
color:#ff0000;
text-decoration: underline; }

a:visited{
color:#666666;
text-decoration: underline; }

a:hover{
color:#ff0000;
text-decoration: none; }

p {
width: 520px;
margin: 5px 0px 25px 0px; }




/* ---------  structure --------- */

#container { 
margin: auto;
width: 882px; }

#header { 
padding: 39px 0px 45px 0px;
background: url(/images/shared/header_graphic.jpg) top left no-repeat;
margin: auto;
overflow: hidden; 
}

#header p.redarrow {
display: block;
margin: 15px 0px 0px 0px; }

#header p.redarrow_small {
display: block;
width: 100px;
margin: 15px 0px 0px 0px; }

#first_body {
display: block;
width: 520px; }

#sub_nav h4 { 
margin-top: 55px;
font-size: 22px;
padding: 4px 0px 5px 30px;
background: url(/images/shared/green_arrow.gif) top left no-repeat; } 

#sub_nav p.date {
color: #999999;
width: 220px;
font-size: 9px;
margin: 25px 0px 0px 0px;
text-transform: uppercase;
}

#sub_nav_container { width: 265px; float: right; }

#sub_nav {
float: right;
margin-top: 23px;
padding-right: 30px;
width: 265px;
background:url(/images/shared/corner_shadow.jpg) top right no-repeat; }

#sub_nav ul {
width: 245px;
list-style: none;
margin-left: 0px;
padding-left: 0px;
margin-right: 10px; }

#sub_nav li a {
display: block;
list-style: none;
padding: 12px 24px 12px 24px;
border-top: 1px solid #e3e3e3;
text-decoration: none;
 }
 
#sub_nav li a:hover { background: #e9fed4; text-decoration: underline; }
#sub_nav li a.current { background: #e9fed4; color: #ff0000; }
#sub_nav li a:visited { color: #ff0000; }

#sub_nav li.last { border-bottom: 1px solid #e3e3e3; }


#sub_nav li.checks {
background:url(/images/portfolio/check_mark2.gif) top left no-repeat;
display: block;
list-style: none;
margin: 0px;
padding: 12px 24px 12px 24px;
border-top: 1px solid #e3e3e3;
text-decoration: none;
 }

#sub_nav li.checks_last { border-bottom: 1px solid #e3e3e3; }

#iframe_sub_nav {
float: right;
margin-top: 23px;
padding-right: 30px;
width: 265px;
 }




#horizontal_rule {
width: 520px;
display: block;
margin: 15px 0px 20px 0px;
border-bottom: 1px solid #e3e3e3;
}

#learn_more a {
display: block;
width: 124px;
text-indent: -5000px;
height: 36px;
background: url(/images/home/learn_more_btn.gif) top left no-repeat; }

#learn_more a:hover {
background: url(/images/home/learn_more_btn_on.gif) top left no-repeat; }


/* ---------  h tags --------- */

h1 { 
display: block; 
width: 495px;
height: 101px;
margin: 0px;
background: url(/images/shared/logo_glow.jpg) top left no-repeat; }

h1 a { 
display: block;
width: 252px;
height: 76px;
text-decoration: none;
text-indent: -5000px;
background: url(/images/shared/logo.jpg) bottom left no-repeat; } 

#header h2 { margin: 0px; color: #ff3735; font-size: 36px; letter-spacing: -2px; }

#header h2.services, h2.services a, h2.services a:link { text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: normal; color: #369; font-size: 19px; font-weight: lighter; }

#header h2.services a:hover { text-decoration: underline; }

h3 { margin: 18px 0px 90px 0px; color: #356789; font-size: 21px; letter-spacing: -1px; font-weight: lighter; }  

h3.homey { margin: 18px 0px 50px 0px; } 

h4 { 
margin: 0px 0px 25px 0px;
color: #223D51;
font-weight: normal;
font-size: 24px;
font-family: Georgia, "Times New Roman", Times, serif; }

h5 { margin: 0px; color: #ff0000; font-weight: normal; font-size: 14px; }

h5 a, h5 a:visited { text-decoration: none; color:#ff0000; }
h5 a:hover { text-decoration: underline; }

h6 { margin: 15px 0px 10px 0px; font-weight: normal; font-size: 14px; }


/* ---------  main navigation --------- */
#main_nav {
list-style:none;/* remove the left style */ 
width: 922px;
overflow: hidden; }

#main_nav ul {
margin-top: 0px;
padding-left: 0px;
margin-left: 0px; }

#main_nav li {
float: left;
display: inline;
list-style: none; 
text-align: center;
margin: 0px; }

#main_nav li a { color: #345a0e; padding-top: 16px; height: 38px; text-decoration: none; }
 
#main_nav li.home, #main_nav li.home a, #main_nav li.home a:link {
background:url(/images/nav/home_off.jpg) top left no-repeat;
display: block;
width: 124px; }

#main_nav li.home a:hover, #main_nav li.home a.current { background: url(/images/nav/home_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.services, #main_nav li.services a, #main_nav li.services a:link {
display: block;
background: url(/images/nav/services_off.jpg);
width: 123px; }

#main_nav li.services a:hover, #main_nav li.services a.current { background: url(/images/nav/services_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.portfolio, #main_nav li.portfolio a, #main_nav li.portfolio a:link {
display: block;
background: url(/images/nav/portfolio_off.jpg);
width: 123px; }

#main_nav li.portfolio a:hover, #main_nav li.portfolio a.current { background: url(/images/nav/portfolio_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.about, #main_nav li.about a, #main_nav li.about a:link {
display: block;
background: url(/images/nav/about_off.jpg);
width: 123px; }

#main_nav li.about a:hover, #main_nav li.about a.current { background: url(/images/nav/about_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.blog, #main_nav li.blog a, #main_nav li.blog a:link {
display: block;
background: url(/images/nav/blog_off.jpg);
width: 123px; }

#main_nav li.blog a:hover, #main_nav li.blog a.current { background: url(/images/nav/blog_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.contact, #main_nav li.contact a, #main_nav li.contact a:link {
display: block;
background: url(/images/nav/contact_off.jpg);
width: 123px; }

#main_nav li.contact a:hover, #main_nav li.contact a.current { background: url(/images/nav/contact_on.jpg) top left no-repeat; color: #ff3735; }

#main_nav li.sitemap, #main_nav li.sitemap a, #main_nav li.sitemap a:link {
display: block;
background: url(/images/nav/sitemap_off.jpg);
width: 124px; }

#main_nav li.sitemap a:hover, #main_nav li.sitemap a.current { background: url(/images/nav/sitemap_on.jpg) top left no-repeat; color: #ff3735; }


/* ---------  testimonial blockquote --------- */

blockquote {
width: 415px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 2em; /* 24px */
padding-top: 2em;
margin: 0px 0px 50px 50px;
background: url('/images/shared/quote_open.gif') no-repeat left 5px;
}

blockquote p {
display: block;
width: 375px;
padding: 0px 20px 20px 20px;
background: url(/images/shared/quote_closed.gif) bottom right no-repeat; }


/* ---------  bullet lists --------- */

#checkmark ul {  
width: 450px;
margin: 10px 0px 25px 0px; }

#checkmark li {
display: block;
padding: 15px 0px 0px 20px; 
background: url(/images/shared/check_mark.gif) top left no-repeat; }


/* ---------  portfolio images --------- */

#porto {
padding: 5px;
width: 530px;
border: 1px solid #ccc; }

/* ---------  home page stuff --------- */

#blog_iframe {
float: left;
padding: 0px 0px 0px 0px;} 


#hm_boxes { 
float: left;
margin-top: 20px;
color: 666;
line-height: 25px;
padding: 45px 45px 15px 15px;
width: 234px;
background: url(/images/home/home_corner.gif) top right no-repeat; }

#hm_boxes h4 {
font-size: 22px;
padding: 4px 20px 5px 30px;
background: url(/images/shared/green_arrow.gif) top left no-repeat;  }

#hm_boxes p.date {
color: #999999;
width: 220px;
font-size: 10px;
margin: 25px 0px 0px 0px;
padding: 0px;
text-transform: uppercase;
}

#hm_boxes p.linker { width: 220px; line-height: 16px; margin: 0px; padding: 0px; }

#hm_boxes p {
width: 150px;
margin: 5px 0px 25px 0px; }

#porto_tmb a {
display: block;
padding: 3px;
margin-bottom: 5px;
border: 1px solid #ccc;
}

#porto_tmb a:hover {
border: 1px solid #666;
}

#hm_boxes li {
display: block;
background: none;
list-style: none;
margin-left: 0px;
padding: 5px 0px 5px 20px;
text-decoration: none; }

#hm_boxes li a {
background: none;
display: inline;
list-style: none;
margin-left: 0px;
padding: 5px 0px 5px 20px;
text-decoration: none; }
 




/* --------- footer --------- */ 

#footer_nav { 
float: left;
width: 882px;
margin: 10px 0 0 0;
padding: 80px 0px 30px 0px;
background: url(/images/shared/bottom_shadow.jpg) top center no-repeat; }

#footer_nav ul, #footer_nav_home ul {
text-align: center; }

#footer_nav li, #footer_nav_home li {
border-right: 1px solid #ccc;
list-style: none;
padding: 0px 20px 0px 20px;
margin: 0px;
display: inline; }

#footer_nav li, #footer_nav li a, #footer_nav li a:link, #footer_nav_home li, #footer_nav_home li a, #footer_nav_home li a:link { color: #579228; text-decoration: none; }
#footer_nav li a:hover, #footer_nav_home li a:hover { text-decoration: underline; }
#footer_nav li.last, #footer_nav_home li.last { border-right: 0px solid #333333; }

#footer_nav p, #footer_nav_home p { color: #999; text-align: center; font-size: 10px; width: 882px; }



/* Contact Form
---------------------------------------------------------- */
#contactform label {
display: block;
margin-top: 10px;
margin-bottom: .3em;
font-weight: normal; font-size: 14px; }

#contactform label.loud {
margin: 0 1em 0 0;
color: #333;
padding-top: .3em;
padding-bottom: .3em; }

#contactform input.float  {  
padding: 4px;
border: 1px solid #c9c9c9;
font-size: 1em;
width: 300px;
line-height: 2em;
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #fff url(/images/contact/background_input.gif) no-repeat 0 0;
 }

#contactform ol { background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px; }

#contactform li { clear: left; background: none !important; list-style: none; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px !important; }

#contactform textarea  {
width: 100%;
width: 420px;
border: 1px solid #c9c9c9;
background: #fff url(/images/contact/background_input.gif) no-repeat 0 0; }

#contactform input.checkbox { clear: left; color: #333; margin: 0px 3px 0px 0px; }

#contactform p { font-size: 11px; color: #333; margin: 0px 0px 0px 0px !important; padding: 0px 0px 10px 0px; }

#contactform em { margin: 9px 0px 0px 5px; color:#CC0000; font-weight: bold; font-size: 22px; font-style: normal; }

/* WP Stuff */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}







#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 50px;
	margin-left: 545px;
	width: 160px;
}

#sidebar form {
	margin: 0;
}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;

	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

/* Begin Structure */

.narrowcolumn {
        display: block;
	float: left;
	padding: 0 0 20px 45px;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

/* End Structure */

.postheadline {
       color: #123054;
       text-decoration: none;
}

.postheadline a {
       color: #123054;
       text-decoration: none;
}

#respond {
       padding: 0px 0px 0px 35px;
       height: 30px;
       background: #ffffff url(/images/blog/post_comments_bubble.gif) top left no-repeat;
}