/*   
Theme Name: C'est La Vie
Theme URI: 
Description: Custom wordpress theme for C'est La Vie
Author: Erkki Teedla
Author URI: erkki.teedla@gmail.com
Template: thematic
Version: 1.0
Tags: Thematic
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../cestlavie/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body, html {background:#000;}
body {padding-bottom:30px;}

b, strong {font-weight:normal; color:#FFF;}

td p {margin-bottom:0;}

h2 a {}
.entry-content h3 {padding-top:15px !important; color:#FFF; font-style:normal !important; font-size:13px !important;}
h4, h4 strong, h4 b {font-weight:bold !important; font-size:12px; color:#FFF; font-style:italic;}

img.size-thumbnail {border:2px solid #fff58a !important; margin-right:10px; margin-bottom:10px;}
.gallery {width:500px; margin:0 !important; padding-bottom:0 !important;}
.gallery img {border:2px solid #fff58a !important; padding:0 !important;}
.gallery-item img.thumbnail {padding:0 !important; }
.gallery-icon {margin: 0 10px 10px 0;}

dl.gallery-item {margin:0; text-align:left !important;}

#wrapper {background:#000; margin:2% auto 20px;position:relative;}
#container {min-height:540px;}
#sidebar {background:#000 url('img/bg_sidecol.gif') repeat-y; position:fixed; height:577px;}
#main { padding: 0; }
.hentry { padding:1px 0 22px 25px; background:url('img/bullet_big.gif') no-repeat; width:565px}


#logo {height:auto; width:170px; text-align:center; margin: 40px 0 0 0; padding-left:80px;}
#logo a {display:block; background:#000;width:170px; }
#logo span { }

#access  {height:auto; float:none; border:0;z-index:auto;}

#primary {border:0; background:#000;margin-top:0px;}
#secondary  {display:none;}

#content {padding-top:35px;}
#footer {border:0; margin-top:0;position:relative;}
#siteinfo {width:auto; margin-left:385px; background:url('img/bg_dotline.gif') 0 2px repeat-x; padding: 12px 0 3px 0; font-size:11px; color:#FFF;}
#siteinfo a {color:#d8bb64;}

.sf-menu li { display:block; float:none; position:relative; }

.menu {padding: 5px 0 0 0;background:#000;}
.sf-menu {border-right:0; float:none; }

.sf-vertical, .sf-vertical li { width:170px; background:#000; }
.sf-vertical li a { border:0; color:#d8bb64 !important; padding: 4px 10px 4px 50px; background:url('img/bullet_menu.gif') no-repeat 0 0; font-size:13px; font-weight:bold;}
.sf-vertical li.current_page_parent a, .sf-vertical li.current_page_ancestor a, .sf-vertical li.current_page_item a, .sf-vertical li a:hover, .sf-vertical li a:active { color:#FFF !important; background:url('img/bullet_menu.gif') no-repeat 0 -100px; }
.sf-vertical li.sfHover.page-item-9 a, .sf-vertical li.sfHover.page-item-26 a { color:#FFF !important; background:#332f2e url('img/bullet_menu.gif') no-repeat 0 -50px; }

.sf-menu li ul{ padding:10px 4px 10px 6px; background:#332f2e url('img/bg_m2.gif');z-index:10000 !important; border-bottom:1px solid #757575; border-right:1px solid #757575;}
.sf-menu li li { background:transparent !important; background-image:none;}
.sf-menu li li a { background:transparent url('img/bullet_m2.gif') 4px 5px no-repeat !important; padding:5px 5px 5px 20px;}
.sf-menu li li a:hover { background:#4d4847 url('img/bullet_m2.gif') 4px 5px no-repeat !important;}


.sf-vertical li.page-item-32 a {padding-bottom:33px;} /* last item bottom padding */
.pageid-78 .page-item-78 a {color:#FFF !important;}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	160px; /* match ul width */
	*left:170px; /* match ul width */
	top:	0;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:     #000;
	outline:		0;
    border-bottom-color:#ccc;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.sf-menu a:active {background-color:#000 !important;}

.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* HOME */
#introContent {position:relative;}
#introGallery {width:625px; height:342px;}
#introGallery  img {top:0; left: 0;}

#introduction {float:left; position:relative; top:-40px; width:380px; background:#000 url('img/bullet_mid.gif') 25px 26px no-repeat;z-index:10;}
#introduction .inner {padding:0 25px 0 50px; }
#introduction h1 {font-size:18px;}
#introduction p {}

#introNews {width:245px; background:url('img/bg_news.png'); float:right; position:relative; top:-38px; min-height:230px;z-index:1000;}
* html #introNews {background:url('img/bg_news.gif'); }
#introNews .inner {padding: 55px 15px 0 15px; }
#introNews h1 {font-size:16px;}
#introNews h3 {font-size:12px; line-height:130%;}
#introNews p {font-size:11px; line-height:130%; padding:5px 0 8px 0; margin:0 0 8px 0; }
#introNews .p_1 p {padding:5px 0 18px 0; margin:0 0 8px 0; background:url('img/sep_news.gif') no-repeat bottom;}29.03.2009
.page-template-home-php #footer {position:relative;}
.page-template-home-php #siteinfo {position:absolute; top:-35px; width:559px;}

#newsletter {width:330px; float:left;}
* html #newsletter {display:none;}
#newsletter .inner {background:#000; padding-bottom:15px;margin-left:80px; margin-right:80px;}
#newsletter h3 {margin-left:15px; color:#FFF; padding:17px 10px 3px 7px; background:url('img/sep_newsletter.gif') no-repeat top left;}
#newsletter p.success {color:#00d10f; font-weight:bold; padding-left:20px; padding-right:10px; font-size:11px;line-height:130%;}
#newsletter form {width:auto; padding:0; margin:0;}
#newsletter .ddfmwrap {margin: 0 0 0 20px;}
#newsletter p.fieldwrap { position:relative; }
#newsletter p.fieldwrap label { position:absolute; top:29px; left:0; }
#newsletter div {width:auto;}
#newsletter label {float:none; padding:0 0 0 0; text-align:left; white-space:nowrap; font-size:11px; color:#a8a9ac;}
#newsletter input {width:100px;margin:0; width:120px; padding:2px 3px;}
#newsletter .submit {padding-right:20px;}
#newsletter .submit input {text-align:right; width:60px; white-space:nowrap; background:#000 url('img/bullet.gif') center center no-repeat; border:0; padding:3px 0; color:#d8bb64 !important; cursor:pointer;}
#newsletter .ddfmerrors {font-size:11px; display:block; padding:0;}
#newsletter .errorlist {font-size:11px; float:none; display:block; clear:left;margin:0; padding:0;}
#newsletter .required {display:none;}

#nav-below {margin:0;}

#header {position:static;}
#lang_menu {position:absolute; right:0; top:0; z-index:10000;}
* html #lang_menu {position:absolute; left:740px; top:0; z-index:10000;}
#lang_menu ul {margin:0; list-style-type:none; padding:0 10px 0 0; background:url('img/bg_lang.png'); height:35px;}
* html #lang_menu ul {background:none #222;}
#lang_menu ul li {float:left; padding: 5px 5px 5px 25px;  background:url('img/bullet.gif') no-repeat 10px 11px; }

a[href$=".pdf"] { background:transparent url(img/file_pdf.png) no-repeat scroll left center; display:inline-block; padding-left:23px; }