/*
Theme Name: Mainostoimisto.net
Theme URI: http://mainostoimisto.net
Description: 
Version: 3.0.1
Author URI: http://tuomastolppi.com
Tags: 
*/

body {background:#fbfbfb url(img/bg/body.png) 50% 0;font:13px/20px Arial,sans-serif;color:#333;text-align:center;}

* {margin:0;padding:0;}
img, form fieldset {border:none;}
a {color:#3687AF;font-weight:bold;text-decoration:none;}
a:hover {color:#0B83BF;text-decoration:underline;}
:focus {outline:0;}

p, blockquote, ul, ol {margin-bottom:20px;}
ul {list-style-type:none;}

#wrapper {width:940px;text-align:left;margin:0 auto;padding-top:10px;}

#content {float:left;clear:both;width:650px;}
#sidebar {float:right;width:250px;padding:0px 20px 20px 20px;margin-top:60px;background:url(img/bg/sidebar.png) repeat-y;}

#bgfx {position:absolute;top:80px;left:0;width:100%;height:40px;background:#FBFAF5;z-index:-1;}

.clear {clear:both;}

/*
HEADER  -----------------------------*/

#header {background:#212727 url(img/bg/header.png);text-shadow:#000 -1px 1px 2px;text-align:left;}
#header-inner {margin:0 auto;width:940px;height:80px;position:relative;}

#header-inner a.logo {position:absolute;left:0;bottom:17px;background:url(img/mainostoimisto.png) no-repeat 0 50%;color:#EEEBE1;font-size:20px;line-height:40px;padding-left:40px;text-decoration:none;font-family:Georgia,serif;font-weight:normal;}
#header-inner a.logo:hover {color:#eee;text-decoration:underline;}

/*
NAVIGATION  -----------------------------*/

#header-inner ul {position:absolute;right:0;bottom:26px;margin:0;list-style:none;}
#header-inner ul li {float:left;position: relative;}
#header-inner li a {padding:2px 9px 3px 4px;background:url(img/bg/navi-li.png) repeat-y 100% 50%;color:#eee;font-size:12px;text-decoration:none;position:relative;}
#header-inner ul li a:hover {color:#fff;text-decoration:underline;}
#header-inner ul li a.naviMuut {padding-right:10px;background:url(img/bg/naviMuut.png) no-repeat 100% 50%;}

#header-inner ul li ul.dropdown {width:120px;visibility:hidden;position:absolute;top:100%;left:-16px;z-index:99;}
#header-inner ul li ul.dropdown li {font-weight:normal;float:none;}

#header-inner ul li ul.dropdown li a {width:100%;display:inline-block;background-image:none;color:#ccc;background:#212727;font-size:11px;padding-left:20px;border-bottom:1px dotted #333;}
#header-inner ul li ul.dropdown li:first-child a {padding-top:10px;}
#header-inner ul li ul.dropdown li a.last {padding-left:20px;border-bottom:1px dotted #333;padding-bottom:10px;-webkit-border-bottom-right-radius:12px;-webkit-border-bottom-left-radius:12px;-moz-border-radius-bottomright:12px;-moz-border-radius-bottomleft:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;}
#header-inner ul li ul.dropdown li a:hover {color:#ddd;}

#topBar {padding:0px 0 20px;margin-bottom:50px;backgroun:url(img/bg/hr.png) repeat-x 0 100%;}
#topBar p {float:left;font-size:11px;color:#999;margin:0;}
#topBar p a {color:#999;font-weight:normal;text-decoration:none;background:url(img/bg/breadcrumbs-a.png) no-repeat 100% 50%;padding-right:11px;margin-right:4px;}


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

h1, .home h2 {font-size:28px;color:#5BADD7;floa:left;font-style:italic;text-shadow:#317B9F 1px 1px 0px;margin-bottom:20px;font-family:Georgia,serif;}
.home h1 {text-indent:-9999px;}
.home h2 {width:100%;margin:-20px 0 20px;text-transform:none;}
h2 {font-size:12px;color:#666;margin-top:20px;clear:both;text-transform:uppercase;}
.box h2 {font-size:15px;color:#444;margin-top:20px;text-transform:none;}
.box h2 a {color:#444;text-decoration:none;}
h3 {font-size:13px;color:#444;margin:20px 0 -20px;clear:both;}

p {clear:both;}

#wrapper a.add {width:216px;float:right;padding:4px 10px;font-siz:18px;text-decoration:none;background:#eee url(img/bg/button.png) repeat-x 100% 50%;color:#5BADD7;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-shado:#317B9F 1px 1px 0px;text-align:center;margin-bottom:34px;border:1px solid #ddd;font-weight:bold;}
#wrapper a.add span {color:#bbb;margin-top:-4px;display:block;font-size:10px;font-weight:normal;}
#wrapper a.add:hover {background-color:#fff;}

#listing {clear:both;float:left;width:650px;}

#listing .box {float:left;width:260px;border:1px solid #fff;padding:0 20px 8px 20px;margin:20px 20px 0 0;background:url(img/bg/transparentWhite.png);position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

#wrapper a.moreBtn {float:left;padding:2px 10px;text-decoration:none;background:#5BADD7 url(img/bg/button.png) repeat-x 0 50%;color:#eee;-webkit-border-radius:8px;-moz-border-radius:14px;border-radius:8px;margin:-4px 0 10px 0;font-size:12px;}
#wrapper a.moreBtn:hover {color:#fff;}

#post {float:left;width:360px;padding:20px 0 10px;}
#info {float:right;width:240px;}

h2#h2-palvelut, h2#h2-toimipaikat {padding-left:22px;margin-left:-22px;background:url(img/bg/h2-palvelut.png) no-repeat 0 50%;}
h2#h2-toimipaikat {background-image:url(img/bg/h2-toimipaikat.png);}

h3#h3-palvelut, h3#h3-toimipaikat {padding-left:22px;margin:0 0 0 -22px;font-size:12px;color:#666;clear:both;text-transform:uppercase;background:url(img/bg/h2-palvelut.png) no-repeat 0 50%;}
h3#h3-toimipaikat {background-image:url(img/bg/h2-toimipaikat.png);}


/*
BROWSE  -----------------------------*/

.browseColumn {float:left;width:320px;}
.browseColumn ul {margin-top:0;}


/*
SIDEBAR  -------------------------------------*/

p#about {font-size:12px;color:#666;margin:20px 0 40px;}


/*
FORMS  -------------------------------------*/

#search {float:right;}
#search input {vertical-align:middle;}
#search input#searchText {width:170px;background:#FAF9F6;border:1px solid #eee;color:#999;font:11px Arial,sans-serif;padding:2px 14px 2px 4px;}
#search input#searchText:focus {color:#333;}
#search input#searchBtn {cursor:pointer;border:0;font:11px Arial,sans-serif;background:#5BADD7 url(img/bg/button.png) repeat-x 0 50%;color:#eee;padding:2px 5px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;margin-left:-11px;}
#search input#searchBtn:hover {color:#fff;}

.page-template-add-php #content {float:right;}
.page-template-add-php #sidebar {float:left;background:none;padding:10px 20px 0 0;width:220px;color:#666;}

form.wpcf7-form {clear:both;margin-top:40px;}
form.wpcf7-form p {margin:0px;}
form.wpcf7-form fieldset p {margin:0px;}

form.wpcf7-form fieldset {margin-top:20px;}
form.wpcf7-form legend {text-transform:uppercase;color:#666;font-weight:bold;margin-bottom:10px;font-size:12px;}

p.messageSent {float:left;background:#FFFBCF url(img/bg/messageSent-bg.png) 8px 50% no-repeat;border:1px solid #FFF47F;padding:9px 10px 9px 38px;margin-top:0;}

form.wpcf7-form fieldset input, form.wpcf7-form fieldset textarea {background:#FAF9F6;border:1px solid #ddd;color:#666;font:13px Arial,sans-serif;padding:2px 4px;margin-bottom:18px;}

form.wpcf7-form fieldset input {width:260px;}

form.wpcf7-form fieldset .wpcf7-checkbox {}
form.wpcf7-form fieldset .wpcf7-list-item input {margin:10px 0;width:8px;padding:2px 4px;margin-bottom:20px;}
form.wpcf7-form fieldset .wpcf7-list-item .wpcf7-list-item-label {cursor:pointer;color:#333;font:12px Arial,sans-serif;}
form.wpcf7-form fieldset .wpcf7-list-item .wpcf7-list-item-label:hover {color:#666;}

form.wpcf7-form fieldset textarea {width:380px;overflow:auto;padding:9px;height:160px;line-height:20px;}
form.wpcf7-form fieldset textarea#textareaMin  {height:80px;}
form.wpcf7-form fieldset input:focus, form.wpcf7-form fieldset textarea:focus {color:#333;}

form.wpcf7-form fieldset label {color:#666;display:block;font-size:12px;margin-bottom:-20px;}
form.wpcf7-form fieldset label span {color:#999;font-size:11px;margin-left:4px;}

form.wpcf7-form #sendbutton {display:block;cursor:pointer;border:0;font:13px Arial,sans-serif;background:#818F08 url(img/bg/button.png) repeat-x 0 50%;color:#eee;padding:4px 10px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;margin:30px 0 10px 0;text-shadow:#444 -1px 1px 2px;}


/*
FOOTER  -------------------------------------*/

#footer {clear:both;padding-top:40px;}

#footer-inner {background:url(img/bg/hr.png) repeat-x;margin:0 auto;width:940px;height:60px;font-size:11px;}
#footer-inner p {float:left;color:#ccc;margin:20px 0;}
#footer-inner a {color:#ccc;text-decoration:none;font-weight:normal;}
#footer-inner a.wp {display:block;float:right;background:url(img/bg/wp.png) no-repeat 100% 50%;padding-right:20px;margin:20px 0;}
#footer-inner a:hover {text-decoration:underline;}



/* tipsy */

.tipsy {padding:5px;font-size:12px;background:url(img/bg/tipsy.png) no-repeat;}
.tipsy-inner {padding:2px 8px 2px 8px;background:url(img/bg/transparentBlack.png);color:#eee;max-width:200px;text-align:center;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
.tipsy-north {background-position:top center;}
.tipsy-south {background-position:bottom center;}
.tipsy-east {background-position:right center;}
.tipsy-west {background-position:left center;}