/*
Theme Name: Krav
Description: Custom theme designed for www.krav.pro
Version: 1.0
Author: Bill Reed, 404.918.7761, support@etowahriver.net
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/

/* RESET DEFAULT STYLES */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
       background: transparent;
}
body {
       line-height: 10;
}
ol, ul {
       list-style: none;
}
blockquote, q {
       quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
}
:focus {
        outline: 0;
}

ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}
/* END RESET */

/* MAIN BODY
   Formatting that applies to the whole website, except where a specific tag
   supercedes the generic body tags. Since we reset all the default values above
   any tag that is not defined will receive the body tag formatting
*/
body {
        behavior: url(cshover3.htc);
        background: url(images/bodybg3.jpg) #666; 
        background-repeat: repeat-x; */
	margin: 0;
	padding: 20px;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	text-align: justify;
	color: #222;
}

/* Hides Contact form so we can open it with Thickbox */
.contact {
        display: none;
}

/* END MAIN BODY */

/* Container is the body of the page, it contains the:
   1. Header  - area above the menu
   2. Navbar  - menu
   3. Slider  - sliding images below navbar on front page
   3. Posts   - main area for text below the menu
   4. Sidebar - area in box to right of each page, except the home page
*/
#container {
	width: 1000px;
	margin: auto;
        padding: 0;
        background: url(images/containerbg2.jpg) #222; 
        background-repeat: repeat-x; 
        border: 1px solid black;
        z-index: 1;
}

table {
        margin: 10px;
        border: 1px solid #AAA;
}


th {
        font-weight: bold;
        font-size: 20px;
        padding: 5px;
        background: #ccc;
        color: #222;

}

td {
        margin: 5px 0 10px 10px;
        padding: 1px;
        font-size: 14px;
        vertical-align: top;
        text-align: center;
        background: #eee;
        color: #222;
}

td.left {
        width: 150px;
        text-align: right;
        color: red;
}

td.right {
        font-size: 20px;
        text-align: left;
}

p.ref {
        color: red;
        padding: 0 0 0 20px;
        font-size: 12px;
        font-style: italic;
}

.center {
        margin-left: auto;
        margin-right: auto;
}



/* HOME PAGE */
div#hidden {
   display: none;
   float: left;
}

/* END HOME PAGE */

/* HEADER */
#header {
	height: 100px;
        background: url(/wp-content/gallery/misc/banner5.jpg) no-repeat; 
 /*       background-position: center; */
}

#header h1 {
        color: white;
	margin: 0;
	font-size: 40px;
        font-weight: bold;
}

#header a {
	text-decoration: none;
	color: red;
}

#header a:hover {
/* 	color: #0195c5;*/
        color: #AAA;
}

#header #search {
	position: absolute;
	top: 40px;
	right: 50px;
	height: 20px;
}

#header #s {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	width: 205px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

#header #searchsubmit {
	height: 20px;
	width: 20px;
	border: 1px blue;
	cursor: pointer;
	background: url(images/searchsubmit.gif);
	background-repeat: no-repeat;
	display: none;
}

#login {
	text-align: right;
}
/* END HEADER */


/* MENU */
#navbar {
        margin: 0;
        padding: 0;
        background: black;
        width: 100%;
}

#navbar ul {
        margin: 0;
        padding: 0;
}

#navbar a {
        display: block;
        padding: 4px 0 5px 0;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        background: black;
        color: red; 
}

#navbar a:hover {
        display: block;
        position: relative;
/*        background: url(images/navbar_button_hover.jpg) red; */
        background: url(images/navbar-button-hover2.jpg) repeat-x;
	color: black; 
        text-decoration: none;
	font-weight: bold;
        z-index: 3;
}

#navbar li {
        list-style: none;
        float: left;
       clear: right;
        width: 110px;  
}

#navbar li ul {
        list-style: none;
        position: absolute;
        background: black;
        width: 111px; 
        left: -999em;
}

#navbar li:hover > ul {
        position: absolute;
        left: auto;
        z-index: 1;
}
/* END MENU */

#break {
  position: relative;
  clear: left;
  width: 1000px;
  height: 0px;
        border-bottom: 2px solid red;
}


/* SLIDER */
#slider {
        border-bottom: 2px solid red;
}
#slider ul, #slider li, #slider2 ul, #slider2 li{
        position: relative;
	width:1000px;
	height:300px;
        margin: 0;
	padding:0;
	list-style:none;
        overflow: hidden;
}

#slider2{}
	
}

