﻿/*
reset
*/
/* Eric Meyers Reset CSS rules */
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;	
	vertical-align: top;
}


td,tr {
	vertical-align: top;
padding:2px;
}
.clear {
clear:both;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

p {
margin:.3em 0;
}

ul.bullets {
list-style-position: inside !important;
list-style:circle;
margin:10px 0;

}

ol {
list-style-position: inside !important;

}

b,strong {
font-weight:bold;
}

small {
font-size: 11px;
}


html,body {
height: 100%;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -151px;
}

body {
font-size: .88em;
font-family:'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Tahoma,Sans-Serif;
/*
background: #fff url(http://bluecanoe.co.uk/images/6.png) repeat-x;
*/
color: #fff;
background: #0173C6 url(bg.gif);
text-rendering: optimizeLegibility;
}

a {

color:#FFFDDE;
/*
color:#186CB7;
*/
text-decoration: none;
text-shadow: 0px 1px 0px #fff;

}

a:hover {
text-decoration: underline;
color:#FFFFE2;
-webkit-transition: -webkit-transform 0.3s ease-in-out !important;

}

h3#names {
font-family: 'Yanone Kaffeesatz', serif;
font-size: 45px;
color: #fff;
text-shadow: 0px 1px 0px #005594;
margin-bottom: -5px;
float:left;
display:block;
line-height:1;
}

h3#names a {
font-weight:normal;
color: #fff;text-shadow: 0px 1px 0px #005594;
}

#header {
padding: 0px 0
}

.contain {
width:854px;
margin: 0 auto;
padding: 0 20px;
}

.contain_main {
width:854px !important;
padding:0 10px 20px 10px;
margin: 0 auto;
margin-top:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#0466B0;
background: rgba(1, 1, 1, 0.1);
border: 1px solid #0C5FA8;

-moz-box-shadow: 0px 2px 5px #1D7FC9;
-webkit-box-shadow: 0px 2px 5px #1D7FC9;
box-shadow: 0px 1px 1px #1A7FD1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


/*
background: #fff;
color: #333 !important;
text-shadow:none;
*/
}



#headcontain {
width:854px;
margin: 0 auto;
padding: 0 20px;
background:#0D68B2;
border: 1px solid #0C5FA8;
border-top: 0;
background:#0466B0 url("/images/ie_bg.gif");

background: rgba(1, 1, 1, 0.1);
-moz-box-shadow: 0px 1px 1px #1A7FD1;
-webkit-box-shadow: 0px 2px 5px #1A7FD1;
box-shadow: 0px 1px 1px #1A7FD1;
margin-bottom:0px;

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/*
-moz-box-shadow: 0px 1px 0px #ddd;
-webkit-box-shadow: 0px 1px 0px #ddd;
box-shadow: 0px 1px 0px #ddd;
margin-bottom:0px;
*/
}

ul.lavaLampNoImage {
float:right;
margin:20px -10px 0px 0px;

}

#footer {
-moz-box-shadow: 0px -1px 1px #1A7FD1;
-webkit-box-shadow: 0px -1px 1px #1A7FD1;
box-shadow: 0px -1px 1px #1A7FD1;
border-top: 1px solid #006AB2;

border-bottom: 0;
*/
background: rgba(1, 1, 1, 0.1);

-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
*/
}

#headcontain img {
display:block;
padding: 13px 0 15px 0;
}


#footer a {
font-weight:normal;
color: #fff;
}



#footer, .push {
height: 150px;
padding-top:10px;

}

#footer1 {
}

#footer2 {

padding:0px 10px
}

.footxt {

font-size: 1.35em;
line-height:1px;
font-family: 'Yanone Kaffeesatz', serif;

text-shadow: 0px 1px 0px #005594;

}


.qua {
width:25%;
float:left;
}

#main {
color: #fff;
text-shadow: 0px 1px 0px #004070;

}

#main p:first-letter {
/*
font-size: 6em;float:left;display:block;line-height:1;margin-right:2px;  font-family: 'Yanone Kaffeesatz', serif;text-shadow: 0px 1px 0px #222;

*/
}

#center {
font-size: 1.5em;
text-align:center;
}

#thurd {
width:75%;
float:left;
display:block;
margin-top:-10px
}

#third {

float:right;
width:23%;
}

.twen {
width:25%;
float:left;margin-top:2%;
}

.fif {
width:46%;
margin-top:0;
padding:0 1%;
margin-right:2%;
float:left;
border-radius: 5px;
-moz-border-radius: 5px;
}

.blog {
width:60%;
margin-top:0;
padding:0 1%;
margin-right:2%;
float:left;
border-radius: 5px;
-moz-border-radius: 5px;
}


.blog_left {
width:38%;
float:left;

}

.fif2 {
width:46%;
padding:0 1%;
margin-right:2%;
float:left;}

span.tag {
font-size: 2.5em;
line-height:1.3;
display:block;
color: #fff;
margin: 20px 10px;
font-family: 'Yanone Kaffeesatz', serif;
}

span.title {
font-family: 'Yanone Kaffeesatz', serif;
background: url(/images/arrow.png) 0px 9px no-repeat;
padding-left:23px;
display:block;font-size: 1.7em;
color: #fff;
}
span.title a{
color: #fff;
font-weight:normal !important;
}

span.date{

margin-top:10px;
padding-top:10px;
border-top: 1px dotted #eee;
display:block;font-size: .9em;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
margin:30px auto 20px;
width:833px;
clear:both;
border-radius: 2px;
-moz-border-radius:2px;
border: 3px solid #ddd;
}

.halb {
width:50%;
float:left;
}

#slider {
	position:relative;
    width:833px;
    height:260px;
	background:url(images/loading.gif) no-repeat 50% 50%;

}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:10px;

	bottom:5px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

input.text {
border: 0px;
border-radius: 3px;
-moz-border-radius: 3px;
padding:2px;

}
textarea {padding:2px;
border: 0px;
width:280px;
height:150px;
border-radius: 3px;
-moz-border-radius: 3px;
}

.right {
text-align:right;
margin-right:0px;
}

.bubble {
background: rgba(255, 255, 255, 0.1);
padding:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0px 2px 5px #005594;
-webkit-box-shadow: 0px 2px 5px #005594;
box-shadow: 0px 2px 5px #005594;

}

ul {
list-style:none;
color: #fff

}

table,td,tr {
color: #fff
}

p.date {
font-size: 11px;
}

p.published {
font-size: 12px;
display:inline-block;
background:#2B83CD;
padding: 5px;
border-radius: 2px;
-moz-border-radius: 2px; 
background: rgba(0, 0, 0, 0.1);
text-align:right;
}

.halb li {
line-height: 1.7
}

td.hundred {
width:100px
}

#footer {
}


.loginbox {
margin: 30px auto;
background: rgba(255, 255, 255, 0.1);
text-align:center;
padding:30px;
width:50%;border-radius: 5px;
-moz-border-radius: 5px; 
-moz-box-shadow: 0px 2px 5px #005594;
-webkit-box-shadow: 0px 2px 5px #005594;
box-shadow: 0px 2px 5px #005594;
}


li.rss {
background: url(/images/rss.png) 0 6px no-repeat;
padding-left:20px;
line-height:18px;
}
li.twit {
background: url(/images/twitter.png) 0 6px no-repeat;
padding-left:20px;line-height:18px;
}

a {
-webkit-transition: -webkit-transform 0.3s ease-in-out !important;
}

.kch_lastfm_recently li {
display:inline-block;
list-style:none;
}
.kch_lastfm_recently li a{
display:none;
}

