/*
Theme Name: Kcalb
Theme URI: http://www.ryuka-design.com/Kcalb
Description: A theme by <a href="http://www.ryukadesign.com">Ryuka Design</a>.
Version: 1.0
Author: Selsek Lucas
Author URI: http://www.ryuka-design.com
License: GNU General Public License
License URI: licensing/README_License.txt
Tags: black, two-columns, custom-header, custom-background, threaded-comments
*/
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/************************************************************************************







GENERAL STYLING







*************************************************************************************/





body {
	font: .78em/150% 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #808080;
	-webkit-text-size-adjust: 100%;
	background:url(images/patterns/pattern4.png);
}
a {
	color:#414141;
	text-decoration: none;
	outline: none;
 transition: all ease-in-out .4s;
 -webkit-transition: all ease-in-out .4s;
 -moz-transition: all ease-in-out .4s;
 -o-transition: all ease-in-out .4s;
}
a:hover {
	color:#F96;
}
/* list */





ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}
/* headings */





h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin:0 0 10px 0;
	color:#000;
	font-family:"Open sans";
	text-transform: none;
	font-weight:300;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
blockquote p {
	position: relative;
	font-family: 'georgia', serif;
	color: #999;
	font-style: italic;
	font-size: 12px;
	line-height: 25px;
	background-color:#f7f7f7;
	margin:10px 0 10px 0px;
	padding:15px 30px 15px 30px;
}
/* reset webkit search input styles */




#top_background {
	width:100%;
	background-color:#111;
}
#nav_background {
	width:100%;
	background-color:#111;
	border-top:1px solid #2e2e2e;
	border-bottom:1px solid #111;
}
#title_background {
	background-color:#f7f7f7;
	border-bottom:1px solid #ddd;
}
#center_background {
			background-image:url(images/shadow-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#fff;
	z-index:1;
	margin:-1px 0 0 0;
	overflow:hidden;
	position:relative;
}

.wrapper {
	width:1000px;
	margin:0px auto;
	position:relative;
	background-color:#FFF;
}

#footer_bg {
	background:#1c1c1c;
	width:100%;
	margin:0px auto;
	position:relative;
	overflow:auto;
}
#footer_background{
	background-color:#1c1c1c;
	}
#footernav_background{
	background-color:#111;
	border-top:1px solid #282828;
	}
#footernav_bg {
	background-color:#111111;
	border-top:1px solid #282828;
	width:100%;
	margin:0 auto;
	overflow:auto;
}
#footerissimo{
	float:left; 
	font-size:10px; 
	padding:12px 20px 0 0;
	color:#AAAAAA;
}

/************************************************************************************





HEADER TOP BAR (message and com icon)
*************************************************************************************/
#top_message {
	font-family:'PT sans', Times, serif;
	font-size:16px;
	text-align:right;
	vertical-align:middle;
	width:50%;
	display:table-cell;
	padding-right:30px;
	color:#ccc;
}
/************************************************************************************







HEADER







*************************************************************************************/

header {
	display:table;
	position: relative;
	z-index:4000;
	height: 125px;
	width:100%;
	overflow:visible;
	margin:0 0px 0 0px;
	padding:0 0px 0 0px;
	background-color:#111;
 transition: all ease-in-out .4s;
 -webkit-transition: all ease-in-out .4s;
 -moz-transition: all ease-in-out .4s;
 -o-transition: all ease-in-out .4s;
}

#site-logo-img {
	display:table-cell;
	vertical-align:middle;
	position:relative;
	padding:0 0 0 30px;
	z-index:10001;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}
/* searchform */



/************************************************************************************





MAIN NAVIGATION





************************************************************************************/


nav {
	height: 40px;
	width:100%;
	z-index:10000;
	margin:-1px 0 0px 0;
	position:relative;
	border-top:1px solid #2e2e2e;
	background-color:#111;
}

