/*
Theme Name: Kreativ
Description: Fresh WordPress theme in grey-blue colors, two columns,  widget ready area and tons of functions. Featured Lead post, Automatic post thumbnail, Sidebar Featured posts, Dropdown category menu, Google Analytics etc. All in powerfull theme options menu.
Author: Dannci
Author URI: http://beatheme.com/
version: 1.4
Tags: blue, red, silver, tan, white, light, two-columns, right-sidebar, fixed-width, theme-options, threaded-comments, holiday, photoblogging, seasonal
*/


/* 
Kreativ WordPress theme is licensed under the GPL.
http://www.gnu.org/copyleft/gpl.html
*/



*{margin:0; padding:0;}

@font-face {
	font-family: Sertig;
	src: url("js/Sertig.otf") format("opentype");
}

body {
	background:#bebfc3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin:0 0 0 0;
	}

	
h1 { font-family:Sertig, Arial, Helvetica, sans-serif; font-size: 23pt;font-weight:normal;margin:10px 0;}
h2 { font-family:Sertig, Arial, Helvetica, sans-serif;font-size: 18pt; margin:10px 0;}
h3 { font-family:Sertig, Arial, Helvetica, sans-serif;font-size: 14pt; margin:10px 0;}
h4,h5,h6 { font-family:Sertig, Arial, Helvetica, sans-serif;font-size: 12pt; margin:10px 0;}

.pagetitle	{font-size: 16px; margin:40px 0 -20px 30px; height:20px; overflow:hidden;}

img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}
abbr{color: #222}

small{color:#999;text-shadow: 1px 1px 0px #fff; letter-spacing:1px; text-transform:uppercase}
small a{color:#999;text-shadow: 1px 1px 0px #fff;letter-spacing:1px;text-transform:uppercase;}

/* links */

a{
	color:#63b9f8;
	text-decoration:none;
	text-shadow: 1px 1px 0px #fff;
	}

a:hover{text-decoration: underline;}



/* container */

#containerwarp{
	background:url(images/cont-bg.png) repeat-x;
	}
	
#container {
	width:  970px;
	margin: 0 auto;
	padding:0;
	color:#000;
	overflow: hidden;
	}
	
/* header */

#pageswarp{ 
	float:left;
	width:100%;
	height:40px;
	overflow:hidden;
	background:url(images/pages-bg.png)
	}

#pages{
	width: 970px;
	margin:0 auto;
	overflow:hidden;
	}



#pages ul {
	width:720px;
	height:40px;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size:10px;
	float:right;
}

#pages ul li {
	list-style-type: none;
	float:right;
	margin:0;
	padding:0;
}

#pages ul li a {
	padding:12px 10px;
	height:40px;
	margin: 0;
	color: #63b9f8;
	display:block;
	text-shadow:none;
}

#pages ul li a:hover {
	background: #FFFFFF;
	color:#000;
	text-decoration:none;
}

/* head search */

.coco{
	overflow:hidden;
	width:200px;
	}


.searchformhead input.s{
	font-family:Arial, Helvetica, sans-serif;
	background:#21638c;
	float:left;
	margin:10px 0 10px 0;
	border:1px solid #2c7fb3;
	padding:3px 15px;
	color:#63b9f8;
	width:120px;
	font-size:10px;
	
	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}


.searchSubmit {
	width:17px; height:20px;
	float:right;
	cursor: pointer;
	background:url(images/btn-search.png) 0 2px no-repeat;
	border:none;
	}



/* header */
#headerwarp{ 
	float:left;
	width:100%;
	overflow:hidden;
	height:104px;
	background:#fff url(images/head-bg.gif);
	}

#header {
	width:  970px;
	margin: 0 auto; 
	color: #000;
	overflow:hidden;
	}

#header h1{
	font:normal 30pt;
	padding:27px 0 3px 0;
	margin:0;
	letter-spacing:-2px;
	font-weight: normal; 
	font-family:Sertig, Arial, Helvetica, sans-serif;
	text-transform:lowercase;	
	}
	
