/*
   This is an alternate stylesheet for KGN Theme.
   Made by, Klas Gidlöf
*/

/* BACKGROUND IMAGES - Make sure this is at the top ***************************/
body { background: url('../images/light-body-bg.jpg') repeat-x; }
div#header { background: url('../images/light-header-bg.jpg') repeat-x; }
div#content { background: url('../images/light-content-bg.jpg') repeat-y; }
div#wrapper { background: url('../images/light-wrapper-bg.jpg') no-repeat; }
/* div#slideshow { background: url('../images/default-slideshow-bg.jpg'); } */
div#footer { background: url('../images/light-footer-bg.jpg') repeat-x; }

div#header-menu ul.tab-pages li.page_item { background: url('../images/light-tab-left.jpg') top left no-repeat; }
div#header-menu ul.tab-pages li.page_item a { background: url('../images/light-tab-right.jpg') top right no-repeat; }
	div#header-menu ul.tab-pages li.page_item:hover,
	div#header-menu ul.tab-pages li.current_page_item { background-position: 0 -51px; }
	div#header-menu ul.tab-pages li.page_item:hover a,
	div#header-menu ul.tab-pages li.current_page_item a { background-position: right -51px; }

div#sidebar .search input { background: url('../images/ico-32-search.png') no-repeat right; }
input#email { background: url('../images/ico-32-mail.png') no-repeat left; }
input#author { background: url('../images/ico-32-user.png') no-repeat left; }
input#url { background: url('../images/ico-32-url.png') no-repeat left; }

/* COLORS *********************************************************************/
	body,
	input,
	div#sidebar ul li ul li a:hover,
	div#navi .wp-pagenavi .pages,
	div#navi .wp-pagenavi span.current,
	div#navi .wp-pagenavi span.extend { color: #555; }
a, div#navi .wp-pagenavi a { color: #858585; }
h1 a, h2 a, h3 a, h4 a, h5 a, hr, div#sidebar, .boxed { color: #555; }
	a:hover,
	div#header-title p,
	div#sidebar #calendar_wrap tbody td:hover, div#navi .wp-pagenavi a:hover { color: #000; }
div#header-title h1 a span { color: #B0B0B0; }
	div#header-title h1 a,
	div#header-menu ul.tab-pages li.current_page_item a,
	div#header-menu ul.tab-pages li.page_item:hover a { color: #fff; }