.sh_bottom {
	box-shadow:-100px -100px 0px 0px #FFFFFF, 0px 5px 55px 20px rgba(51, 51, 51, 0.4), 2px 2px 2px #333333;
	border-radius:1.5em 1.5em 5.0em 5.0em;
	background-color: rgba(255, 255, 255, 100);
}
nav select {
	display: none;
}
nav ul ul span {
	display: none;
}
nav ul {
	margin: 0px 0px 0 30px;
	padding:0;
	float:left;
	list-style: none;
	line-height: 10px;
}
nav ul a {
	display: block;
	position: relative;
	font-family: 'PT Sans', sans-serif;
	color: #ddd;
	z-index:100;
	height: 10px;
	text-transform:uppercase;
	text-align:center;
	font-weight:700;
	letter-spacing:0.1em;
 transition: all ease-in-out .4s;
 -webkit-transition: all ease-in-out .4s;
 -moz-transition: all ease-in-out .4s;
 -o-transition: all ease-in-out .4s;
}
nav a:after {
	color: #aeaeae;
	content: attr(data-description);
	font-size: 11px;

	font-style:italic;
	font-weight: 400;
	display: block;
	line-height: 0;
	margin: 3px 0 -3px;
	text-align: center;
	letter-spacing:0.01em;
	text-transform: lowercase;
}
nav ul li {
	float: left;
	display: inline-block;
	margin: 0;
	z-index:1;
	position: relative;
	z-index: 10000;
	list-style: none;
	font-size: 13px;
	line-height:17px;
}
nav ul li:hover {
	visibility: inherit;
}
nav ul ul {
	position: absolute;
	top: -9999em;
	width: 160px;
	line-height: 20px;
	padding: 0 0 0 0;
	margin:0;
	background-color: #414141;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-top:1px solid #ebebeb;
}
nav ul ul li {
	width: 100%;
	border:none;
}
nav ul ul li:last-child {
	border:none;
}
nav ul ul li:first-child:after {
	background: #fff;
	border:1px solid #ebebeb;
	position: absolute;
	top: -5px;
	content: '';
	left: 15%;
	display: block;
	height: 10px;
	width: 10px;
	margin: 0 0 0 -2.5px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
nav ul ul ul li:first-child:after {
	display:none;
}
nav ul li:hover ul, nav ul li.sfHover ul {
	left: 0px;
	top: 51px;
	z-index: 100000;
}
nav ul li a {
	padding: 10px 15px 16px 15px;
}
nav ul li:hover li ul, nav ul li.sfHover li ul, nav ul li li:hover li ul, nav ul li li.sfHover li ul, nav ul li li li:hover li ul, nav ul li li li.sfHover li ul {
	top: -9999em
}
nav ul li li:hover ul, nav ul li li.sfHover ul, nav ul li li li:hover ul, nav ul li li li.sfHover ul, nav ul li li li li:hover ul, nav ul li li li li.sfHover ul {
	left: 155px;
	top:-1px;
}
.current-menu-item a, .current-menu-parrent a {
}
nav ul a:hover {
}
.current-menu-item ul li a, .current-menu-parrent ul li a {
	border:none;
 !important
}

/************************************************************************************




	


CONTENT







*************************************************************************************/











#page {
	overflow: hidden;
	margin:0px 0px 0px 0px;
	padding:50px 30px 30px 30px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
		background-image:url(images/shadow-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	z-index:1;
}


#center_background:before, #center_background:after{
		background: none;
	-webkit-box-shadow: 0 0 1px 1px rgba(100, 100, 100, 0.1);
	-moz-box-shadow: 0 0 1px 1px rgba(100, 100, 100, 0.1);
	box-shadow: 0 0 1px 1px rgba(100, 100, 100, 0.1);
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
}
	
	
	
	

#page_content {
}

#title {
	margin:-1px 0px 0 0px;
	background-color:#f7f7f7;
	padding: 20px 0 20px 0;
	overflow:auto;
/*	border-bottom:1px solid #EEE;*/ 
}
.page_title {
	position:relative;
	font-size:26px;
	color:#000;
	text-align:center;
	width:auto;
	z-index:1;
	margin:0px 0px 0 0px;
	padding:0px 0px 5px 0px;
	font-family:'Open sans';
	font-weight:300;
	line-height: 1.25;
}



/* 


FOOTER



*************************************************************************************/

#footernav {
	overflow:hidden;
	min-height:46px;
	height:auto;
	width:auto;
	padding:0 30px 0 30px;
}

#footernav a {
	color:#aaaaaa;
}

#footernav ul {
	width:auto;
	margin:0;
	padding:14px 0 0 0;
	color:#aaaaaa;
	font-size:10px;
	list-style:none;
	float:left;
}
#footernav li {
	float:left;
	color:#aaaaaa;
	padding:0 15px 0 0;
}









textarea, select {
	font-size: 12px;
	font-family:'Open sans';
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
 transition: all ease-in-out .4s;
 -webkit-transition: all ease-in-out .4s;
 -moz-transition: all ease-in-out .4s;
 -o-transition: all ease-in-out .4s;
}
input[type=text], input[type=password], textarea {
	border: none;
	color: #9e9e9e;
	padding: 6px 0 6px 0;
	margin-bottom:20px;
	border:1px solid #ebebeb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type=text] {
	margin-left:0px;
	padding-bottom:5px;
	max-width: 100%;
	font-size:12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {
	outline: none;
	background: #FFF;
}
input[type=reset], input[type=submit] {
	display: inline-block;
 *display: inline;
	padding: 4px 10px 4px;
	margin-bottom: 0;
 *margin-left: .3em;
	text-align: center;
	font-size:13px;
	font-family:"PT sans";
	letter-spacing:0.5px;
	margin-top:-5px;
	color:#fff;
	background-color:#0CF;
	color:#fff;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: none;
	border-bottom:rgba(0, 0, 0, .1) 1px solid;
	
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px!important;

}
input[type=reset], input[type=submit], input[type=reset]:hover, input[type=submit]:hover, input[type=reset]:active, input[type=submit]:active {
}
input[type=reset], input[type=submit] {
	background-color: #0CF \9;
}
input[type=reset]:hover, input[type=submit]:hover {
	/*color: #fff;
	text-decoration: none;*/
	/* Buttons in IE7 don't get borders, so darken on hover */

  /*background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;*/
}
input[type=reset]:focus, input[type=submit]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
input[type=reset]:active, input[type=submit]:active {

	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