#header h1 a{
	color: #000; 
	text-decoration: none;
	font-weight: normal;
	text-shadow:none;
	}
#header h1 a:hover{color: #ccc; text-decoration: none;}


#header h2{
	font:normal 10pt Sertig, Arial, Helvetica, sans-serif;
	color:#4a7ab4;
	padding: 0 0 0 25px;
	margin:0;	
	}


#headerleft{ float:left;width:300px;}


#headerright{ float:right; width:650px;}




/* categories */

/* main menu */


#menu {
	font-family: Sertig, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12pt;
	width:650px;
	margin:22px 0;
	height:60px;
	overflow:hidden;
}


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

#menu ul li {
	list-style-type: none;
	float:right;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	padding:20px 25px;
	margin: 0;
	color: #bbb;
	display:block;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f7f7f7;
}

#menu ul li a:hover {
	background: #fff;
	color:#4a7ab4;
	text-decoration:none;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}

/* Style drop down list */

#secnav li ul {
	position: absolute;
	width: 1em;
	width: 188px;
	left: -999em;
	z-index: 10;
	border: 1px solid #e6e6e6;
	border-width:0px 1px 1px;
}

#secnav li li {
	font-weight: normal;
}

#secnav li:hover ul, #secnav li.sfhover1 ul {
	left: auto;
	border:none;
}

#secnav li ul li a {
	background: url(images/corner.png) no-repeat;
	line-height: 34px;
	color: #565656;
	font-size: 12px;
	width: 148px;
	padding: 0 20px;
	margin:0;
	border:none;
}

#secnav li ul li a {
}

#secnav li ul li a:hover {
	background: #f7f7f7;
	border:none;
}

#secnav li ul ul {
	margin: -34px 0 0 188px;
}

#secnav li:hover ul ul, #secnav li.sfhover1 ul ul {
	left: -999em;
}

#secnav li:hover ul, #secnav li li:hover ul, #secnav li.sfhover1 ul, #secnav li li.sfhover1 ul {
	left: auto;
}

/* IE7 Fix */

#secnav  li:hover, #secnav  li.hover {  
	position: static;
}





/* lead section */

#leadwarp{ 
	height:371px;
	background:url(images/feat-bg.png) top repeat-x;
	overflow:hidden;
	}

#lead{
	width:970px;
	margin: 0 auto;
	}

.big-text{
	margin:30px 0 30px 30px;
	width:410px;
	float:left;
	line-height:25pt;
	font-size:11pt;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px 1px 3px #333;
	}
	
.big-text a{
	color:#fff;
	text-shadow: 0px 1px 3px #222;
	}
.big-text p{
	margin:20px 0 5px 0;
	}

.big-text h1{
	color:#CCCCCC;
	}
	
.big-text h1 a{
	color:#63b9f8;
	text-shadow:none;
	}

.big-text h1 a:hover{
	color:#000;
	text-decoration:none;
	}

.readmore a{
	margin:30px 0 0 0;
	padding:5px 12px;
	background-color:#009933;
	border:1px solid #00a529;
	float:right;
	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
.readmore a:hover{
	text-decoration:none;
	background-color:#0099FF;
	border:1px solid #0066FF;
	}

.big-thumb{
	float:left;
	padding: 5px;
	background-color: #3e7197;
	border:1px solid #3a6b8e;
	margin: 30px 15px 2px 0;
	
	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}





/* content */


#content {
	float:left;
	width:590px;
	overflow: hidden;
	margin:80px 0 30px 0;
	background:#fff url(images/corner.png) no-repeat 1px 1px;
	border:1px solid #f3f3f3;
	}

.post {
	margin:30px 0;
	padding:30px;
	line-height: 20pt;
	}
	
.post h2{
	font:normal 20pt Sertig, Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	text-shadow: 1px 1px 0px #fff;
	}
	
