/*
Theme Name: Aloha Website
Theme URI: http://www.aloha.ee
Description: This is a specific theme created for Aloha website
Author: Marek Laasik
Author URI: http://www.rockit.ee/
Tags: Aloha, Wordpress
Version: 0.1
.
   File:       style.css
   Created on: 22.02.2010 22:18:16
   Created by: marek

   Copyright (c) 2006 - 2010, RockIT Solutions OÜ
   All rights reserved.

   Redistribution and use in source and binary forms, with or without
   modification, are permitted provided that the following conditions are met:
       * Redistributions of source code must retain the above copyright
         notice, this list of conditions and the following disclaimer.
       * Redistributions in binary form must reproduce the above copyright
         notice, this list of conditions and the following disclaimer in the
         documentation and/or other materials provided with the distribution.
       * Neither the name of the RockIT Solutions nor the
         names of its contributors may be used to endorse or promote products
         derived from this software without specific prior written permission.

   THIS SOFTWARE IS PROVIDED BY ROCKIT SOLUTIONS OÜ ``AS IS'' AND ANY
   EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
   WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
   DISCLAIMED. IN NO EVENT SHALL <copyright holder> BE LIABLE FOR ANY
   DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
   (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
   LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
   ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
   (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
   SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    text-align:center;
    background: url('images/backgrounds/muster_kama.jpg') repeat-x;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

img {
    border: 0;
    display: block;
}

h1 {
    letter-spacing: 1px;
    margin: 0;
    padding: 0px 0px 10px 0px;
    display: block;
    font-size: 18px;
    color:#666666;
}

a {
    color: #900000;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #900000;
    font-weight: bold;
    text-decoration: underline;
}

#main_box {
    width: 960px;
    margin: 20px auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align:left;
    background-color: #000000;
    overflow: hidden;
    /* TODO: FIX so that the header is not included here. */
    /* background-image: url(images/backgrounds/background_1.jpg); */
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-attachment: scroll;

-moz-box-shadow: 0px 0px 15px #000;
  -webkit-box-shadow: 0px 0px 15px #000;
  box-shadow: 0px 0px 15px #000;

}

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

#logo {
    float:      left;
    padding:    20px 0px 0px 30px;
    position:   absolute;
}

#languageChooser {
    float:      right;
    padding:    20px 0px 0px 30px;
    margin-right: 10px;
    /* position:   absolute;*/
}

#mainmenu {
    float:right;
    height:35px;
    padding: 0px 0px 0px 0px;
    margin: 100px 20px 0px 0px;
    width: 960px;
    font-family: verdana, sans-serif;
}

#mainmenu ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    float: right;
    background-color: #000000;
}

#mainmenu ul li {
    float: left;
    padding: 0;
    margin: 1px;
    text-align: center;
    background-color: #cccccc;
}

#mainmenu ul li a {
    float: left;
    padding: 11px 14px 11px 14px;
    display: block;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
}

#mainmenu ul li a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #666666;
}

#mainmenu ul li a.selected {
    color: #cccccc;
    background-color: #999999;
}

/*
    Main index page
*/
.img_pealkiri {
    float:left;
    display: block;
}

#content {
    width: 620px;
    float:left;
    margin: 0px;
    display: block;
    padding: 0px 0px 0px 20px;
    color:#666666;
    font-size: 18px;
}

.content_item {
    width: 540px;
    float:left;
    margin: 0px 0px 10px 5px;
    font-family: verdana, sans-serif;
    font-size: 14px;
    padding: 20px 30px 20px 20px;
    display: block;
    color:#666666;
    background-color: #ffffff;
}

.content_item_image_wide {
    margin-left: -20px;
    margin-right: -30px;
}

.content_item h1 a {
    text-decoration: none;
    color: #999;
}

.content_item h1 a:hover {
    color: #000;
    text-decoration: underline;
}

.img_float_left {
    float: left;
    display: block;
    margin-right: 10px;
}

.img_float_right {
    float: right;
    display: block;
    margin-left: 10px;
}

.post_title {
    margin-top: -8px;
    color: #ccc;
    font-size: 11px;
}

/*
    Sidebar
*/
#sidebar {
    padding: 20px 20px 20px 20px;
    margin: 0px 30px 20px 0px;
    float:right;
    width: 250px;
    display: block;
    text-align:center;
}

.sidebar_banner_grey {
    padding: 0px -20px 0 -20px;
    text-align: center;
    background-color: #666666;
    margin: 10px 0px 10px 0px;
}

.sidebar_banner_black {
    padding: 0px -20px 0 -20px;
    text-align: center;
    background-color: #000000;
    margin: 10px 0px 10px 0px;
}

/*
    Twitter
*/

#sidebar_twitter {
	background-color: #fff;
	margin: 0px 0px 0px 0px;
	padding:10px;
	font-size:20px;
	font-weight:bold;
	text-align:left
}