div#header-menu ul li a { color: #f90; }
::selection { color: #fff; }

/* BACKGROUND COLORS **********************************************************/
body, div#header-title p { background-color: #edeadb; }
	div#header,
	div#comments ul li.alt,
	div#navi .wp-pagenavi a,
	div#navi .wp-pagenavi .pages,
	div#navi .wp-pagenavi span.current,
	div#navi .wp-pagenavi span.extend { background-color: #EFEEE1; }
hr { background-color: #B0B0B0; }
	div#header-title p,
	div#sidebar #calendar_wrap tbody td,
	.box-image img, div#main-wsb h1, div#main-wosb h1 { background-color: #fff; }
	div#sidebar .search input,
	div#comments input,
	div#comments textarea { background-color: #EFEEE1; }
	div#wrapper,
	div#sidebar ul li ul li ul,
	div#comments ul li,
	#comments ol li { background-color: #f3f1e7 }
div#sidebar #calendar_wrap thead, div#sidebar #calendar_wrap,
	div#sidebar #calendar_wrap caption, { background-color: #EDEADB; }
div#slideshow { background-color: #EFEEE1; }
.box-good { background-color: #e3f4e1; }
.box-notes { background-color: #fef8e0; }
.box-alert { background-color: #f4e1e1; }
.box-download { background-color: #e3f4e1; }
.boxed-image, .box-image { background-color: #EDEADB; }
.box-normal { background-color: #EDEADB; }
::selection { background-color: #f90; }
div#sidebar #calendar_wrap tbody td:hover { background-color: #f90; }

/* FONTS FAMILY ***************************************************************/
body { font-family: Lucida Grande, 'Verdana', Arial, Sans-Serif; }
div#header-title h1 { font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", sans-serif; }

/* FONT SIZE ******************************************************************/
body { font-size: 80%; }
div#header-title h1 { font-size: 3em; }
div#header-menu ul li, div#sidebar h2 { font-size: 1.6em; }
div#main-wsb h1, div#main-wosb h1 { font-size: 1.7em; }
div#sidebar { font-size: 1.1em; }
div#footer p { font-size: 1.2em; }

/* FONT WEIGHT ****************************************************************/
h1, h2, h3, h4, h5 { font-weight: normal; }
	div#sidebar .search input,
	div#sidebar #calendar_wrap caption,
	div#sidebar #calendar_wrap tbody td a, div#comments input { font-weight: bold; }

/* FONT DECORATION ************************************************************/
h1 a, h2 a, h3 a, h4 a, h5 a, li a, div#header-menu ul li a { text-decoration: none; }
li a:hover, div#header-title h1 a:hover { text-decoration: underline; }

/* FONT ALIGN *****************************************************************/
div#main-wsb h1, div#main-wosb h1, div#sidebar #calendar_wrap tbody tr td { text-align: center; }

/* BORDERS ********************************************************************/
hr { border: 0; }
img, .boxed img, div.post-ratings img { border: none;  }
/*div#wrapper,*/ .box-normal, .box-image, .box-image img {	border: 1px solid #fff; }
div#slideshow { border: 1px solid #fff; border-top: none; }
h2.archive-h2 { border-bottom: 1px solid #fff; }
	div#sidebar .search input,
	div#comments input,
	div#comments textarea, div#header-title p { border: 1px solid #C9C9C9; }
	div#comments ul li,
	#comments ol li { border-top: 1px solid #d1c7ba }
	div#navi .wp-pagenavi .pages,
	div#navi .wp-pagenavi span.current,
	div#navi .wp-pagenavi span.extend { border: 1px solid #fff }
	.box-button,
	.box-good,
	.box-notes,
	.box-alert,
	.box-download { border: 1px solid #fff; }
.box-image-small img { border: 1px solid #fff; }	
div#navi .wp-pagenavi a { border: 1px solid #C9C9C9; }
div#main-wsb h1, div#main-wosb h1 { border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; }

/* OPACITY ********************************************************************/
div#header-title p { filter: alpha(opacity = 20); -moz-opacity: 0.2; opacity: 0.2; zoom: 1; /* IE Hack */ }
div#header-title p:hover { filter: alpha(opacity = 100); -moz-opacity: 1; opacity: 1; zoom: 1; /* IE Hack */ }

/* PLUGINS ********************************************************************/
div.ngg-album-compactbox { background-color: #C9C9C9; }
	div.ngg-album-compactbox,
	div.ngg-album-link a.Link img.Thumb { border: 1px solid #B0B0B0; }
	div.ngg-album-link a.Link img.Thumb,
	div.ngg-albumcontent div.ngg-thumbnail a img.Thumb,
	div.ngg-gallery-thumbnail a img { background-color: #fff; }
	div.ngg-album-link a.Link img.Thumb:hover,
	div.ngg-gallery-thumbnail a img:hover { background-color: #f90; }
div.ngg-album { background-color: #f5f3ee; }
div.ngg-album { border-top: 1px solid #fff;	border-bottom: 1px solid #C9C9C9; }
div.ngg-albumtitle { font-size: 1.3em; text-align: center; }
	div.ngg-albumcontent div.ngg-thumbnail,
	div.ngg-gallery-thumbnail { background-color: #C9C9C9; }
	div.ngg-albumcontent div.ngg-thumbnail a img.Thumb,
	div.ngg-gallery-thumbnail,
	div.ngg-gallery-thumbnail a img,
	div.ngg-albumcontent div.ngg-thumbnail { border: 1px solid #B0B0B0; }