/*

Theme Name: Ad Express 2010 teema

Theme URI: http://www.adexpress.fi/

Description: Ad Express template

Version: 1.0

Author: Jukka Kuittinen & Anne Jokisaari

Author URI: http://www.adexpress.fi/

Tags: --


*/





			/* MUUTETTAVAT TYYLIT: ?L? MUOKKAA MUUALTA, ?L? VAIHDA TIEDOSTOJEN NIMI? */

html { overflow-y: scroll; overflow-x: hidden;
}


body {

color: #000000;

background-color: #FFFFFF;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



#header {

font-family: Verdana, Arial, Helvetica, sans-serif;

}



#wrapper {

background-color: #FFFFFF;

border: 0px solid #FFFFFF;

}




#sidebar a {

color: #759844;

text-decoration: none;

font-weight: normal ;

font-size: 20px;

}

#sidebar a:hover{

color: #759844;

text-decoration: underline;

}


#footer {

background: url('images/bg_footer_page.jpg') repeat-x;

}



#footer a  {

  color:#FFFFFF;

  text-decoration: none;

}



#footer a:hover {

 color:#FFFFFF;

text-decoration:underline;

}



a {

 color:#396200;

 text-decoration: underline;

}


a:hover {

color:#9e773e;

text-decoration:underline;

}


.etusivulinkit {

 color:#396200;

 text-decoration: none;

}



h2 , h3 {

 color:#396200;

 text-decoration: none;

}


h2 a:hover {

color: #587636;

text-decoration: none;

}



h1, h2, h3 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

}



h1 {

padding: 0px;

margin: 0px;

font-size: 26px;

text-align: center;

}



h2 {

padding: 15px 0px 20px 0px;
margin: 0px;

font-size: 38px;

line-height: 110%;
}



h2.pagetitle {

font-size: 1.6em;
}



#sidebar h2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1.2em;

}


h3 {

font-size: 18px;

}



h1, h1 a, h1 a:hover,  #headerimg .description {

text-decoration: none;

color: #759844;

}


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

color: #759844;

}


h2, h2 a,   h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}


h6 {

font-size: 22px; text-decoration: none; font-weight: normal; line-height: 30px; padding: 10px 0px 10px 0px;
margin: 0px;
}


h5 {
font-size: 18px; text-decoration: none; font-weight: normal; line-height: 30px; 

}	


			/* MUUTETTAVAT TYYLIT LOPPUU! */


body {

padding: 0px;

margin: 0px 0px 0px 0px;

text-align: center;

}


#wrapper {

margin: 0px auto;

width: 960px;

overflow: hidden;

}
#wrapper_holder {

background: url('images/index_bg.jpg') no-repeat;
background-position:center;
margin: 0px auto;
width: 100%;
height: 607px;
overflow: hidden;
display: table;
min-width: 1000px;

}

#wrapper_index {
margin: 0px auto;
width: 960px;
height: 607px;

}

#index_content {
float:right;
width: 390px;
overflow: hidden;
background-color: #fff;
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;

font-size: 20px; text-decoration: none; font-weight: normal; line-height: 140%; color: #000;
text-align: left;
padding:20px 20px 20px 30px; 
margin:40px 10px 20px 10px;
border:1px solid #bcbcbc;	-webkit-border-radius: 15px;-khtml-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
 -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #808080;

}


#header {

background: url('images/bg_header_page.jpg') repeat-x;

background-position:center;

text-align: center;

padding: 0px;

margin: 0px;

width: 100%;

height: 216px;

}

#header_index {

background: url('images/bg_header_index.jpg') repeat-x;

background-position:center;

text-align: center;

padding: 0px;

margin: 0px;

width: 100%;

height: 181px;

}



#headerholder {

background: url('images/header.jpg') no-repeat;

margin: 0px auto;

width: 960px;

height: 216px;

overflow: hidden;

}

#headerholder_index {

