/*
THEME NAME: JuhanTekniikkablogi Powered by Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
AUTHOR URI:Juhan tekniikkablogi http://www.rippikoulu.net/tekniikka
*/


/* Just some example content */


body{
	background: white;

/* vakio tausta        background:white url(http://rippikoulu.net/tekniikka/tekniikka/tiedostot/stripes_blue.gif) repeat scroll 0 0;       */

/* talvi tausta       background:white url(http://www.rippikoulu.net/tekniikka/tiedostot/snowman_blue.gif) repeat scroll 0 0; talvi tausta        */


background:white url(http://www.rippikoulu.net/tekniikka/tiedostot/kevat_tausta.jpg) repeat scroll 0 0; /* Kevättausta */



	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	text-align: left;
	text-align:justify;
    width:980px; /* oli ennen pitkään 1000px */
	color: #333;
	text-align: justify;margin:  auto;	
}

div#wrapper{
	background: white;

}


div#content {
	background: white;
        font-size:1.2em;
	line-height:1.4em;
}


div#footer {
        clear:both;
        width:100%;
}


div#container{
        font-size: 62.5%; /* Resets 1em to 10px */
	margin-left: 170px; /* oli ennen pitkään 170px */
        margin-right: 190px; /* oli ennen pitkään 170px */
        width:600px; /* oli ennen pitkään 660px */
}

div#primary {
	
}
div.skip-link {
position:absolute;
right:4px;
top:1px;
font-size:75%;
font-family:monospace;
}

div.skip-link a{ 
color:white;
}

div.skip-link a:visited{ 
color:white;
}


/* Kustomoitu Sivupalkki alkaa */





.primarysidebar {
	float: left;
	list-style:none;
	overflow: hidden;
	padding-left:0px;	margin-left:0px;
/*    border:1px dotted; border-color: #66CCFF; */
        width:170px;

        font-size: 125%;
        font-family: monospace;
        padding-left:4px;

        font-variant: normal;
	text-decoration: none;

}

.primarysidebar h3 {
        font-size: 125%;
        font-family: monospace;
}

.primarysidebar ul, .primarysidebar ul ol {
        font-size: 100%;
        font-family: monospace;
        padding-left:4px;

        margin:0;
        padding:0;
}

.primarysidebar li {
	padding-left:0px;
	list-style:none;
	overflow: hidden;
        font-size:0.8em;
	line-height:1.4em;
        font-size: 75%;
        font-family: serif;
}

.primarysidebar ul li{	list-style-type: none;
	list-style: none;
	list-style-image:none;
list-style-type:none;
margin-bottom:15px;
	}

.primarysidebar  li ul li {
	font-variant: normal;
	text-decoration: none;
	display: list-item;
/*	list-style-type: square; */
	list-style-position: inside;
        font-size: 75%;
        font-family: serif;
}

.primarysidebar ul ul li{margin:3px 0 0;
padding:0;
}

.primarysidebar ul label{
        text-align:left;
}



.secondarysidebar{
        font-size: 125%;
padding: 0;
margin:0;
	text-align: left;
	border-color: Gray;
    font-variant: normal;
	text-decoration: none;
	display: list-item;
/*	list-style-type: square; */
	list-style-position: inside;
	list-style:none;
	width:170px;
	overflow: hidden;
	float: right;
}

.secondarysidebar h3{
        font-size: 125%;
        font-family: monospace;
}

.secondarysidebar ul, .primarysidebar ul ol {
margin:0;padding:0;
}

.secondarysidebar li{
	padding-left:0px;
	list-style:none;
	overflow: hidden;
        font-size:0.8em;
	line-height:1.4em;
        font-size: 75%;
        font-family: serif;
}


.secondarysidebar li ul li {
	font-variant: normal;
	text-decoration: none;
	display: list-item;
/*	list-style-type: square; */
	list-style-position: inside;
        font-size: 75%;
        font-family: serif;
}



.secondarysidebar,secondarysidebar li form{
margin:0.2em 0 0;
padding:0;
}

.primarysidebar,secondarysidebar ul ul {
margin:0 0 0 1em;
}

.primarysidebar,secondarysidebar ul ul li {
list-style:none;
margin:0;
}

.primarysidebar,secondarysidebar ul ul ul {
margin:0 0 0 0.5em;
}