.post h2 a{
	color: #000;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}

.post ul {}

.post li {}

.entry p{margin:20px 0;}

.thumb img {
	margin:0 30px 10px -4px;
	padding:5px;
	border:1px solid #ddd;
	background:#f7f7f7;
	overflow:hidden;
	float:left;
	}

.postmetadata{
	clear: both;
	background:#F7F6F6;
	padding: 20px 29px;
	margin: 20px -29px -29px -29px;
	border-top:1px solid #dddddd;
	font-weight:bold;
	overflow:hidden;
	}
	
.postmetadata a{
	color:#000000;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft	{float:left; margin:25px 0; display:inline;}
.alignright{float:right; margin:25px 0; display:inline;}



/* sidebar */

#sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:360px;
	float:right;
	margin:80px 0 30px 0;
	padding:0;
	color:#384464;
	background:#fff url(images/corner.png) no-repeat 1px 1px;
	border:1px solid #f3f3f3;
	}

#sidebar h2{
	font:normal 18pt Sertig, Arial, Helvetica, sans-serif;
	color: #000;	
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	text-shadow: 1px 1px 0px #fff;
	background:url(images/line.png) bottom repeat-x;
}

#sidebar label{
	font:normal 11pt Arial, Helvetica, sans-serif;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding: 0 6px 0 12px;}

#sidebar a {
	color:#000000;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:	0 0 30px 0;
	padding:30px;
	}

#sidebar ul li {
	margin:0 0 20px 0;
	padding: 0;
	line-height: 20pt;
	list-style-type: none;
	}
	
#sidebar ul li a{
	margin:0;
	padding: 0 0 0 20px;
	line-height: 20pt;
	list-style-type: square;
	background:url(images/bullet.png) no-repeat 0 3px;
	}
#sidebar .recentcomments a{ background: none;}
#sidebar ul li ul {
	border:none;
	padding:0;
	background:none;
}

#sidebar ul li ul li {
	list-style-type: none;
	margin:0;
	}

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

#sidebar ul ul ul li{
	padding: 0 0 0 15px;
	color: #898989;
}


/* featured */

#featured{
	margin:0 0 30px 0;}

.fblock{
	font-size:8pt;
	font-weight:normal;
	padding:30px;
	line-height:17pt;
	margin:0 0 -1px 0;
	color:#384464;
	}
	


#sidebar .fblock img{
	float:left;
	width:80px;
	height:80px;
	margin:5px 15px 0 0;
	border:2px solid #fff;
	}
	
.fblock h3{
	font:normal 13pt Sertig, Arial, Helvetica, sans-serif;
	color: #000;	
	margin:0;
	padding:0 0 5px 0;
	text-shadow: 1px 2px 0px #fff;
	}
	
.fblock h3 a{
	color: #bbb;
	text-shadow: 1px 1px 0px #fff;
	}
	
#left .fblock img:hover{
	border:2px solid #000;
	}


/* comments */


#comments{
	width:530px;
	margin:30px 0;
	overflow:hidden;
	}
	
#respond{
	}

#comments h3{
	font-size:18pt;
	font-weight:normal;
	margin:10px 0;
	}

#cancel-comment-reply-link {
	margin-left: 1em;
}

.trackback .content,
.pingback .content {
	font-style: italic;
}


.comment-body .vcard img{
	float: left; 
	margin:5px 15px 5px 0;
	width:40px;
	height:40px;
	}
 

	
#submit{
	margin:30px 0 0 0;
	padding:5px 12px;
	background:#009933;
	border:1px solid #00a529;
	float:left;
	font-size:12pt;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px 1px 3px #222;
	font-family:Arial, Helvetica, sans-serif;
	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

label{ font-style: italic;}


#comments ol{
	margin:0;
	list-style:none;
	padding:0;
	}
#comments li{
	list-style:none;
	padding:0;
	}

.children li{
	margin:0;
	padding:0;
	border: none;
	padding-left: 5px;
	list-style: none;
}
.children li ul {
padding-left: 10px;
list-style: none;
}