background: url('images/header_index.jpg') no-repeat;

margin: 0px auto;

width: 960px;

height: 181px;

overflow: hidden;

}


#top-menu {

float:left;  overflow: hidden; width:966px;  padding: 0px;

} 


#top-menu ul {

list-style-type:none;

padding: 65px 0px 0px 350px;

text-align: left;

margin: 0;

}




#top-menu li { 

float:left; position: relative; margin: 0px;  display:block !important; display:inline-block;  padding: 0px; 

}



#top-menu a {
 color: #ffffff; font-size: 24px; font-weight: normal; padding: 5px 25px 10px 0px; text-decoration: none; 

}


#top-menu a:hover { 

color: #4e6d22; text-decoration: underline;
}



/* Hide from IE5-Mac \*/

#top-menu li a { float: none; }

/* End hide */




#sidebar {

width: 300px;

float: left;

overflor: hidden;

margin: 0px 0px 20px 0px;

padding: 5px 50px 10px 0px;

text-align: left;

}


#sidebar ul {
padding: 25px 0px 20px 0px;
margin: 0px;
color: #FFFFFF;
}



#sidebar li {
padding: 10px 10px 10px 0px;
margin: 0px;
list-style: none;

}

#sidebar ul li ul {
padding: 0px 0px 0px 10px;
margin: 0px;
list-style-type: none;
border: 0px;
}



#sidebar ul li ul li a{

margin:0px;

padding: 0px 0px 0px 0px;

font-weight: normal;

display: inline;

list-style-type: none;

border: 0px;
}


#sidebar ul li ul li {
border: 0px;
}





#content {

margin: 0px;

padding: 0px 40px 20px 0px;

width: 920px;

float: right;

line-height: 20px;

text-align: left;

}



#content2 {

margin: 0px;

padding: 0px 40px 20px 0px;

width: 570px;

float: right;

line-height: 20px;

text-align: left;

}


#sisaltolista ul {

list-style-type:disc;

padding: 0px 0px 0px 0px;

text-align: left;

margin: 0px 0px 0px 15px;

}





#sisaltolista li {

list-style-type:disc;

padding: 0px 0px 0px 10px;

margin: 0px;



}




.work_gallery {
background-color: #fff;
border: 1px solid #bed39c;
float: left;
overflow: hidden;
text-align: left;
font-size: 11px;
line-height: 15px;
width:200px;
height: 280px;
padding: 7px;
margin: 0px 18px 20px 0px;
}
.work_gallery img { border: 1px solid #bed39c; margin: 0px; padding: 0px; 
}
.work_gallery img:hover { border: 1px solid #b39262; 
}


.work_gallery_right {
background-color: #fff;
border: 1px solid #bed39c;
float: left;
overflor: hidden;
text-align: left;
font-size: 11px;
line-height: 15px;
width:200px;
height: 280px;
padding: 7px;
margin: 0px 0px 20px 0px;
}
.work_gallery_right img { border: 1px solid #bed39c; margin: 0px; badding: 0px; 
}
.work_gallery_right img:hover { border: 1px solid #b39262; 
}



.post {

overflow: hidden;

margin: 0px;

padding: 0px;

line-height: 18px;

text-align: left;

}




#footer {

color: FFFFFF;

float: left;

width: 100%;

height: 375px;

margin: 0px;

}



#footer p {

color: #FFFFFF;

font-size: 12px;

line-height: 22px;

text-align: left;

padding: 15px 0px 0px 0px;

margin: 0px;

}



#footerholder {

color: #FFFFFF;

background: url('images/bg_footer.jpg') no-repeat;

width: 960px;

height: 327px;

margin: 0px auto;



}



#footer h4 {

font-size: 24px;

color: FFFFFF;

font-weight: normal; 

padding: 10px 0px 15px 0px;

margin: 0px;

}







#fleft {

color: #FFFFFF;

