/*
THEME NAME: The Sepponet
THEME URI: http://www.arkimedia.fi
DESCRIPTION: Seppo.net -sivustolle suunniteltu WordPress teema
VERSION: 1.6
AUTHOR: <a href="http://arkimedia.fi/">Mikko Virenius</a>
AUTHOR URI:http://www.arkimedia.fi
*/

/****************************************
	Reset
****************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 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%; font-family:inherit; vertical-align:baseline;}
body { line-height:1.5;}
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:; font-weight:normal;}
table, td, th { vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after { content:"";}
blockquote, q { quotes:"" "";}
a img { border:none;}

/****************************************
	Rakenne
****************************************/
body {background:#EDEAE1; font: 13px "Helvetica Neue","Bitstream Vera Sans",Arial,Helvetica,sans-serif;line-height: 18px;color:#625e51;}
#wrapper{width:950px; margin:0px auto; background:#ffffff;}
#container {}
/****************************************
	Otsikot
****************************************/
h1,h2,h3,h4,h5,h6{font-weight:normal; padding-bottom:.3em;}
h1{font-size:200%;}
h2{font-size:200%;color:#23282d;line-height:1.2}
h3{font-size:150%;}
h4{font-size:150%;color:#888888; padding-bottom:1em;}
h5{font-size:110%; font-weight:bold;}
h6{font-size:90%;}
/****************************************
	Header&valikko
****************************************/
#header{position:relative; height:150px; width:950px; background:url(/kuva/hirvi.jpg) no-repeat left top;}
#introduction{position:absolute; left:30px; top:10px; color:#7b993e; font-size:12px;line-height:18px;}
#introduction a, #introduction a:hover{text-decoration:none; color:#5B86BD;}
#languages{position:absolute; bottom:5px; right:50px;}
#menu { width:950px; background:#B2D076; height:32px;}
#menu ul {list-style-type:none;}
#menu ul li  {display:inline; float:left;}
#menu a {color:#ffffff;background:#B2D076;display:block;font-size:16px;font-weight: bold;text-transform:uppercase;padding:8px 10px 6px 10px;text-decoration: none;}
#menu a:hover {background:#bde272;color:#FFFFFF;display:block;text-decoration:none;padding: 8px 10px 6px 10px;}
#menu .current_page_item a, #menu .current_page_parent a, #menu .current_page_ancestor a{background:#8fb249!important;}
li.english {float:right!important; }
.english a {background:#d3a544!important;}
/****************************************
	Navigaatio
****************************************/
#menu-above {}
#menu-below {}
.navigation{padding-bottom:10px; clear:both; height:20px;}
.nav-previous {float:left;}
.nav-next {float:right;}
/****************************************
	Entrymeta & heading
****************************************/
#content{width:700px;float:left; padding:25px 0px 0px 0px;}
#content a, #content a:visited {color:#5B86BD;}

/****************************************
	Sivupalkit
****************************************/
#primary {background:url(images/piirrospalkki.gif) repeat-y left top; float:left; margin-left:10px; padding:25px 0px 0px 0px;}
.sidebar {float:right; overflow:hidden; width:190px; font-size:13px;line-height:1.2;}
.sidebar h3 {font-size:18px;color:#c07d26;}
.sidebar input#s { width:7em;}
.sidebar li { list-style-type:none; margin:0 0 2em;}
.sidebar li form { margin:0.2em 0 0; padding:0;}
.sidebar ul ul { margin:0 1em 0 0;}
.sidebar ul ul li { list-style-type:none; margin:3px 0 0 0;}
.sidebar ul ul ul { margin:0 0 0 0.8em;}
.sidebar ul ul ul li { list-style-type:none;}
.sidebar , .sidebar a, .sidebar a:visited{color:#666666;}
.current-cat, .current-cat a { font-weight:bold; color:#333333 !important;}

/****************************************
	Footer
****************************************/
#footer{background:url(/kuva/sepponet_alapalkki_1.jpg) no-repeat; height:70px; font-size:12px; text-align:left; padding: 10px 200px 0 200px;}
a,a:visited{color:#5B86BD; text-decoration:;}
a:hover, a:active{color:#23282d;text-decoration:underline;}

/****************************************
	Muut
****************************************/
hr {margin:1em 0;background:#e4decd;height:1px;color:#e4decd;border:none;clear:both}
.hidden { visibility:hidden;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
.alignright,img.alignright{ float:right; margin:1em 0 0 1em;}
.alignleft,img.alignleft{ float:left; margin:1em 1em 0 0;}
.aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center;}
/****************************************
	Coppermine
****************************************/
.cpg-last-images {
text-align:left !important;
padding-left:15px;
}
.cpg-last-images  img {max-width:120px;display: block;width: expression(this.width > 120 ? 120: true);}
.cpg-excerpt, .cpg-link {display: inline;}

.clearer {
clear:both;
}
.cpg-search-image {text-align:left!important;}
.cpg-image-thumb {border:solid 1px #dddddd!important;}


table {
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";font-size: 12px;
}

h1{
font-weight: bold;
font-size: 18px;
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";
text-decoration: none;
line-height : 120%;
color : #FFF;
margin: 2px;
}

a {
text-decoration: none;
}

a:hover {
color: #0033CC;
text-decoration: underline;
}


.textinput {
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";
font-size: 100%;
border: 1px solid #EDEAE1;
padding-right: 3px;
padding-left: 3px;
}

.listbox {
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";font-size: 100%;
border: 1px solid #EDEAE1;
vertical-align : middle;
}

.button {
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";font-size: 100%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
}

.comment_button {
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}

.radio {
font-family:  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";font-size: 100%;
vertical-align : middle;
}

.checkbox {
font-family: Verdana, "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";font-size: 100%;
vertical-align : middle;
}


bblink a {
color: #0033CC;
text-decoration: none;
}

bblink a:hover {
color: #0033CC;
text-decoration: underline;
}

.maintable {
width: 700px;
border: 1px solid #FFF;
background-color: #FFFFFF;
margin-top: 1px;
margin-bottom: 1px;
}

.tableh1 {
background : #fff ;
color : #5B86BD;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.tableh1_compact {
background : #fff ;
color : #5B86BD;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableh2, .catrow_noalb {
background: #fff ;
color : #5B86BD;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 10px;
}

.tableh2_compact {
background: #fff ;
color : #7282ab;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableb , .display_media , .catrow {
background: #FFF ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.tableb_compact {
background: #FFF ;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tablef {
background: #EDEAE1;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.album_stat {
display: none;
font-size: 85%;
margin: 5px 0px;
}

.thumb_filename {
font-size: 80%;
display: block;
}
.thumb_title {
color: #777777;
font-weight : bold;
font-size: 80%;
padding: 2px;
display : block;
}

.thumb_caption {
display: none;
font-size: 80%;
padding: 1px;
display : block;
}

.thumb_caption a {
text-decoration: underline;
color: #777777;
}

.thumb_num_comments {
font-weight: normal;
font-size: 80%;
padding: 2px;
font-style : italic;
display : block;
}

.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;
}

.user_thumb_infobox th {
font-weight : bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox td {
font-size: 80%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox a {
text-decoration: none;
color: #000000;
}

.user_thumb_infobox a:hover {
color: #000000;
text-decoration: underline;
}

.sortorder_cell {
background : #fff ;
color : #5B86BD;
padding: 0px;
margin: 0px;
}

.sortorder_options {
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";background : #fff ;
color : #5B86BD;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 80%;
white-space: nowrap;
}

.navmenu {
font-family: Verdana, "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;color: #5B86BD;
font-size: 100%;
font-weight: bold;
background : #fff ;
border-style: none;
}

.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}

.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #3a67da;
}

.navmenu a:hover {
background : #EFEFEF ;
text-decoration: none;
color: #000000;
}

.admin_menu_thumb {
font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}

.admin_menu_thumb a {
color: #000000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}


.admin_menu_thumb a:hover {
color: #000000;
text-decoration: underline;
}

.admin_menu {
background-image:url(images/button_bg.gif);
background-position:center bottom;
border:medium none;
color:#000000;
font-family:"Lucida Grande","Trebuchet MS","Bitstream Vera Sans","Verdana","Helvetica","sans-serif";
font-size:100%;
margin-bottom:0;
margin-top:0;
padding-left:11px;
text-align:center;
}

.admin_menu a {
color: #000000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}

.admin_menu a:hover {
color: #000000;
text-decoration: underline;
}

td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}

.comment_date{
color : #5F5F5F;
font-size : 90%;
vertical-align : middle;
}

.image {
border-style: solid;
border-width:0px;
border-color: #868686;
margin: 0px 30px 0px 0px;
}

.imageborder {
border: 1px solid #FFF;
background-color: #FFF;
margin-top: 30px;
margin-bottom: 30px;
}

.thumbnails {
background: #FFF ;
padding: 5px;
}

.credit {
text-decoration: none;
color: #5B86BD;
}

.footer {
font-size : 9px;
}

.footer a {
text-decoration: none;
color: #5B86BD;
}

.footer a:hover {
color: #5B86BD;
text-decoration: underline;
}

.statlink {
color: #5B86BD;
display: ;

}

.statlink a {
text-decoration: none;
color: #3a67da;

}

.statlink a:hover {
color: #3a67da;
text-decoration: underline;
}

.alblink a {
text-decoration: none;
color: #1b377b;
}

.alblink a:hover {
color: #0033CC;
text-decoration: underline;
}

.catlink {
font-size: 16px; 
color: #23282d!important;
display: block;
margin-bottom: 2px;

}

.catlink a {
text-decoration: none;
color: #505c67!important;
}

.catlink a:hover {
color: #0033CC;
text-decoration: underline;
}

.topmenu {
line-height : 130%;
font-size: 100%;
}

.topmenu a {
color : #0033CC;
text-decoration : none;
}

.topmenu a:hover  {
color : #0033CC;
text-decoration : underline;
}

.img_caption_table {
border: none;
background-color: #FFFFFF;
width : 100%;
margin : 0px;
}

.img_caption_table th {
background: #EDEAE1 ;
font-size: 100%;
color : #000000;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
background: #EFEFEF ;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #FFFFFF;
}

.debug_text {
border: #BDBEBD;
background-color: #EFEFEF;
width : 100%;
margin : 0px;
}

.clickable_option {
border-bottom : 1px dotted blue;
cursor : default;
}

.listbox_lang {
color: #000000;
background-color: #EDEAE1;
border: 1px solid #EDEAE1;
font-size: 80%;
font-family: ""Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", "Verdana", "Helvetica", "sans-serif";
vertical-align : middle;

}