#slider li, $slider2 li{
        overflow: hidden;
}

#prevBtn, #slider1prev { 
	display:block;
	position:relative;
        width: 120px;
        height: 120px;
	z-index:1000;
}	
	
#prevBtn a, #slider1prev {  
        position: static;
        margin: -190px 0 0 -25px;
	display:block;
        width: 120px;
        height: 120px;
	background: url(/wp-content/gallery/misc/prev.png) no-repeat;	
}	

#prevBtn a:hover {
	background: url(/wp-content/gallery/misc/prev_hover.png) no-repeat;	
}
	
#nextBtn a, #slider1next a{ 
	display:block;
        width: 120px;
        height: 120px;
	background: url(/wp-content/gallery/misc/next.png) no-repeat;	
}	

#nextBtn, #slider1next{ 
	margin: -122px 0 65px 945px;
	display:block;
	position:relative;
        width: 120px;
        height: 120px;
	z-index:1000;
}	

#nextBtn a:hover {
	background: url(/wp-content/gallery/misc/next_hover.png) no-repeat;	
}

/* numeric controls 
ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
 // Easy Slider */
/* END SLIDER */


/* POSTS - blog */
#posts {
	width: 750px;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
        border-right: 1px solid red; 

}

.commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
        padding: 5px;
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
        margin: 10px;
        padding: 10px 10px;
        font-size: 16px;
	color: white;
        overflow: auto;
}


.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.post p {
        margin: 5px 5px 15px 5px;
        font-size: 20px;
        line-height: 150%;
}

.post h1 {
        margin: 20px 5px;
	font-size: 40px;
	font-weight: bold;
        color: #C00;
}

.post h2 {
        margin: 30px 5px 20px 5px;
	font-size: 24px;
	font-weight: bold;
        font-style: italic;
        color: #C00;
}

.post h3 {
        margin: 10px 5px;
	font-size: 20px;
	font-weight: bold;
}

.post ul {
        margin: 5px 40px;
        font-size: 18px;
        list-style-type: square;
        list-style-position: outside;
        line-height: 150%;
}

.post a, .navigation a {
	color: red;
}

.post a:hover, .navigation a:hover {
	/*color: #0195c5;*/
        color:#AAA;
}

.post a img {
	border: none;
}

.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.post img {
}

.post img.alignleft {
	float: left;
        clear: right;
}

.post img.alignright {
	float: right;
	margin: 0 0 20px 20px;
        padding: 5px;
        background: white;
        border: 1px solid black;
}

.post img.aligncenter {
	text-align: center;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

.post p.ref {
        margin: 0 0 20px 0;
        color: red;
        padding: 0 0 0 20px;
        font-style: italic;
        font-weight: bold;
}
.post table {
        background: #222;
        color: white;
        border-collapse: collapse;
        padding: 10px;
}

.colleft {
   float: left;
   width: 330px;
   margin: 0 5px 10px 0;
   padding: 5px;
}

.colright {
   float: right;
   width: 330px;
   margin: 0 0 10px 5px;
   padding: 5px;
}

.clearboth {
   clear: both;
}


/* END POST */

/* SIDEBAR */
.sidebar {
        margin: 0 0 0 750px;
        padding: 10px 10px 0 10px;
        border-left: 1px solid red; 
}

.sidebar h2 {
	margin: 0 0 10px -5px;
        padding: 0 5px;
	font-size: 16px;
        color: red;
}


.sidebar ul li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 5px;
        font-size: 12px;
        text-align: left;
        color: white;
}


.sidebar a {
        text-align: left;
        font-size: 16px;
	color: red;
}

.sidebar a:hover {
/*	color: #0195c5;*/
        color: #AAA;
}

#crimestats {
       clear: right;
       padding: 10px;
       background: #000;
       font-weight: bold;
       border: 1px double red;
       font-size: 20px;
       color: red;
       background: #000;
}

/* END SIDEBAR */

/* FOOTER */
#footer {
	clear: both;
        background: black;
        width: 1000px;
        margin: 0 0 -10px 0;
}

#footer p {
	position: relative;
        margin: 5px 10px 10px 50px;
	font-size: 16px;
        color: #ddd;
}

#footer a {
	color: red;
	text-decoration: none;
}

#footer a:hover {
/*        color: #0195c5;*/
        color: #AAA;
}
/* END FOOTER */
#address
        {
	        margin-left: 760px;
	        width: 220px;
	        border: 1px solid #222;
	        background: #222;
                color: red;
        }

#entry  {
        background: white;
        border: 1px solid red;
}