/*************************************************************************
/*************************************************************************
****																																							********
****		FILENAME:       css/style.css																********
****		DESCRIPTION:    CSS for Kilojolts												********
****		AUTHOR:					Chip Sheppard															********
****		AUTHOR URI:			http://sheppco.com/										********
****		CREATION DATE:  06/20/2009															********
****		LAST MODIFIED:  11/29/2010																********
****																																							********
/*************************************************************************
/*************************************************************************/

/*  GLOBAL  --------------------------------------------------- */
body, div, h1, h2, h3, h4, h5, h6, ul, li, p { margin:0; padding:0; }

body {	font:12px/22px Arial, Helvetica, sans-serif; color:#7c7e81; background:url(../images/bg_page.gif) repeat-x #fff; }
body#home {	background:url(../images/bg_page_home.gif) repeat-x #fff; }
body#slide {	background:none; }

a img { border:none; text-decoration:none; }
a {	color:#f34607; text-decoration:none; }
a:hover {	color:#000; }

li { list-style-type:square; }
p { margin:5px 0 20px 0; }
td { vertical-align:top; }

.clear { clear:both; }
.alignright { float:right; padding:0 0 0 15px; }
.alignleft { float:left; padding:0 15px 0 0; }
.divider { margin:15px 0; border-top:1px solid #333; }

/*
#bg_wrap { background:url(../images/bg_green2.gif) no-repeat center 209px; }
#bg_wrap_home { background:url(../images/bg_green2.gif) no-repeat center 495px; }
*/

#wrapper { position:relative; width:945px; margin:0 auto; }


/*  TEXT   --------------------------------------------------- */

h3 { font-size:16px; color:#6f833d; margin:15px 0 0 0; }
h4 { font-size:14px; color:#000; margin:0; line-height:24px; }
h5 { font-size:20px; color:#fff; margin:25px 0 10px 0; line-height:24px; font-weight:normal; }
h6 { font-size:16px; color:#fff; margin:25px 0 10px 0; line-height:24px; font-weight:normal; }

h4 a { color:#000;}
h4 a:hover { color:#f34607;}

.small { font-size:10px; }
.color1 { color:#889e4c; }
.color2 { color:#7ad1f4; }

.gbox { border:1px dashed #328c62; padding:15px; width:565px; margin:25px 0; }


/*  HEADER   --------------------------------------------------- */

#header { height:58px; padding:30px 0 0 0; font-size:14px; }
#logo { float:left; padding:0 0 0 15px; width:200px; }

#topmenu { float:right; margin:15px 0 0 0; width:400px; font-size:12px; color:#6f833d; }
#topmenu li { float:left; list-style:none; }
#topmenu li a { display:block; padding:0 25px 0 0; color:#6f833d; }
#topmenu li a:hover { color:#000; }

/*  MENU   --------------------------------------------------- */

#menu { position:relative; height:29px; line-height:normal; font-size:13px; }
#menu li { float:left; list-style:none; }
#menu li a { display:inline-block; height:23px; padding:7px 15px 0 15px; letter-spacing:1px; color:#fff; }
#menu li a:hover { background:url(../images/bg_menu_roll.gif) repeat-x; }

/* subnav dropdowns */
#menu li ul { position:absolute; top:29px; z-index:10; list-style-type:none; visibility:hidden; }
#menu li ul li { float:none; display:block; }
#menu li ul li a { display:block; color:#6f833d; background:url(../images/menu_bg.png); padding:2px 15px 0 15px; border-left:1px solid #6f833d; border-right:1px solid #6f833d; border-bottom:1px solid #6f833d; border-top:none; }
#menu li ul li a:hover { color:#000; background:url(../images/menu_bg.png); }


/*  CONTENT   --------------------------------------------------- */

/* HOMEPAGE */
/* forms */
input { display:inline; }
#home #forms { height:30px; padding:15px 0 0 15px; }
#home #forms #search-form { float:left; width:500px; }
#home #forms #search-form #searchbox #s { float:left; width:414px; height:23px; padding:3px 0 0 5px; background:url(../images/searchbox.gif) no-repeat; border:none; color:#9ea0a2; }
#home #forms #search-form #searchbox #submit { float:left; width:29px; height:19px; margin:3px 0 0 5px; background:url(../images/b_go.gif) no-repeat; border:none;}
#home #forms #signup-form { float:right; width:320px; margin-right:30px; }
#home #forms #signup-form #signupbox #s { float:left; width:248px; height:23px; padding:3px 0 0 5px; background:url(../images/signupbox.gif) no-repeat; border:none; color:#9ea0a2; }
#home #forms #signup-form #signupbox #submit { float:left; width:55px; height:20px; margin:3px 0 0 5px; background:url(../images/b_signup.gif) no-repeat; border:none;}

/* home content */
#content_home { clear:both; width:930px; margin:10px 0 0 15px; }
#leftcol_home { float:left; width:620px; }
#rightcol_home { float:left; width:310px; margin:0 0 0 5px; }

#content_home2 { float:left; width:930px; margin:9px 0 0 15px; display:inline-block; background:url(../images/bg_right.gif) repeat-y 614px; }
#leftcol_home2 { float:left; width:600px; padding:25px 0 0 0; }
#rightcol_home2 { float:left; width:280px; margin:0 0 0 30px; }
#rightcol_home2 a { color:#fff; }
#rightcol_home2 a:hover { color:#fff; text-decoration:underline; }

#leftcol_home2 h1{ font-size:18px; margin:0; color:#000; }
#rightcol_home2 #twitter_div{ margin:30px 0 0 10px; padding:0 25px 0 0; color:#231f20; line-height:normal; }

/* home box */
#homebox { background:url(../images/homebox.gif) no-repeat; width:607px; height:306px; padding:2px 0 0 0; }
#homebox .pad { padding:0 25px 0 0; }
#homebox h2 { color:#f34607; font-size:72px; font-weight:normal; letter-spacing:1px; margin:25px 0; }
#homebox #hilite { font-size:18px; line-height:30px; padding:10px 0; }

/* title */
#title { padding:6px 0 0 15px; }
#title h1 { float:left; font-size:42px; color:#f34607; font-weight:normal; line-height:normal; margin:10px 0 0 0; letter-spacing:1px; }
#title h1 span { font-size:24px; position:relative; top:-5px;}
#title #tag { float:left; margin:20px 0 0 15px; font-size:18px; color:#000; letter-spacing:1px; }
#title #icon { float:right; margin:10px 80px 0 0; font-size:20px; color:#f34607; }
#title #icon img  { float:left; padding:0 5px 0 0; }

/* twitter */
#rightcol #twitter_div { margin:0 0 0 10px; padding:0 25px 0 0; line-height:normal; }
#twitter_div ul { }
#twitter_div li { padding:6px 0; list-style:none; }
#twitter_div #twitter-link { display:block; font-weight:bold; font-size:14px; margin:15px 0; }

/* SUB PAGES */
#content { clear:both; float:left; width:930px; margin:27px 0 0 15px; display:inline-block; background:url(../images/bg_right.gif) repeat-y 622px; }
#content ul { margin:5px 0 15px 15px; }
#content ul.ntp { margin:0 0 15px 15px; }
#content h2 { font-size:24px; color:#f34607; font-weight:normal; letter-spacing:1px; line-height:normal; margin:0 0 25px 0; }

#leftcol { float:left; width:518px; padding:45px 0 20px 0; }
#leftcol #left { float:left; width:230px; margin:25px 0 0 0; }
#leftcol #right { float:left; width:250px; margin:25px 0 0 20px; }

#rightcol { float:left; width:280px; margin:0 0 0 120px; padding:25px 0 15px 0; line-height:18px; color:#231f20; }
#rightcol p.intro { font-weight:bold; }
#rightcol a { color:#fff; }
#rightcol a:hover { color:#fff; text-decoration:underline; }

#intro { font-size:16px; line-height:20px; margin:0; color:#000; }
.stories { clear:both; border-bottom:1px solid #333; padding:0 0 15px 0; margin:15px 0; height:88px; }

#bluebox { background:url(../images/bluebox.png) no-repeat; width:267px; height:183px; padding:15px 0 5px 15px; line-height:normal; }
#bluebox #hilite { font-size:16px; font-weight:bold; padding:0 0 5px 0; }
#bluebox h3 { margin:0; }
#bluebox h3 a { color:#f34607; }
#bluebox h3 a:hover { color:#f34607; text-decoration:underline; }
#bluebox h4 { font-size:24px; color:#fff; margin:5px 0 10px 0; font-weight:normal; }
#bluebox a { color:#fff; }
#bluebox a:hover { color:#fff; text-decoration:underline; }

.screenshot { width:225px; background:#6d6f71; padding:1px 1px 5px 1px; color:#fff; margin:0 0 15px 0; }
.screenshot span { font-size:9px; }
.screenshot a { color:#fff; }
.screenshot a:hover { color:#ccc; }
.more { margin:10px 0; }

.caption_r { float:right; border:1px solid #999; font-size:11px; color:#777; text-align:center; padding:5px; margin-left:15px; }

table.s { border-collapse:collapse; font-size:10px; line-height:normal; }
table.s td.th { background:#666; color:#fff; text-align:center; font-weight:bold; vertical-align:bottom; }
table.s td.h { font-weight:bold; }
table.s tr.c1 { background:#eee; }
table.s tr.c1 td { border:1px solid #000; }
table.s tr.c2 { background:#ddd; }
table.s tr.c2 td { border:1px solid #000; }


/*  FOOTER   --------------------------------------------------- */
#footer_wrapper { clear:both; background:url(../images/bg_footer.gif) repeat-x; height:103px; border-top:5px solid #7ad1f4; }
#footer { width:930px; margin:0 auto; padding:22px 0 0 0;}
#footer img { padding-right:25px;}
#footer a {	color:#fff; text-decoration:underline;}
#footer a:hover {	color:#7ad1f4;}

/* SLIDE SHOW --------------------------------------------------- */

#slide td#leftCol { width:130px; padding:10px; font-size:11px; line-height:18px; }
#slide td#midCol { border-left:1px solid #000000; padding:0px 5px; }
td.slide_menu {	text-align:center; border:1px solid #cc9966; }
td.slide_menu a {	padding:3px 4px; display:block; }
td.slide_menu a:hover { background-color:#f1f1f2; }
td.slide_menu a.c { background-color:#f1f1f2; }
	
/* LIGHTBOX --------------------------------------------------- */

#lightbox, #lightbox-overlay { position:absolute; top:0px; left:0px; bottom:auto; right:auto; z-index:100; width:100%; height:auto; text-align:center; color:#333333; border:none; outline:none; line-height:0; text-decoration:none; background:none; word-spacing:normal; letter-spacing:normal; float:none; clear:none; display:block; }
#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {	text-decoration:underline; color:#999999; }
#lightbox-overlay { z-index: 90; background-color:#000000; height: 100%; position:fixed; }
#lightbox-overlay-text { text-align: right; margin-right: 20px; margin-top: 20px; color: white; font-size: 12px; cursor: default; line-height:normal; }
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {	color:#fff; }
#lightbox-overlay-text span { padding-left:5px; padding-right:5px; }
#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }
#lightbox-imageBox { position:relative; border:1px solid black; background-color:white; width:400px; height:400px; margin:0 auto; }
#lightbox-imageContainer { padding:1px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }

/* 
#lightbox-imageBox > #lightbox-nav { left: 0; } 
#lightbox-nav a { outline: none; }
*/

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display:block; width:49%; height: 100%; background:transparent url("../images/blank.gif") no-repeat; cursor:pointer; zoom:1; padding:0px; margin:0px; }
#lightbox-nav-btnPrev { left:0; right:auto; float:left; }
#lightbox-nav-btnNext { left:auto; right:0; float:right; }

/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover { background:url("../images/prev.gif") left 45% no-repeat; }
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover { background:url("../images/next.gif") right 45% no-repeat; }
*/

#lightbox-infoBox { font:10px Verdana, Helvetica, sans-serif; background-color:#FFFFFF; margin:0 auto; padding:0px; }	/* width: 100%;	padding: 0 10px 0; */
#lightbox-infoContainer { padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; color:#666; line-height:normal; }	/* height:30px; */
#lightbox-infoHeader { width:100%; text-align:center; }
#lightbox-caption { text-align:justify; }
#lightbox-caption-title { font-weight:bold; }
#lightbox-caption-description { font-weight:normal; }
#lightbox-infoFooter { margin-top:3px; color:#999999; }
#lightbox-currentNumber { display:block; width:49%; float:left; text-align:left; }
#lightbox-close { display:block; width:45%; float:right; text-align:right; }
#lightbox-close-button{ padding-left:30%; }
#lightbox-close-button:hover { color:#666666; }
#lightbox-infoContainer-clear { clear:both; visibility:hidden; }

/* SITE SEARCH --------------------------------------------------- */

.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }
.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.zoom_searchform { font-size: 100%; }
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }		
input.zoom_button {  }
input.zoom_searchbox {  }		
.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }
.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }		
.searchtime { font-size: 80%; }		
.recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; }
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}