/* RESET */

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: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET*/

html { background: url(http://www.valkohampaan.com/wp-content/themes/new_design/images/bg.jpg) no-repeat center center fixed; 
                        -webkit-background-size: cover;
                        -moz-background-size: cover;
                        -o-background-size: cover;
                        background-size: cover;
                }
body {text-align:center;font-family:Arial, Verdana, sans-serif; font-size: 12px;color:#fff;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#fff;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
p {margin:0 0 1.5em; line-height:20px; padding: 0 20px 0 0;}
a {color:#FF3333;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
ul {list-style-type: none;}

/* CLEARING FLOATS */

/* fC = floatContainer, uses EasyClearing */
.fC:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.fC { display: inline-block; }
/* Start hide from IE/Mac */
/*\*/
.fC { display: block; }
/* End hide from IE/Mac */

/* LAYOUT */

#container {
margin:50px auto 0 auto;
width:960px;
text-align:left;

}
#header { 
position: relative;
width:100%;
}

h1 {
margin:0;
padding:0;
}
h1 a {background: url(http://www.valkohampaan.com/wp-content/themes/new_design/images/logo.png) top left no-repeat; margin: 10px 0; width:409px; height:39px; display:block; text-indent:-9999px;opacity:0.8;}
h1 a:hover { opacity:1;}
#branding_image {background: #fff;padding:2px;}
#navigation {position:relative;padding:0 2px 2px 0;}
#searchform { position: absolute; top: 13px; right: 20px;}
#searchsubmit { background:#fff; color: #222;border:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}



#content {
position:relative;
width:100%;


}

.main-nav {
background:rgb(0,0,0);
background:rgba(0,0,0,0.6);
margin:0 0 2px 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.main-nav li {
float:left;
margin:2px;

}
.main-nav li a {
display:block;
color:#fff;
font-size:22px;
padding:10px;
text-decoration:none;
}
#content_main {
background:rgb(0,0,0);
background:rgba(0,0,0,0.6);
float:right;
width:640px;
margin: 0;
padding: 10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

/* LITTERS */

ul.litters { width:600px; margin: 0 0 2px 0; display:block;}
ul.litters li { float:left;}
ul.litters li a { display:block;background: #2F4E6F; padding:5px; color:#fff; text-decoration:none; border:solid 1px #fff;}
ul.litters li a:hover { background:#98B1C4;}
table.litters {
width:529px;
margin:10px 0 10px 0;
border:solid 2px #ccc;
padding:5px;
text-align: center;
}

table.litters th {
border:solid 2px #ccc;
padding:5px;
}

table.litters td {
border:solid 2px #ccc;
padding:5px;
font-size:10px;

}



/* BREADCRUMBS */
.navigation { margin: 0 0 10px 0; width:640px;position:relative;}
.breadcrumb {padding:5px 0 10px 0;font-size:10px;	
}
	
.postmeta { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom:solid 1px #ccc;}

/* BEGIN IMAGES */

p img {
padding: 0;
margin:10px 0 10px 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
border:2px solid #fff;
display: block;
margin:10px 20px 10px 20px;
}

img.alignright {

padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {

padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
 
.panes div {
	display:none;		

} 

ul.tabs {display:block;width:100%; margin:10px 0;}
ul.tabs li { float:left;margin:0 3px 0 0;}
ul.tabs li a {background:rgba(255,255,255,0.6); color:#000;border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;padding:5px;text-decoration:none;}
ul.tabs li a.current { background:rgba(255,255,255,1); }
ul.tabs li a:hover { background:rgba(255,255,255,1); }
/* SIDEBAR */

#sidebar {background:rgb(0,0,0);background:rgba(0,0,0,0.6);float:left; width:294px;margin:0 2px 0 0; padding: 0 2px 0 2px;border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

#sidebar h2 { margin: 0; padding:5px; color:#fff; font-size: 18px;}

#sidebar ul {margin:0 0 20px 0;}

#sidebar ul li {  padding: 0; margin: 0 0 2px 0;}
#sidebar ul li>div { margin: 5px 0 20px 0;}

#sidebar ul li a { text-decoration:none; color:#FF3333;}

#sidebar ul li ul li { margin: 5px 0 0 0;padding: 0 0 0 10px;}


#footer {
width:940px;
	margin:2px auto;
	padding: 10px;
	font-size: 11px;

}