margin:10px 0px 10px 0px;

width:350px;

float: left;

overflow: hidden;

text-align: left;

padding-left:0px;

}







#fleft a{

color: #ffffff;

}



#fleft a:hover {

text-decoration:underline;

}







#fmiddle {

color: #FFFFFF;

margin:10px 60px 10px 0px;

width:306px;

float: left;

overflow: hidden;

text-align: left;

}



#fmiddle ul {

list-style: none;

padding: 0px;

margin: 0px;

}



#fmiddle li {

list-style: none;

padding: 0px 0px 20px 0px;

margin: 0px;

}





#fright {

list-style: none;

color: #FFFFFF;

margin:25px 0px 10px 0px;

padding:  0px;

width:230px;

float: left;

overflow: hidden;

text-align: left;

}







.widgettitle {

font-size: 24px;

font-weight: normal;

color:#FFFFFF;

margin: 0px;

padding: 12px 0px 0px 0px;

}


#inputtext   { 
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 12px; 
background-color: #FFFFFF; 
border-width: 0px;
border-style: solid;
border-color: #0e0e0e;
padding:7px 5px 0px 5px;
background: url('images/bg_input.gif') no-repeat;
width:213px;
height: 22px;
}



textarea   { 
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 12px; 
background-color: #FFFFFF; 
border-width: 0px;
border-style: solid;
border-color: #0e0e0e;
padding:9px 10px 15px 5px;
background: url('images/bg_textarea.gif') no-repeat;
width:212px;
height: 58px;
}




#inputbutton   { 
font-family: Verdana, Arial, Helvetica, sans-serif;  
font-size: 18px;
text-align: center;
color: #FFFFFF; 
border-width: 0px;
border-style: solid;
border-color: #0e0e0e;
padding:0px 5px 5px 5px;
background: url('images/bg_button.gif') no-repeat;
width:99px;
height: 30px;
}



#footerbottom {
background: url('images/bg_footer_bottom.jpg') repeat-x;
float: left;
width: 100%;
margin: 0px;
}


#footerholderbottom {
width: 960px;
height: 57px;
margin: 0px auto;
}


#fbottom_left {
font-size: 14px;
color: #432904;
margin: 0px;
padding:  20px 75px 10px 0px;
width:480px;
float: left;
overflow: hidden;
text-align: left;
}



#fbottom_right {
color: #432904;
font-size: 14px;
margin: 0px;
padding:  20px 10px 10px 0px;
width:395px;
float: right;
overflow: hidden;
text-align: left;

}




#fbottom_left a {
color: #432904;
}


#fbottom_right a {
color: #432904;
}


hr {height:1px; width:100%; color:#e2f1c9; background-color:#e2f1c9; border:none; 
} 

/* Begin Images */







#logoshop img { border: 1px solid #bed39c; margin: 0px; badding: 0px; }

#logoshop img:hover { border: 1px solid #b39262; }


p img {
	padding: 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 {
display: block;
margin-left: auto;
margin-right: auto;

}




img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}



img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}


.alignright {
float: right;
}



.alignleft {
float: left
}



/* End Images */


/* Begin Lists


Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;

}



html>body .entry li {
margin: 7px 0 8px 10px;

list-style: none; 
}



.entry ul li:before, #sidebar ul ul li:before {

.entry ol {

padding: 0 0 0 35px;

margin: 0;

}



.entry ol li {
margin: 0;
padding: 0;

list-style: none;
	}



/* End Entry Lists */



/* Begin Various Tags & Classes */



acronym, abbr, span.caps {
cursor: help;
}



acronym, abbr {
border-bottom: 1px dashed #999;

}



blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}



blockquote cite {
margin: 5px 0 0;
display: block;
}



.center {
text-align: center;
}



.hidden {
display: none;
}


a img {
border: none;
}



.navigation {
display: block;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;

}



/* End Various Tags & Classes*/