.reply {
margin:10px 0;
padding: 6px 10px;
background:#fff;
width:37px;
text-align:left;
border:1px solid #f2f2f2;
}

.comment-body{
background:#fff url(images/corner.png) no-repeat 1px 1px;
padding: 20px;
margin-bottom: 10px;
border:1px solid #f2f2f2;
}

.comment-body .vcard{
	
	line-height: 1.7em;}
.comment-body .vcard a{
	font-weight: bold;
}
.comment-body .vcard img{
	float: left; 
	margin-right: 10px;
	border: 3px solid #fff;
	background-color:#fff;
}
.comment-body .commentmetadata{
}
.comment-body .commentmetadata a{
	color: #900;
	font-size:10px
}
.comment-body p{
	clear: both;
	margin: 30px 0;
	line-height:14pt;
}


#commentform textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	background:#fff url(images/corner.png) no-repeat 1px 1px;
	padding: 3px;
	border: 1px solid #ccc;
	width:430px;
	color:#999999;
	margin: 0 0 0 0;
}
/* End Comments */



/* search */

.searchform input.s{
	background:#FFFFFF url(images/corner.png) no-repeat 1px 1px;
	margin:10px 0 20px 0;
	border:1px solid #eee;
	padding:5px 15px;
	color:#ccc;
	width:250px;
	font-size:15pt;
	text-shadow: 1px 2px 0px #fff;
	overflow:hidden;
	font-family:Sertig, Arial, Helvetica, sans-serif;
	}




/* tables */
table{margin:.5em 0 1em; font-size:11px;}
table td,table th{text-align:left;border:1px solid #ccc;padding:.4em .8em;}
table th{background-color:#63b9f8;color:#fff;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #666;}
table td{background-color:#fff;}
table th a{color:#000;}
table th a:hover{color:#f2f2f2;}
table tr.even td{background-color:#fff;}
table tr:hover td{background-color:#f2f2f2;}

table.nostyle td,table.nostyle th,table.nostyle tr.even td,table.nostyle tr:hover td{border:0;background:none;background-color:transparent;}
table, table.post{border-collapse: collapse;}

/* Finish tables */

	
/* misc */

.post li{list-style-type: square; padding:0 0 0 5px;}
.post ul { list-style-position: inside; } 
.post ol { padding-left:50px; list-style:none;}



input, textarea,input checkbox,input radio,select, file{border: 1px solid #eee; background-color:#f2f2f2; padding:5px 10px;background:#fff url(images/corner.png) no-repeat 1px 1px; margin:10px;}


/* images */

img.centered {
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignnone, img.alignleft {
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #ddd;
	margin: 0 15px 2px 0;
	display: inline;
	}

img{
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #fff;
   padding:0 10px 5px 0;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding:10px;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-style:italic;
   line-height: 17px;
   padding:0;
   margin: 0;
}






/* footer */

#footer {
	background:#fff url(images/head-bg.gif);
	clear: both;
	width: 100%;
	border-top:4px solid #bbb;
	font-size:11px;
	letter-spacing:1px;
	}

#footer h2{padding:20px 0 0 0;margin: 0; color: #333; text-align:center; font-size:18pt; font-family: Sertig, Arial, Helvetica, sans-serif; font-weight:normal;}	
#footer p{padding:14px 0;margin: 0; color: #666; text-align:center;}
#footer a{color: #333;text-decoration: none; text-shadow:none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}

/* pagination */

.navigation {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	width:570px;
	float:left;
	margin:0;
	padding:30px;
	overflow:hidden;
	font-weight:bold;
	}
	

	
	
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin:0 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #999;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #ccc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000;
	color: #000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #2f3541;
	background-color: #ccc;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000;
	border: 1px solid #fff;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	border: 1px solid #ccc;
	color: #000;
	background-color: #f2f2f2;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #ccc;
	color: #000000;
	background-color: #FFFFFF;
}