/* 
    Document   : sytle.css
    Created on : 4.2.2013, 14:46:42
    Author     : marko.hassinen
    Description:
        Purpose of the stylesheet follows.
*/

body{background:#443520 url(images/bodybg.jpg) top left;color:#555;font-family:Tahoma,Arial,sans-serif;font-size:13px;}

/*body{background-image: url(images/IMG_0013.JPG);
     background-repeat: no-repeat; 
        background-position: top center; 
        background-attachment: fixed; } 
*/

a{color:#696c3d;text-decoration:none;}
a:hover{color:#555;text-decoration:none;}
a img{border:none;}

h1,h2,h3,h4{clear:left;color:#fff;font-weight:600;margin:0.7em 0;font-family:Tahoma,Arial,sans-serif;}
h1{font-size:2.4em;}
h2{font-size:2.1em;}
h3{font-size:1.6em;}
h4{font-size:1.6em;}

p {margin:0 0 20px 0;}
ul{margin:0 0 20px 30px;}

/* Main wrappers */
#wrapper1240{margin:20px auto;width:1240px;}
#wrapper960{margin:20px auto;width:960px;}
#wrapper760{margin:20px auto;width:760px;}
#wrapper600{margin:0 auto;width:600px;}
#wrapperfluid{margin:0 auto;max-width:1260px;}
#wrapper1240,#wrapper960,#wrapper760,#wrapper600,#wrapperfluid{background:#fff url(images/contentbg.jpg) top left;box-shadow:#111 0 0 20px;}

/* Layout IDs */
#header{position:relative;}
#sitetitle{float:left;margin:32px 0 5px 20px;}
#sitetitle h1 {font-size:36px;color:#fff;margin:0;padding:0;}
#header-image{height:300px;margin:0;padding:0;}
#content{padding:15px 30px;background-color:#f1e7d7;color:#ddd;}
/*#content{padding:15px 30px;background-color:#a3a673;color:#ddd;}*/
#content h1{font-size:20px;color:#ddd;font-family:Tahoma,Arial,sans-serif;font-weight:600;}
#content h2{font-size:18px;color:#ddd;font-family:Tahoma,Arial,sans-serif;font-weight:500;}
#content h3{font-size:16px;color:#ddd;font-family:Tahoma,Arial,sans-serif;font-weight:bold;}
#content h4{font-size:16px;color:#ddd;font-family:Tahoma,Arial,sans-serif;font-weight:900;}
#content p{font-size:16px;color:#ddd;font-family:Tahoma,Arial,sans-serif;font-weight:300;}
#content ul{font-size:16px;color:#ddd;font-family:Tahoma,Arial,sans-serif;font-weight:900}

#content a{color:#fff;text-decoration:underline;}

/* Ylin otsaketaso */
#extendedhead{padding:15px 30px;background-color:#f1e7d7;}
#extendedhead h1{font-size:25px; text-transform: uppercase;color: #000; }
#extendedhead h2{font-size:20px;color:#000;}
#extendedhead h3{color:#333;}
#extendedhead h4{color:#333;}

/* #align: left;*/

#extendedhead1{padding:15px 30px;}
#extendedhead1 h1{font-size:25px; text-transform: uppercase; color:#000; } 
#extendedhead1 h2{font-size:20px; color:#000; }
#extendedhead1 h3{color:#333;}
#extendedhead1 h4{color:#333;}


#extended{padding:15px 20px;background-color:#fff;}
#extended h1{font-size:20px;color:#555;}
#extended h2{font-size:15px;color:#555;}
#extended h3{font-size:15px;color:#333;}
#extended h4{font-size:15px;color:#333;}

/* Top links menu */
#toplinks{padding:0 30px;}
#toplinks ul{list-style:none;margin:0;text-align:right;display:inline; }
#toplinks ul li{display:inline;font-size:12px;margin:10px 0 8px 15px;}
#toplinks ul li a{color:#dadddd;}
#toplinks ul li a:hover{color:#fff;text-decoration:none;}

/* Forest background */
#toplinks, #content, #footer{background:none;background-color:#35371c;}


/*#toplinks, #content, #footer{background:none;background-color:#0A21F2;}*/
/*#toplinks, #content, #footer{background:url(images/eeee.jpg)}*/




#nav
{
    /*border:1px solid #ccc;*/
    /*border-width:1px 0;*/
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    background:#f1e7d7;
    list-style:none;
    /*margin:30px 30px 26px 20px;*/
    margin:30px 10px 20px 20px;   
    /*font-family:'Lato',Verdana,Tahoma,sans-serif;*/
    font-family:Tahoma,Arial,sans-serif;
    font-size:16px;
}

#nav li
{
    display:inline;
    height:auto;
    line-height:25px;
    margin-bottom:0;
    margin-left:5px;
    position:relative;   
}

#nav a
{
    display:inline-block;
    padding:0px;
    color:#555;
    padding-top:0;
    text-transform:uppercase;
}

#nav ul li a:hover{color:#66C;}
#nav ul li a.current{color:#333;}

/* Columns */
#sidebar{width:33.3%;}
#sidebar p {margin:0 0 20px 0;}
#sidebar ul{margin:0 0 20px 0;}

#main{width:66.6%;}
#trio1{float:left;width:33.3%;}
#trio2{float:left;width:33.3%;}
#trio3{float:right;width:33.3%;}
.inner{margin:5px 30px;}
#trio1 .inner{margin-left:0;}
#trio2 .inner{margin:0;}
#trio3 .inner{margin-right:0;}
.left .inner{margin-left:0;}
.right .inner{margin-right:0;}


#double1{float:left;width:50%;}
#double2{float:right;width:50%;}
#double1 .inner{margin-left:0;}
#double2 .inner{margin-right:0;}



/* Footer */
#footer{clear:both;background:none;background-color:#45472c;}
#footer p{color:#ccc;font-size:16px;margin:0;padding:15px 30px;text-align:center;}
#footer a{color:#ccc;}
#footer a:hover{color:#eee;}

/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}

/* Additional classes */
.shadow{background:url(images/shadow.png) top center no-repeat;}
.clear{clear:both;}

.left
{
    float:left;
    width:33.3%;
}

.right 
{
    width:66.6%;
    float:left; 
}

.flags
{
    float: right;
    margin: 0px;
}

/* new clearfix */
.clearfix:after { /* for non-IE browsers and IE8+ */
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
*:first-child+html .clearfix {min-height:1px} /* for IE7 */
* html .clearfix {height:1%} /* for IE6 */


table.db-table 		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
table.db-table th	{ background:#eee; padding:5px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table.db-table td	{ padding:5px; border-left:1px solid #ccc; border-top:1px solid #ccc; }

#contenttable h1
{
    text-align: left;
    text-transform: uppercase;
    padding-left:20px;
    font-weight: bold;
    color: #000000;
    font-family:  Helvetica, sans-serif;
    font-size: 18px;
}


th.head
{

    color:#006600;
    float:left;
    padding: 0px 20px;
    text-align: right;
    text-transform: uppercase;
    font-size: 1.63em;	
    font-weight: bold;	
    text-transform: uppercase;
    font-family:  Helvetica, sans-serif;
    width: 220px;
}


td.headers
{ 	
    float:left;
    padding: 0px 20px;
    text-align: right;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    font-size: 1em;
    width: 220px;
}

td.details
{ 	
    text-align: left;
    background: #FFFFFF;
    font-weight: bold;
    width: 440px;

}
/*#content .dogbreedfont
{
    font-family: cursive;
    font-size: 	18px;
    font-weight: normal;
}

#content .dogbreedfont h1
{
    text-transform: none;
    font-family:  cursive;
    font-size: 18px;
    font-weight: bold;
    color: burlywood;  ForestGreen
}

#content .dogbreedfont h2
{
    text-transform: none;
    font-family: cursive;
    font-size: 18px;
    font-weight: bold;	
    color:burlywood; Navy; /*LimeGreen
    border-bottom: 2px #CCCCCC dashed;
}

#content .dogbreedfont h3
{
    text-transform: none;
    font-family: cursive;
    font-size: 18px;
    font-weight: bold;	
    color:bisque; LimeGreen
    border-bottom: none;
}

#content .dogbreedfont b
{
    font-size:18px;
    font-weight: bold;	
    color:bisque; LimeGreen
}*/

/**
24.10.2012 
Linkkien fontit
**/
#content .dogbreedfont
{
    font-family: Serif;
    font-size: 	18px;
    /*font-weight: normal;*/
}

#content .dogbreedfont h1
{
    text-transform: none;
    font-family:  Serif;
    font-size: 18px;
    font-weight: bold;
    color: burlywood;  /*ForestGreen*/
}

#content .dogbreedfont h2
{
    text-transform: none;
    font-family: Serif;
    font-size: 18px;
    font-weight: bold;	
    color:burlywood; /*Navy; /*LimeGreen*/
    border-bottom: 2px #CCCCCC dashed;
}

#content .dogbreedfont h3
{
    text-transform: none;
    font-family: Serif;
    font-size: 18px;
    font-weight: bold;	
    color:bisque; /*LimeGreen*/
    border-bottom: none;
}

#content .dogbreedfont b
{
    font-size:18px;
    font-weight: bold;	
    color:bisque; /*LimeGreen*/
}


/*
        31.08.2012 * linkkien kokoa muutettu
*/
#content .class2 A:link {text-decoration: none; font-size:20px; font-weight: bold; color:burlywood;  text-justify:none; white-space: nowrap; font-family:  Serif; }
#content .class2 A:visited {text-decoration: none;color:burlywood;font-family:  Serif; }
#content .class2 A:active {text-decoration: none;color:burlywood;font-family:  Serif; }
#content .class2 A:hover {text-decoration: none; color: CornflowerBlue ; font-family:  Serif;}