.sidebar_twitter {
	margin: 3px 0px 5px 0px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	border-bottom-style:dotted;
	border-width:1px;
	padding-bottom:7px;
}

#sidebar_archive {
    text-align: left;
    font-family: verdana, sans-serif;
    font-size: 14px;
}

.sidebar_shop_image {
    margin: 5px 0px 0px 0px;
}

/*
    Sidebar menu
#submenu {
padding: 15px 20px 0px 20px;
	margin: 0px 0px 20px -20px;
	background-color:#999;
	width: 250px;
	display: block;
	font-weight: bold;
	}

#submenu ul {list-style: none; margin: 0; padding: 0; width: 100%}
#submenu ul li {display: inline; text-align:left;}
#submenu ul li a {display: block;  color: #ffffff;}
#submenu ul li a:hover {text-decoration: none;}

#submenu ul li a.level1 {padding: 3px 10px 3px 10px;   margin:12px 0px 2px 0px;  text-decoration: none; letter-spacing: 1px; border-bottom: 1px solid #E7E7E2;}
#submenu ul li a.level1:hover { color: #333;}

#submenu ul li a.level2 {padding: 3px 0px 3px 17px; margin:2px;  color: #333; text-decoration: none; font-size: 11px;}
#submenu ul li a.level2:hover {background-color: #F2F2F2; background: url(images/images/menu_icon2.png) no-repeat 5px 4px;}


#submenu ul li a.active { color: #ffffff; text-decoration: none; background: url(images/images/menu_icon.png) no-repeat 5px 4px;}

*/
#sidebar_menu {
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    /* float:left; */
    width: 230px;
    display: block;
    font-weight: bold;
    background-color: #999;
}

#sidebar_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

#sidebar_menu ul li {
    display: inline;
    text-align:left;
}

#sidebar_menu ul li.sidebar_level_1 {
    display: block;
    padding: 3px 10px 3px 10px;
    margin:12px 0px 2px 0px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 1px solid #E7E7E2;
    color: #ffffff;
}

#sidebar_menu ul li a {
    display: block;
    color: #ffffff;
}

#sidebar_menu ul li a:hover {
    text-decoration: none;
}

#sidebar_menu ul li a.sidebar_level_1 {
    padding: 3px 10px 3px 10px;
    margin:12px 0px 2px 0px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    border-bottom: 1px solid #E7E7E2;
}

#sidebar_menu ul li a.sidebar_level_1:hover {
    font-weight: bold;
    color: #333;
}

#sidebar_menu ul li a.sidebar_level_2 {
    padding: 3px 0px 3px 17px;
    margin:2px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

#sidebar_menu ul li a.sidebar_level_2:hover {
    color: #FFFFFF;
    background: url(images/backgrounds/menu_icon2.png) no-repeat 5px 4px;
}

#sidebar_menu ul li a.sidebar_active {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    background: url(images/backgrounds/menu_icon.png) no-repeat 5px 4px;
}

/* footer_menu */

#footer {
    width: 960px;
    margin: 5px auto;
    margin-bottom: 20px;
    text-align:left;
    background-color: #666666;
    overflow: hidden;
    background-image:url(images/backgrounds/bac_fut.gif);
-moz-box-shadow: 0px 0px 15px #000;
  -webkit-box-shadow: 0px 0px 15px #000;
  box-shadow: 0px 0px 15px #000;


}

#footer #footer_image {
    margin: 10px 0px 0px 620px;
    position:absolute;
}

.footer_menu {
    padding: 0px 0px 0px 0px;
    margin: 20px 10px 20px 50px;
    float:left;
    font-size:14px;
    font-weight:bold;
    color:#999;
}

.footer_menu a {
    color: #999;
    text-decoration: underline;
}

.footer_menu a:visited {
    text-decoration: underline;
}

.footer_menu a:hover {
    text-decoration: underline;
    color:#fff;
}

.footer_menu ul {
    margin:10px 0px 0px 10px;
    padding:0px;
}

.footer_menu ul li {
    display: inline;
    text-align:left;
    font-size:10px;
    line-height:20px;
}

.footer_menu ul li a {
    display: block;
    color: #999;
}

.footer_menu ul li a:hover {
    text-decoration: underline;
    color:#fff;
}

#fut_menu ul li a.selected {
    text-decoration: underline;
    color:#fff
}

/* Dr. surf */
formBuilderFieldQuestion {
    width: 600px;
}

form#input {
    font-family: monospace;
    font-size: 10pt;
}

/**
 * ERPLY plugin related
 */

.erplyServicesTable {
    width: 100%;
}

.erplyServicesTableRow {

}

.erplyServicesTableCell {
}

.erplyServicesNameCell {
    width: 75%;
}

.eprlyServicesPriceCell {
    width: 25%;
}

/**
 * Translation
 */
 .qtrans_language_chooser { 
     list-style-type:none;
 }
 
 .qtrans_language_chooser li {
     float: left;
     margin-left: 5px;
 }

 .qtrans_flag { 
     border: 5px transparent;
 }