.primarysidebar,secondarysidebar ul ul ul li {
list-style:none;
}

#rsswidget a{padding-bottom:10px;}


div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.textwidget{
          font-family: 'Lucida Grande' , 'Verdana' , 'Arial' , 'Sans-Serif';
          text-align: left;
          font-size: 75%;
}


/* Kustomoitu Sivupalkki päättyy */









/* JuhaPetrin blogipostauksen ja sivujen otsikot alkaa */

h2.entry-title{
/* Tämä on Pagesien sekä valitun blogimerkinnän otsikkotyyli  */
        font-size: 175%;
        font-weight: normal;
        font-family: monospace;
	text-decoration: none;

	color: #d49c2d;

        text-align:left;
	text-decoration: underline;
}


h2.entry-title a:hover{
        font-family: monospace;
	text-decoration: none;
	color: #d49c2d;
	text-decoration: underline;
        font-weight: normal;
}

h2.entry-title a{
        font-family: monospace;
        color: black;
	text-decoration: none;
        font-size: 100%;
        color: black;
	text-decoration: none;
        font-weight: normal;
}



/* JuhaPetrin blogipostauksen ja sivujen otsikot päättyy */









/* JuhaPetrin Yläosa alkaa */

div#header h1{
font-size: 150%;
font-weight: normal;
padding-top:25px;
margin-bottom: 0px;
padding-bottom: 0px;
}



div#header a{
color: Black;
font-size: 150%;
font-family: monospace;
	text-decoration: none;
}

div#header a:hover{
	color: #d49c2d;
	text-decoration: underline;
}

div#blog-description{
        color: black;
font-family: monospace;

	text-decoration: none;
font-size: 140%;
}


div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
}

div.gallery dl,div.navigation div.nav-previous {
float:left;
}



/* Juhapetrin menu alkaa */

div#menu {

text-align: center;
margin-left:2%;
margin-right:2%;
color: Black;
        font-size: 125%;
        font-family: serif;
}

div#menu ul li{


	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: solid 1px #d49c2d;
}

/* Tämä siirretty loppuun koska tämän jälkeen ie6 ei välitä mistään. div#menu ul li:last-child {border-right: none;} */


div#menu ul li a{	
	font-family: monospace;
	text-decoration: none;
	color: Black;
	margin-top: 1px;
}

div#menu ul li.current_page_item a{
	color: #d49c2d;
	text-decoration: underline;
}

div#menu ul li a:hover{
	color: #d49c2d;
	text-decoration: underline;
}

div#menu ul li a:Active {
	text-decoration: Underline;
	color: Green;
}


div#menu ul li.aktiivinenjaviimeinenlinkki a{
	color: #d49c2d;
	text-decoration: underline;
	border-right: none;
}

div#menu ul li.aktiivinenjaviimeinenlinkki{
	color: #d49c2d;
	text-decoration: underline;
	border-right: none;
}


/* Juhapetrin menu loppuu */

/* Juhapetrin blogimerkintä alkaa */

.post {
	margin:5px 5px 20px;
	padding: 5px;
text-align:justify;
	 border:1px dotted;
border-color: #6699FF;
}

.entry-title{
}


.entry-meta{
    border:1px dotted;
border-color: #66CCFF;
    
}

div.page {
	margin:5px 5px 20px;
	padding: 5px;
text-align:justify;
	 border:1px dotted;
border-color: #6699FF;
}

/* Juhapetrin blogimerkintä päättyy */


form#commentform .form-label {

}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {

}

input#author,input#email,input#url,textarea#comment {

}

div.comments ol li {

}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.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;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
        font-size: 125%;
        font-weight: normal;
        font-family: monospace;
	text-decoration: none;
	color: #d49c2d;
	text-decoration: underline;
}

div#nav-below {
margin-top:1em;
        font-size: 125%;
        font-weight: normal;
        font-family: monospace;
	text-decoration: none;
	color: #d49c2d;
	text-decoration: underline;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float: right;
text-align: right;
}




div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}


div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* Tämä on oikeasti menu osiota. Siirretty tänne koska ie6 ei tämän jälkeen välitä lopusta tyylitiedostosta mitään. */

div#menu ul li:last-child {
	border-right: none;
}