/*
THEME NAME: WWAR Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: based on Sandbox 1.6.1 and yui, this is the WWAR Theme, done in Sept 2009
VERSION: 0.1
AUTHOR: <a href="http://luline.net/">Ludwig Kannicht</a> &amp; <a href="http://orangemico.com/">Cesar</a>
AUTHOR URI: http://luline.net/
TAGS: film, with wings and roots, modification, sandbox, yui
*/

/* LU CSS */
/*Font size and percentage
10 	 77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197
*/

/* ******************************************************
	YUI adjustments: Font, color, width
****************************************************** */

html, body {
	font-family: Georgia, serif, "Times New Roman", Times, Arial;
	color: #FFFFFF;
	background-color: #111111;
	height:100%;	/*For Sticky Footer*/	
}

#hd, #container, #ft { /*Font size adjustment. Do not use body or #doc selector for that purpose. Otherweise width will scale */
	font-size: 123.1%;
} 

#doc,#doc2,#doc3,#doc4,
.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 { /*Width not 750 but 720px*/
	margin: auto;
	text-align: left;
	width: 55.38em;
	*width: 54em;
}

/* ******************************************************
	Plugin adjustments
****************************************************** */
/* Contact Form */
div.wpcf7-mail-sent-ok {
border:2px solid #6699CC !important;
}

/* Cycle PLugin for Img */
.jcycle, .jcycle img {    
    padding: 0;  
    margin:  0;  
} 
.jcycle-nav {
	text-align:right;
	min-height:3em;
	width:auto;
}
.jcycle-nav a {
	display:block;
	width:1.5em;
	height:1.5em;
	text-align:center;
	float:left;
}
a.activeSlide {
	background:#000;
	color:#fff;
}


/* cms navigation from wpml */
#menu-wrap, #menu-wrap ul {
	background:none !important; /* 2009-12 Lu : Overwrite plugins BG Color */;
	color:#fff !important;
}
#menu-wrap ul a, #menu-wrap ul a:visited {
	border-right:none !important; /* no line between navigation elemens */
	color:#6699CC !important;
}
#menu-wrap ul a, #menu-wrap li.selected_page{
	background-color:transparent !important;
	color:#6699CC !important;
}	
#menu-wrap li.selected_page a { /* current headline */
	color:#ADF !important;
}	

#menu-wrap ul li.selected_subpage{
	font-variant:small-caps;
}


/* Gallery jQuery Photo Gallery Plugin */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/* ******************************************************
	SELECTORS
****************************************************** */

h1, h2, h3, h4, h5, h6 {
	margin:1.5em 0 0.5em 0;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	color: #E3C3A7;
}
h1 {font-size:161.6%;}
h2 {font-size:146.5%;}
h3 {font-size:123.1%;}
h4 {font-size:108%;}

a {	
	color: #6699CC;
  text-decoration:none;
	text-transform: lowercase;
	font-variant:small-caps;
 }
 
a:hover {color:  #1C3365; }
  
p { margin-bottom: 1.00em;}

strong, b {font-weight:bold;}

em, i {font-style:italic;}

ul { margin:1em; }
li { list-style: disc outside;}
ul li ul li {list-style: circle outside; }
ol,ul,dl { margin-left:2em; }




/* ******************************************************
	CLASSES
****************************************************** */

/* For Info about Floating see YAML Website
http://www.yaml.de/en/documentation/basics/general.html */
.floatbox { overflow:hidden;} 
* html .floatbox {width:100%;} /*IE adjustment*/
.clear {clear:both;}
.justified {text-align:justify}

.button {
	display:block;
/*	border:1px solid #999;
	background-color:#000;	
*/	padding:.3em;
	text-align:center;
	width:18.3em; /*One Third */
}
.buttontext {
	width:60%;
	display:block;
	border:1px solid transparent;
	padding:.3em;
	text-align:left;
	width:18em; /* Roughly two thirds */
}

a.button:hover {
	border:1px solid #fff;
}

.gray9 {
	color:#999;
}

div.skip-link {
position:absolute;
right:1em;
top:-10em;
}

.edit-link a { /*If logged in, directly edit a page with this link*/
	font-family:Verdana, Sans-Serif;
	color:#396;
/*	background-color:#000;
	border:1px solid #999;
	padding:.2em 1em .2em 1em;
*/}
.published .hour, .entry-meta .cat-links { /*Do not show hour or category of blogpost*/
	display:none;
}


/* ******************************************************
	IDs
****************************************************** */
h1#blog-title {margin:0;}

#lang_sel ul { /*Language Selector*/
	float:right;
	font-family:Georgia;
	font-size: 9px;
	background-color: #6699CC;
}


/* +++	 CMS Navigation Menu	 +++ */ 

#menu-wrap ul li ul li {
  background-image:url('/wp-content/uploads/transp_92p.png');
}

/* selected page in the top menu */                                  
#menu-wrap li.selected_page a{color: #fff; }

/* Subnavigation of active, not selected: default wwar link color */
#menu-wrap li.selected_page ul a{ color: #6699CC;}


/* style selected subpage in the top menu */                                  
#menu-wrap li.selected_subpage{color: #fff;}
#menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited{ color: #eee;}
#menu-wrap ul ul li a.selected{color: #fff;}

/*No Padding for First and Last nav Element*/
.icl_first a {padding-left:0 !important;}
.icl_last a {	padding-right:0 !important;}

#hd ul { margin:0; }
#hd li { list-style: none outside;}
#hd ul li ul li {list-style: none outside; }
#hd ol, #hd ul, #hd dl { margin-left:0; }

/* +++	 Sticky Footer	 +++ */

#doc { _height:100%;} /* for IE6 and 5.5 */
#doc { 
	min-height:100%;
	position:relative;
}

#doc {
min-height:100%;
position:relative;  
}

#container {
		padding-bottom:4em; /* = size of footer */
}

#ft{
	position:absolute;
	bottom:0;
	height:2em;
	margin-top:2em;
}

/* +++	 Footer	 +++ */
#ft a {margin-right:1.5em;}
#ft a img {vertical-align:middle;}        

#lang_sel_sel, #lang_sel a.lang_sel_sel:hover {
	background-color:#5798D0;
}


/* ******************************************************
	WORDPRESS default ids and classes
****************************************************** */

div.gallery dl,div.navigation div.nav-previous {
float:left;
}

.alignright,img.alignright {
float:right;
margin:0.2em 0 0.8em 1em; /*Lu moved margin to bottom*/
}

h3.alignright, h4.alignright {text-align:right;} /* By Lu */
h3.alignright small, h4.alignright small, h3.alignleft small, h4.alignleft small {font-size:77%;} /* By Lu */

.alignleft,img.alignleft { 
float:left;
margin:0.2em 1em 0.8em 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
}

/* ******************************************************
	SAMPLE CONTENT FROM SANDBOX
****************************************************** */


.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
margin-top:2em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}



p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* ******************************************************
	SITE SPECIFIC STYLES
****************************************************** */

.pageid-171 .alignleft, .pageid-173 .alignleft {margin:0; margin-left:-2px;} /*Front Pages: Image float 2x2*/
.pageid-171 h2, .pageid-173 h2 {display:none;}

/* ******************************************************
	TEMP DIRTY HACKS
****************************************************** */


/* * * * * * * * *  * * * * * * * * * * * *  * * * * * * * * 
	See also:
	WPML Navigation Adjustments (instead of cms-navigation.css)
 * * * * * * * *  * * * * * * * * * * * *  * * * * * * * * */