/*
Theme Name: BellaBella.fi
Theme URI: http://www.sunisoft.fi/
Description: Template with two separate backgrounds for men and women
Version: 1.0 final
Author: Kimmo Kovalainen
Author URI: http://www.picnom.com/
Tags: blue, pink, men, women
*/

* { padding: 0; margin: 0; }

html { overflow-y: scroll; }

a { color: #888; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
p { margin: 0 0 15px; }

img.centered { margin: 0 auto; }
img.alignright { margin: 5px 0 7px 20px; }
img.alignleft { margin: 5px 20px 7px 0; }
.alignright { float: right; }
.alignleft { float: left; }

body { background: url(img/bodybg-women.jpg) repeat fixed center top; height: 100%; font: 12px Georgia, "Times New Roman", Times, serif; color: #333; text-align: left; }

body.page-id-8 , body.parent-pageid-8 { background: url(img/bodybg-men.jpg) repeat fixed center top; }
body.page-id-8 h2, body.parent-pageid-8  h2 { color: #0072CF; border-bottom: 2px dotted #A6D7FF; }

#wrapper { background: url(img/wrapperbg.png) repeat-y right; width: 1056px; margin: 30px auto 0; }

#header {
	height: 220px;
	width: 870px;
	margin: 0px 10px 0 0;
	float: right;
	position: relative; 
	background: url(img/header-women2.jpg) no-repeat;
	}

#ostoskori { float: left; margin-top: 15px; width: 134px; height: 79px; background-image: url(img/ostoskori_bg.jpg); background-repeat: repeat-x; border: solid 1px #77D0E7; color: #FFF; padding: 10px; padding-top: 6px; font:  12px 'Lucida Sans Unicode','Lucida Grande',sans-serif;}

#ostoskori_header { height: 18px; padding-top: 2px; background-image: url(img/ostoskori_icon.png); background-position: top right; background-repeat: no-repeat; margin-bottom: 5px; font-weight: bold;}

#ostoskori_left { width: 53px; font-size: 11px; float: left; line-height: 20px; }
#ostoskori_right { width: 73px; font-size: 11px; float: left; line-height: 20px; }

#ostoskori_link { clear: both; text-align: right;}
#ostoskori_link a { color: #FFF; text-decoration: underline; }

#header img { border: none; }

body.page-id-8 #header, body.parent-pageid-8 #header { background: url(img/header-men.jpg) no-repeat; }
body.page-id-4 #header, body.parent-pageid-4 #header { background: url(img/header-women.jpg) no-repeat; }
body.page-id-100 #header { background: url(img/header-lahjakortti.jpg) no-repeat; }

#logo { position: absolute; top: 59px; right: 384px; z-index: 50; }
#topborder { position: absolute; top: -10px; left: -10px; }
#ajanvaraus { position: absolute; top: 50px; left: 20px; }

body.page-id-100 #logo { top: 34px; right: 347px; }
body.page-id-100 #ajanvaraus { display: none; }

#navbar { margin-top: 180px; width: 176px; min-height: 100px; float: left; font: bold 13px "Trebuchet MS", Arial, Sans-Serif; }

#navbar ul { background: url(img/navbarbg.gif) repeat-y; text-align: left; width: 176px; float: left; list-style: none; }
#navbar li { line-height: 20px; }
#navbar ul li:last-child a { }

#navbar a { color: #FFF; float: left; width: 150px; padding: 6px 5px 6px 11px; border-bottom: 1px solid #B40D65; border-top: 1px solid #DD579E; }
#navbar a:hover { background: #CF0F74; text-decoration: none; }
#navbar .current_page_item a { color: #000; border-bottom: 1px solid #810948; }

#navbar ul li.current_page_item a:hover { }

#navbar ul li ul { display: none; }
#navbar ul li.current_page_item ul { display: block; width: 160px; border-left: 6px solid #810948; }
#navbar ul li.current_page_parent ul { display: block; width: 160px; border-left: 6px solid #810948; }

#navbar ul li ul li a { background: url(img/navbarbg-2ndlevel.gif) repeat-y; width: 145px; padding: 4px 5px 4px 10px; color: #FFF !important; font-size: 12px; border-bottom: 1px solid #900A51; border-top: 1px solid #B1467E; }
#navbar ul li ul li:first-child a { }
#navbar ul li ul li a:hover { background: #A50C5C !important; }

#content { float: left; width: 600px; margin: 0; line-height: 17px; padding: 0px 25px; line-height: 20px; min-height: 600px; }

#content ul, #content ol { padding-left: 15px; margin-bottom: 17px; }

#sidebar { display: none; float: right; width: 200px; padding: 45px 10px 10px 10px; font: 14px 'Times New Roman', Sans-Serif, Arial; margin-bottom: 40px; }
#sidebar h2 { font: bold 15px 'Times New Roman',sans-serif;  color: #FFF; width: 180px; height: 16px; padding: 3px 10px 6px; background: url(img/sidebar_topicbar_pink.png) no-repeat; border: none; margin: 0; }

#sidebar form { margin: 0; }

#footer { clear: both; height: 70px; width: 1056px; margin: 0 auto; font: 10px Tahoma, Sans-Serif, Arial; text-transform: uppercase; }

#innerfooter { width: 890px; float: right; margin: 0; background: url(img/footerbg.png) no-repeat top; padding-top: 20px; }
#innerfooter p { margin: 0; padding: 10px 0; text-align: center; color: #FFF; }
#innerfooter a { color: #FFC1DD; }
#innerfooter a:hover { color: #FFF; text-decoration: none; }

#wrapper p.yhteystiedot { float: left; margin: 0 0 0 176px; padding: 2px 0 15px; width: 870px; text-align: center; font-size: 23px; color: #FF4C9D; }
#innerfooter p.sunisoft { float: right; margin: 0 15px 0 0; padding: 2px 0; border: none; width: 150px; text-align: right; }

body.page-id-8 #innerfooter a, body.parent-pageid-8 #innerfooter a { color: #A6D7FF; }
body.page-id-8 #innerfooter a:hover, body.parent-pageid-8 #innerfooter a:hover { color: #FFF; }

h1 { font: 23px 'Times New Roman',sans-serif; color: #AAA; margin: 0 0 15px; }
h2 { font: 18px 'Times New Roman',sans-serif; border-bottom: 2px dotted #FFC1DD; padding: 10px 0px 3px; margin: 10px 0 8px; color: #FF4C9D; clear: both; }
h3 { font: normal 14px 'Times New Roman',sans-serif; color: #444; margin: 5px 0 4px; padding-top: 8px; text-transform: uppercase; }

/*
h1 { font: 21px 'Lucida Sans Unicode','Lucida Grande',sans-serif; color: #AAA; margin: 0 0 15px; }
h2 { font: 15px 'Lucida Sans Unicode','Lucida Grande',sans-serif; border-bottom: 2px dotted #FFC1DD; padding: 10px 0px 3px; margin: 10px 0 8px; color: #FF4C9D; clear: both; }
h3 { font: normal 12px 'Lucida Sans Unicode','Lucida Grande',sans-serif; color: #444; margin: 5px 0 4px; padding-top: 8px; text-transform: uppercase; }
*/

body.page-id-8 #sidebar h2, body.parent-pageid-8 #sidebar h2 { font: bold 12px 'Lucida Sans Unicode','Lucida Grande',sans-serif; text-transform: uppercase; color: #FFF; width: 180px; height: 16px; padding: 5px 10px 5px; background: url(img/sidebar_topicbar_blue.png) no-repeat; border: none; margin: 0; }




/* Begin Structure */
.post {	margin: 0 0 40px; text-align: left; }
.post hr { display: block; }
.postmetadata {	clear: both; }
.clear { clear: both; }
/* End Structure */

/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
/* End Form Elements */

/* Begin Various Tags & Classes */
hr { display: none; }
a img { border: none; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {	font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

.checkbox, .radio {
	cursor: pointer;
	width: 19px;
	height: 25px;
	margin: 2px 0 0 0;
	padding: 0;
	background: url(img/form_checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: right;
}
.radio { background: url(img/form_radio2.png) no-repeat; }
.select {
	position: absolute;
	width: 148px; /* With the padding included, the width is 180 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}




/* SIDEBAR HOIDOT ETC */
#sidebar #hoidot { margin-bottom: 20px; }
#sidebar #hoidot input { display: none !important; }
#sidebar #hoidot ul { padding: 0; font: normal 11px 'Lucida Sans Unicode','Lucida Grande',sans-serif; border-top: 1px solid #333; color: #FFF; list-style: none; }
#sidebar #hoidot ul li { margin-bottom: 0px; padding: 5px 10px 5px 10px; background: #D4EFC8; color: #000; }
#sidebar #hoidot ul li.alt { background: #C1E8B1; }
#sidebar #hoidot ul li:first-child { padding-top: 10px; }
#sidebar #hoidot ul li:last-child { padding-bottom: 9px; }
#sidebar #maksutavat h2 { margin-bottom: 15px; }

body.page-id-4 #sidebar, body.page-id-100 #sidebar, body.page-id-69 #sidebar { display: block !important; }

/* HOIDOT TABLE */
.page-id-69 table td { width: 300px !important; font-weight: normal !important; text-align: left !important; vertical-align: top !important; background: #FFF !important; font: 12px Georgia, "Times New Roman", Times, serif !important; color: #333 !important; line-height: 23px !important; padding-left: 0px !important;  }

/* AJANKOHTAISTA */
#ajankohtaista .date { color: #FF4C9D; margin-right: 7px; }

/* HINNASTO */
#content table { width: 600px; font: normal 11px 'Lucida Sans Unicode','Lucida Grande',sans-serif; }
#content table tr { width: 600px; display: block; background: #D4EFC8; }
#content table tr.alt { background: #C1E8B1; }
#content table tr td { width: 70px; text-align: right; padding: 9px 5px; vertical-align: center; font-weight: bold; }
#content table tr td:first-child { width: 430px; text-align: left; padding: 9px 12px; font-weight: normal; }

div.hinnastobutton { background-image: url(img/koriin_button.png); background-repeat: no-repeat; cursor: pointer; background-position: middle center; height: 20px; width: 53px; margin-left: auto; margin-right: auto;}

/* DIALOGS */
.hiddendialog { display: none; }
.precontent { font-size: 11px; font-weight: normal; text-align: left; margin-top: 4px; margin-bottom: 12px;  color: #333; }

#ostoskori_table table { width: 823px; background-color: #FFF; -moz-border-radius: 5px 5px 5px 5px; border-bottom: solid 3px #69BF6F;}

#ostoskori_table table th { padding-bottom: 7px; margin-bottom: 6px; border-bottom: solid 1px #CCC; padding-top: 6px; padding-left: 9px; padding-right: 9px; font-size: 11px; background-color: #EEE; font-weight: normal; color: #000;}

#ostoskori_table table td { padding-bottom: 6px; border-bottom: solid 2px #FFF; padding-top: 6px; padding-left: 9px; padding-right: 9px; font-size: 11px; line-height: 13px; background-color: #ECF8E7; border-right: solid 1px #B7E4A3;}

#ostoskori_table table td a { color: #AA0000; text-decoration: underline; }
#ostoskori_table table td a:hover { color: #FF0000; text-decoration: none; }

#ostoskori_table table tr:last-child td { border-bottom: none;}

#ostoskori_table table tr.altrow td { background-color: #D4EFC8;}

#ostoskori_sum { text-align: right; padding-top: 7px; padding-bottom: 7px; border-bottom: solid 3px #69BF6F; font-size: 13px; color: #555; padding-right: 71px; margin-bottom: 10px;}
#ostoskori_sum_number { font-size: 16px; color: #F05283; font-weight: bold; }

/* LAHJAKORTTIFORM */
#lahjakorttitilaus
{
    text-align: left;
}

div.errormsg { color: #FF0000; font-weight: normal; display: none; }
table.lomaketable
{
   width:440px !important;
}
table.lomaketable tr
{
   width:440px !important;
   display: table-row !important;
}
table.lomaketable td
{
   text-align: left !important;
   padding: 4px 8px !important;
}
table.lomaketable td:first-child
{
   width: auto !important;
}

/* ETUSIVU BOXIT */
.etusivubox { width: 275px; float: left; margin-top: 30px; }
.etusivubox .nosto { cursor: pointer; width: 255px; padding: 15px 15px; border: 3px solid #4B2436; 
			-moz-border-radius: 3px 3px 3px 3px; /* FFox - TopLft, TR, BR, BL*/
			-webkit-border-top-left-radius: 3px 3px; /*safari*/
			-webkit-border-top-right-radius: 3px 3px; /*safari*/
			-webkit-border-bottom-left-radius: 3px 3px; /*safari*/
			-webkit-border-bottom-right-radius: 3px 3px; /*safari*/						
			border-radius: 3px 3px 3px 3px 3px 3px 3px 3px; /* TR, BR, BL, TL */
                        font-size: 12px;
                        line-height: 15px;
height: 300px !important;
}
.etusivubox .nosto h2 { margin-top: 0; padding-top: 0; color: #E01F84; border-color: #CCC; }
.etusivubox:first-child { width: 100px; }

.etusivubox:hover { color: #FF4C9D !important; }
.nosto:hover h2 { color: #FF4C9D !important; }

#etusivubox1 { margin-right: 15px; }

/* CONTENT SÄÄDÖT NONSIDEBAR SIVUILLE */
.parent-pageid-69 #content, .page-id-8 #content, .parent-pageid-8 #content, .page-id-98 #content, .page-id-102 #content, .page-id-112 #content, .parent-pageid-104 #content, .blog #content, .page-id-108 #content { width: 820px; }