/*
Theme Name: Vol. 9 with Sidenotes
Theme URI: http://eemelinieminen.com
Description: Theme for eemelinieminen.com vol. 9
Version: 0.1
Author: Eemeli Nieminen Type & Design
Author URI: http://eemelinieminen.com
Tags:
*/




/* - - - - - - - - GLOBAL - - - - - - - - */
* { margin:0; padding:0; border-color:rgb(255,50,20); }

a, h1, strong, #sidebar h2 { color:rgb(255,50,20); }
.admin_link a, a.backtotop  { background-color:rgb(255,50,20); }

/* - - - - - - - - STRUCTURE - - - - - - - - */
html { 
height: 100.01%; 
text-align:center;
width:100%; 
margin:0;
padding:0;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}


body { 
background:#000;
color:#fff;
width:100%;
height:100%; 
text-align: center;
font:normal normal normal 10px/16px Verdana, Arial, sans;
}

#sidebar{
color:#000;
position:absolute;
left:500px;
top:0px;
width:130px;
}

#sidenotes {
padding-bottom:52px;
background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9_sidenotes/images/sidenote_head.gif') bottom 0 no-repeat;
}

#sidebar ul.bubble{ 
height:100%; 
padding: 10px; 
margin-bottom:10px;
display:block; 
background:#fff;
}

#sidebar li{
display:block; 
list-style:none;
margin:0;
}

/*background:#fff url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9_sidenotes/images/sidenote_top.gif') 0 0 no-repeat; 
#sidebar li.text{ background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9_sidenotes/images/sidenote_bottom.gif') bottom 0 no-repeat; }
*/
/* - - - - - - - - TYPOGRAPHY - - - - - - - - */
/* paragraphs */
p { margin:0 0 1em 0; }
p.post_work_meta { margin: 15px 0 5px 0; }
.post_page p, .post_page_content p { margin: 0; line-height: 16px; text-align:center;}


/* styling */

em { font-style: italic; }
strong { font-weight:bold; }


/* post heading */
h1 { 
text-align:left;
text-transform: uppercase; 
font:normal normal normal 16px/22px Verdana, Arial, sans;
}
 
 
/* category */
h2, h2 a{ 
color:#fff; 
text-transform: uppercase; 
text-align:left;
margin:9px 0 2px 0;
font:normal normal bold 8px/18px Verdana, Arial, sans;
}

ul.bubble h2, ul.bubble h2 a {
margin:0 0 8px 0;
font:normal normal bold 8px/12px Verdana, Arial, sans;
color: #000; 
}

li.date { color:#666;}
ul.bubble strong { color:#000; }

/* - - - - - - - - LINKS - - - - - - - - */

a:link { text-decoration:none; }
a:active { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; color:#fff; }

a#send_mail { font-size:0; color:transparent; height:20px; width:170px; display:block; margin:2px auto 0px auto; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/mail.png') 0 0 no-repeat; }
a#send_mail:hover{ text-decoration:none; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/mail_hover.png') 0 0 no-repeat; }

a.backtotop { margin-left: 175px; font:normal bold normal 10px/18px Verdana, Arial, sans; display:block; color:#000; width:100px; height:18px; text-align:center; }
a.backtotop:hover { text-decoration:none; background:transparent; color:rgb(255,50,20); }

#header a#home { font-size:0; color:transparent; display:block; height:150px; width:450px; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/main_logo.png') 0 0 no-repeat; }
/* #header a#home:hover{ background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/main_logo_hover.png') 0 0 no-repeat; } */

#header a#about { font-size:0; color:transparent; position:absolute; top:-5px; right:0; display:block; height:52px; width:52px; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/about.png') 0 0 no-repeat; }
#header a#about:hover{ color:#000; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/about_hover.png') 0 0 no-repeat; }

a#back { font-size:0; color:transparent; position:absolute; top:-5px; right:0; display:block; height:52px; width:52px; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/back.png') 0 0 no-repeat; }
a#back:hover{ color:#000; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/back_hover.png') 0 0 no-repeat; }


/* admin links */
.admin_link { position:absolute; right: 0;}
#admin_about { position:absolute; left: 210px;}
.admin_link a { font:normal bold normal 10px/18px Verdana, Arial, sans; display:block; color:#000; width:60px; height:18px; text-align:center; }
.admin_link a:hover { text-decoration:none; background:transparent; color:rgb(255,50,20); }
.new_post { top:-36px; left:10px; }
.manage { top:-36px; left:80px; }
.logout { top:-36px; left:150px; }


/* - - - - - - - - IMAGES - - - - - - - - */
img { display:inline; }
a img { border:0;}
.main_image { width:450px; margin:0 0 18px 0; display:block; }
.slider img { width: 450px;}
.intro { margin: 0 0 30px 0}






/* - - - - - - - - LAYOUT - - - - - - - - */
/* container */
#container { 
width:450px; 
position:relative; 
margin:0 auto;
padding-bottom:30px;
text-align:left;
}

/* header */
#header { 
width:450px; 
height:150px
}


/* - - - - - - - - CONTENT - - - - - - - - */

/* post */
.post_work, .post_page { width:450px; margin: 0 0 30px 0; }

.post_work { border-bottom-style: solid; border-bottom-width: 1px; }
.post_page { text-align: center; }

.post_work_tittle_box, .post_page_tittle_box { 
}

.post_work_tittle_box { height:45px; }
.post_page_tittle_box { height:35px; }
.post_work_tittle_box:after, .post_page_tittle_box:after { content: ""; display: block; height: 0; clear: both; }


.post_work_content, post_page_content {margin-bottom:30px;}
.post_page_content {text-align:center; width:450px;}


/* Image slider */

.slider, .slider li { 
width:450px;
height:450px;
list-style:none;
text-align:center;
}

.slider_controls { height:15px; width: 76px; margin: -23px 0 20px 380px;}
.slider_controls:after { content: ""; display: block; height: 0; clear: both; }


.slider_controls span.button_prev{ height:15px; text-align:right; display:block; float:left;}
.slider_controls span.button_next{ height:15px; text-align:right; display:block; float:left;}
.slider_controls span.slider_counter{ width:40px; text-align:center; font:normal normal normal 14px/14px Georgia, Verdana, Arial, sans; display:block; float:left;}

.slider_controls span.button_prev a { font-size:0; color:transparent; height:15px; width:15px; display:block; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/button_left.png') 0 0 no-repeat; }
.slider_controls span.button_prev a:hover{ text-decoration:none; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/button_left_hover.png') 0 0 no-repeat; }

.slider_controls span.button_next a { font-size:0; color:transparent; height:15px; width:15px; display:block; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/button_right.png') 0 0 no-repeat; }
.slider_controls span.button_next a:hover{ text-decoration:none; background: url('http://eemelinieminen.com/portfolio/wp-content/themes/vol9/images/button_right_hover.png') 0 0 no-repeat; }