/* 
Theme Name: Halogeeni
Theme URI: http://halogeeni.net/
Description: Halogeeni
Author: Halogeeni
Author URI: http://halogeeni.net/
*/

* {margin:0; padding:0;}
html {background:#070e14 url("images/bg.jpg") no-repeat top center;}
body { color:#fff; font:80%/170% Arial, Helvetica, sans-serif;}

a, a:visited {color:#68c6f6; text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#fff; text-decoration:underline;}

h2, h3, h4 {margin:15px 0px 10px 0px;}

p {margin:10px 0px 10px 0px;}
ul {margin:0px 0px 0px 20px;}
ul li {line-height:1.7em;}
strong {color:#fff;}
img {border:none;}
hr {display:none;}

textarea, input {background:#18232d url("images/input.jpg") bottom repeat-x; border:0px; padding:4px; color:#fff; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
textarea {font:1em/1.6 Arial, Helvetica, sans-serif; width:100%;}

.buttonSubmit, #searchsubmit {color:#070e14; background:#ffd800 url("images/submit.jpg");  font-weight:bold;  padding:4px;  cursor:pointer; width:100%; }
.buttonSubmit:hover { background:#68c6f6 url("images/submit_hilight.jpg");}

.clear {clear:both;}
.hide {display:block; width:0px; height:0px; overflow:hidden; margin:0px; padding:0px;}
.seperate {margin-top:30px;}
.hilight { color:#ffd800; font-weight:bold;}
.alignleft {float:left;}
.center {text-align:center; width:auto; margin:0 auto;}
.alignright {float:right;}
.work {float:left; margin:0px 8px 8px 0px; width:175px; height:144px;}
.work:hover {  }

#s {background:#000; border:1px solid #11212d; width:200px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#searchsubmit {width:40px; margin-left:3px;}

div#container {width:960px; margin:0 auto;}

div#header {margin:0px 24px 0px 8px;}

div#header h1 {margin:0px 0px 0px 0px;}
div#header h1 a {width:263px; height:121px; display:block; background:transparent url("images/h1.png") no-repeat; }
div#header h1 span { text-ident:-9999px; display:block; margin:0px; padding:0px; width:0px; height:0px; overflow:hidden; }

div#header div#menu {font-weight:bold; float:right; margin-top:-48px; text-transform:uppercase; font-size:1em;}
div#header div#menu ul {padding:0px; margin:0px;}
div#header div#menu ul li {display:inline; margin:0px 10px 0px 0px;}
div#header div#menu a, div#header div#menu a:visited {color:#fff;}

div#header div#menu ul li.active a {color:#68c6f6 !important;}

#slider {width:889px; height:300px; overflow:hidden; margin:-5px auto 10px auto; border:2px solid #000; background:#000;}
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
#slider li {width:889px; height:300px; overflow:hidden;  }
#prevBtn, #nextBtn {display:block; width:39px; height:62px; top:238px; position:absolute; display:block; overflow:hidden; text-indent:-8000px;}
#prevBtn {margin-left:46px;}
#nextBtn {margin-left:880px;}
#prevBtn a, #nextBtn a {display:block; width:39px; height:77px; background:url("images/prev.png") no-repeat 0 0;}
#nextBtn a {background:url("images/next.png") no-repeat 0 0;}

div#content {width:890px; margin:0 auto;}
div#content h2 { font:1.9em/1.2em Georgia, "Times New Roman", Times, serif;}
div#content h2 a, div#content h2 a:visited{color:#fff; font-weight:normal; display:block;}

div#content #ajankohtaista  { font-size:.9em; font-weight:bold; border-top:1px solid #18232d;}
div#content #ajankohtaista h3, div#content #palsta2 h4 { text-transform:uppercase; }
div#content #ajankohtaista .date {color:#888;}

div#content div#palsta1 {width:550px; float:left;}
div#content div#palsta2 {width:290px; float:right; }

div#content div#palsta1 .post { margin-bottom:50px;}
div#content div#palsta1 .post h2 a { border-bottom:2px solid #18232d; display:block; padding-bottom:3px; }
div#content div#palsta1 .post h2 a:hover {border-color:#fff; text-decoration:none;}
div#content div#palsta1 .post .meta { margin-top:-5px; text-transform:uppercase; font-size:.9em; font-weight:bold;}
div#content div#palsta1 .post .entrymetadata { font-size:1.1em; line-height:1.1em; color:#293b4c;}

div#content div#palsta1 .commentlist .comment {margin-bottom:30px; border-top:1px solid #18232d; padding:10px 0px 5px 0px; font-size:.9em;}
div#content div#palsta1 .commentlist .comment .avatar {float:right; border:1px solid #000;}
div#content div#palsta1 .commentlist .comment .commenthead { text-transform:uppercase; display:inline;}
div#content div#palsta1 .commentlist .comment .commenthead h4 {display:inline;}
div#content div#palsta1 .commentlist .comment.authcomment .commenthead,
div#content div#palsta1 .commentlist .comment.authcomment .commenthead a { color:#ffd800; font-weight:bold; }

div#content div#palsta1 h2#respond {margin-top:50px;}
div#content div#palsta1 h2#comments {margin-top:70px;}
div#content div#palsta1 .textinput {width:250px; margin-right:5px;}

div#content div#palsta1 #contactform .row {clear:both; display:block;}
div#content div#palsta1 #contactform .label {width:150px; float:left; margin-top:-10px;}
div#content div#palsta1 #contactform .cinput {width:350px; margin:4px -9px 0 0;}
div#content div#palsta1 #contactform .data { float:right; }
div#content div#palsta1 #contactform span#checkbox .wpcf7-list-item-label { margin:0px 15px 0px 3px; }

div#content div#palsta2 ul {padding:0px; margin:0px 0px 20px 0px;}
div#content div#palsta2 ul li {border-bottom:1px dashed #18232d; list-style:none; line-height:1.7em; color:#18232d; padding:3px 0px 3px 0px;}
div#content div#palsta2 ul li a {display:block;}

div#content div#palsta2 ul#tyonaytteet li.active a,
div#content div#palsta2 ul#tyonaytteet li.active {color:#fff;}

div#content div#palsta2 #twitter {font-size:.9em; font-weight:bold; line-height:1.5em; margin:20px 0px 15px 0px;}
div#content div#palsta2 #twitter-link {display:block; margin-top:-15px; }
div#content div#palsta2 #twitter ul li {border:0px; color:#fff;}
div#content div#palsta2 #twitter ul {list-style:none;}
div#content div#palsta2 #twitter ul#twitter_update_list {background:transparent url("images/twitter.png") no-repeat; padding-left:55px;}

div#content div#largefooter { background:#11212d; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:30px 0px 0px 0px; font-size:.9em; padding:0px; }
div#content div#largefooter h4 {text-transform:uppercase; border-bottom:1px solid #070e14;}
div#content div#largefooter .palsta1,
div#content div#largefooter .palsta2, 
div#content div#largefooter .palsta3 {width:30%; float:left; margin:0px 10px 10px 10px;}
div#content div#largefooter  ul {list-style:none; padding:0px; margin:0px;}
div#content div#largefooter  ul li a {display:block;}

div#content div#footer {font-family:Georgia, "Times New Roman", Times, serif; text-align:center; border-top:1px solid #18232d; margin-top:15px;}