/*

Theme Name: Raw Power

Theme URI: http://rawpower.fi/

Description: Raw Power - Raakaa Woimaa

Author: Aleksi Liukkonen

*/

/*TYPOGRAPHY BEGINS*/

html { font-size:100.01%; }
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

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

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }
strong      { font-weight: bold; }

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

/*TYPOGRAPHY ENDS*/



/*RESET.CSS BEGINS*/

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

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/*RESET.CSS ENDS*/

/*CODING BEGINS*/

#wrapper {
width:960px;
height:auto;
margin:0 auto;
margin-top:10px;
}

#header {
height:320px;
width:960px;
}

#header img {
float:left;
}


#navigation {
background-image:url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/navigation.jpg);
width:643px;
height:78px;
float:left;
}

#content {
width:960px;
height:auto;
}

#left {
width:550px;
height:auto;
float:left;
}

#right {
width:300px;
height:auto;
float:right;
margin-top:-140px;
padding-bottom:20px;
margin-right:-45px;
}

#left2 {
width:600px;
height:auto;
float:left;
}

#right2 {
width:300px;
height:auto;
float:right;
margin-top:-140px;
margin-right:-45px;
}

#clearer {
clear:both;
}

#footer {
width:960px;
height:200px;
padding-top:30px;
}

#col {
width:310px;
height:65px;
background: url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/tausta_footer.jpg);
float:left;
background-repeat:no-repeat;

}

#col2 {
width:310px;
height:65px;
background: url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/tausta_footer.jpg);
float:left;
margin-left:16px;
background-repeat:no-repeat;
}

#col3 {
width:310px;
height:65px;
background: url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/tausta_footer.jpg);
float:right;
background-repeat:no-repeat;
}

#col h2{
text-align:center;
color:#FFFFFF;
font-size:1.8em;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
}

#col2 h2{
text-align:center;
color:#FFFFFF;
font-size:1.8em;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
}

#col3 h2{
text-align:center;
color:#FFFFFF;
font-size:1.8em;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
}



#youtube {
float:left;
margin-left:90px;
width:59px;
height:53px;
}



#facebook {
margin-left:10px;
width:54px;
height:48px;
float:left;
margin-top:5px;
}

ul#list {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

ul#list a{
text-decoration:none;
color:#000000;
}

ul#list a:hover{
text-decoration:none;
color:#960000;
}

#rss {
width:45px;
height:44px;
float:left;
margin-left:-5px;
margin-top:15px;
}

#col2 li {
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;

}
#col2 li a{
text-decoration:none;
color:#000000;
}

#col2 li a:hover{
text-decoration:none;
color:#960000;
}

/*STYLING*/
#left small {
background:
url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/tausta_time.jpg);
background-repeat:no-repeat;
display: block;
height:80px;
width:80px;

}

.postmetadata {
background:
url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/tausta_share.jpg);
background-repeat:no-repeat;
height:44px;

}

.postmetadata a{
text-decoration:none;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
position:relative;
left:430px;
}

.postmetadata a:hover{
text-decoration:none;
color:#000;
}


#left h2 {
position:relative;
left:80px;
top:60px;
}

.postaus {
padding-bottom:40px;
}

.paiva {
font-size:3em;
margin-left:-7px;
margin-top:-10px;
}

.postaus small{
color:#FFFFFF;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:2px;
padding-left:20px;
text-transform: uppercase
}

.entry {
padding-bottom:20px;
}

#respond {
margin-top:20px;
}

.entry p{
padding-bottom:20px;
}

#left h2 a {
text-decoration:none;
color:#000000;
font-size:1.8em;
position:relative;
top:12px;
font-family:Arial, Helvetica, sans-serif;

}


#left h2 a:hover {
text-decoration:none;
color:#960000;
font-size:1.8em;
position:relative;
top:12px;
font-family:Arial, Helvetica, sans-serif;
}

#left2 h2 a{
text-decoration:none;
color:#000000;
font-size:3em;
font-family:Arial, Helvetica, sans-serif;
}

.addtoany {
margin-top:-50px;
margin-left:-3px;
}



.entry p {
font-family:Arial, Helvetica, sans-serif;
}

.widecolumn h2 {
font-size:3em;
font-family:Arial, Helvetica, sans-serif;
}

.widecolumn h3 {
margin-bottom:15px;
color:#000;
font-size:1em;
}

.navigation a {
text-decoration:none;
color:#000;
}

.navigation a:hover {
text-decoration:none;
color:#960000;
}

.more-link {
text-decoration:none;
font-size:1em;
color:#960000;
}

#sidebar ul {
list-style-type:none;

}

#sidebar a {
color:#000;
text-decoration:none;
}

#sidebar a:hover {
color:#960000;
}


#right h2   {
margin-top:20px;
background-image: url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/tausta_footer_pun.jpg);
width:248px;
height:53px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:center;
padding-top:10px;
background-repeat:no-repeat;
}


#right2 h2   {
margin-top:20px;
background-image: url(http://rawpower.fi/wp-content/themes/Rawpower/Kuvat/tausta_footer_pun.jpg);
width:248px;
height:53px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
text-align:center;
padding-top:10px;
background-repeat:no-repeat;
}

/*STYLING ENDS*/

/*NAVIGATION*/ 

#menu {
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin-top: 16px;
padding: 0;
list-style-type: none;
background-color: #eee;
font-size: 13px;
height: 40px;
border-top: 2px solid #eee;
border-bottom: 2px solid #ccc;
width:578px;
}
#menu li {
float: left;
margin: 0;				
}
#menu li a {
text-decoration: none;
display: block;
padding: 0 30px;
line-height: 40px;
color: #666;
}
#menu li a:hover, #menu li.active a {
background-color: #f5f5f5;
border-bottom: 2px solid #DDD;
color: #999;
}
/*#menu_wrapper ul {margin-left: 12px;}*/
#menu_wrapper {padding: 0 16px 0 0; background: url(images/grey.png) no-repeat right; float:left;  }
#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(images/grey.png) no-repeat left;}


/*BLACK MENU*/

#menu_wrapper.black ul {
border-top: 2px solid #000;
border-bottom: 2px solid #000;
background: #000;}
#menu_wrapper.black a {color: #CCC;}
#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a {color: #FFF; background: #555; border-bottom: 2px solid #960000;}
#menu_wrapper.black {background: url(images/black.png) no-repeat right;}
#menu_wrapper.black div {background: url(images/black.png) no-repeat left;}

/*BLACK MENU ENDS*/

/*NAVIGATION ENDS*/