/*
Theme Name: ieub-v4

Description: ieub.org theme.
Author: ieub
Author URI: http://www.ieub.org/
version: 1.0
*/

/*SLIDEMENU START*/
#menu {
	height: 56px;
	padding: 0px 0 0px 128px;
	background: #1a171b url('images/kubrickbgmenu.png') repeat-x top left;
	}

ul,li{
	list-style:none;
}

#menu a{
color:#dbe7f2;

}

#iconbar 	{ float: left;
 height: 56px; }




#iconbar li			{
	float:left;
    padding: 3px 0 0 0px;
    height: 48px;
	position:relative;
    margin: 2px 0px 0 4px;
    background: #4b4b4d url(images/kubrickbgmenuitem.png) repeat-x top;
	overflow:hidden;
    -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;

}
#iconbar a {text-decoration: none; outline: none; color:#57ab27;
	display: block;
	width: 64px;
	height: 48px;
	margin: 4px;
	cursor:pointer;

}
#iconbar img {
    margin: 0 0 0 4px;

}

#iconbar span	{
	width: 260px;
	height: 64px;
	position: absolute;
	display: none;
	line-height:110%;
	color:#57ab27;
    padding-top: 2px;
	padding-left: 10px;
}
/*SLIDE MENU*/

#breadcrumb {
    font-size: 14px;
	margin: 0 0 16px 32px;
}

* { margin: 0; padding: 0; }
	
h1 { font-size: 24px; }
h2 { font-size: 32px; font-family: Helvetica, Arial, Sans-serif; font-weight: bold; color: #98be30; margin: 0 0 8px 16px; padding: 0; }
h3 { font-size: 10px; }
h4 { font-size: 14px; margin: 8px 0 8px 0;padding: 16px 0 16px 0; color:#98be30; }
h5 { font-size: 12px; padding: 16px 0 16px 0; font-weight: bold;}

.entry a { color: #008fc8; text-decoration: none; }
.entry a:hover { color: #98be30; text-decoration: none;  }
.post a { color: #008fc8; text-decoration: none; }
.post a:hover { color: #98be30; text-decoration: none;  }
a { color: #008fc8; text-decoration: none; }
a:hover { color: #98be30; text-decoration: none;  }
blockquote { border-top: #a29572 1px solid; border-bottom: #a29572 1px solid; font-style: italic; margin: 15px; padding: 0 12px 0 12px; }
code { font-family: Helvetica, Arial, Sans-serif; }
cite {font-family: Helvetica, Arial, Sans-serif; font-size: 16px; font-weight: bold; font-style: normal; }
cite a:hover { color: #008fc8; text-decoration: none; border-bottom: 1px dotted #465d71; }
cite a { color: #98be30; text-decoration: none; border-bottom: 1px dotted #465d71; }

.alignleft a { float: left; margin: 25px 0; }
.alignright a { float: right; margin: 25px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*****LAYOUT*****/
body { background: #4b4b4b url(images/kubrickbgcolor.png) repeat top; width: 100%; 
font-family: Helvetica, Arial, Sans-serif; font-size: 16px; margin: 0; padding: 0; }
#shadow { background: #4b4b4b url(images/shadow.png) repeat-x top; height: 4px; width: 100%; 
 margin: 0; padding: 0; }
#container { width: 900px; margin: 0 auto; padding: 16px 0 0 0; color: #e4ecf4; overflow: hidden; }
#container_wide { float: left; width: 900px; margin: 0 auto; padding: 0; }
#content { float: left; width: 605px; overflow: hidden; margin: 0px 16px 0px 16px;  }
#contentwide { float: left; width: 840px; overflow: hidden; margin: 16px 16px 16px 16px; }
#contentwide h2 { padding: 16px 16px 16px 16px; }
#content h2 { padding: 16px 16px 16px 16px; }
#spacer { height: 32px; }
.post { background: #4B4B4B ;  padding: 0 16px 0px 16px;   }
.postwide { background:  #4B4B4B;  margin: 0 0 0px 0;    }
#contentwide ul ol li { margin-left: 32px; }
#content ul ol li { margin-left: 32px; }
.post h2 { font-size: 32px; font-family: Helvetica, Arial, Sans-serif; font-weight: bold; margin: 16px 0 5px 0; padding: 0; }
.post h2 a { color: #000; text-decoration: none; }
.post h2 a:hover { color: #98be30; text-decoration: none; }
#contenu{ padding: 8px 24px 8px 24px; }
#content li { margin: 16px 8px 8px 32px; }
#content ul { margin: 8px 8px 16px 32px; }
#content ol { margin: 8px 8px 16px 32px; }
#contenu li { margin: 16px 8px 8px 32px; }
#contenu ul { margin: 8px 8px 16px 32px; }
#contenu ol { margin: 8px 8px 16px 32px; }
.entry img {  margin-bottom: 8px; margin-top: 16px; margin-left: 24px; margin-right: 24px;}
.entry  { margin: 8px 0 8px 0; font-family: Helvetica, Arial, Sans-serif; }
.entry p { margin: 8px 0 8px 0; font-family: Helvetica, Arial, Sans-serif;}
.date { font-size: 16px; clear: both; padding: 16px 0 16px 32px; margin: 0 16px 0 16px; border-bottom: #98be30 4px dashed; border-top: #98be30 4px dashed; }
.date h1 { font-size: 24px; }
.postmetadata {font-size: 12px; clear: both; padding: 6px; margin: 20px 0;  }
.navigation { width: 100%; float: left; margin: 0; padding: 0; overflow: hidden; }
#related_posts { background: #c0a172 url(images/post_bg.jpg) repeat; margin: 0 0 10px 0; padding: 5px 10px 5px 10px; 
line-height: 14px; text-align: justify; border: #887a59 4px double; }
#related_posts h2 { font-size: 16px; font-family: Helvetica, Arial, Sans-serif; font-weight: bold; margin: 0 0 5px 0; padding: 0; }
#show { width: 880px; overflow: hidden; border: none; padding-left: 16px;}
#show img { border: none;}
	
/*****HEADER*****/
#header { background: #e4ecf4 url(images/header_bg.jpg); width: 100%; }
.logo { background: transparent url(images/header.jpg) no-repeat; margin: 0 auto; padding: 0;  height: 160px; color: #fff; }
#header h1 { font-size: 16px; font-family: Helvetica, Arial, Sans-serif; padding: 0px 16px 0 16px; margin: 0; text-align: right;font-style: italic;}
#header h2 a { color: #98be30; text-decoration: none; }
#header h2 a:hover { color: #57a3ce; text-decoration: none; }
#header h2 { float: right; font-size: 24px; font-family: Helvetica, Arial, Sans-serif; font-weight: normal; letter-spacing: 4px;
 color: #57a3ce; padding: 128px 128px 0 16px; margin: 0; text-align: right;}

/*****SIDEBAR*****/
#sidebar { color: #f2e217; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; height: 136px; width: 50%; float: right; margin: 8px 0 20px 0; padding: 0; border-right: #98be30 2px solid; }
#sidebar h2 { font-size: 18px; font-family: Helvetica, Arial, Sans-serif; font-style: italic; font-variant: small-caps; color: #8b0f31; margin: 0; padding: 0; }
#sidebar p { margin: 0; padding: 0 6px 0 12px; }
#sidebar a { color: #f2e217; }
#sidebar a:hover { color: #8b0f31; text-decoration: none; font-weight: bold; }
#sidebar img { padding: 0; margin: 0; }
#sidebar ul { margin: 12px; padding: 0; }
#sidebar ul li { margin: 12px; padding: 0; line-height: 14px; list-style-type: none; }
#sidebar ul ul { margin: 5px 0 14px 0; padding: 0; }
#sidebar ul ul li { list-style-type: none; }
#sidebar ul ul ul { margin: 0; padding: 0; }
#sidebar ul ul ul li { padding: 0 0 0 8px; list-style-type: none; color: #f2e217; }

/*****COMMENTS*****/
#commentform { background: #b1b3b4; margin: 0; padding: 10px;   border: 6px #87888a dashed; }
#commentform p { color: #000; }
#commentform a { color: #000; text-decoration: none; line-height: 14px; }
#commentform h3 { font-family: Helvetica, Arial, Sans-serif; font-size: 12px;  color: #000; margin: 0; padding: 0; }
#comment { width: 100%; }
#author, #email, #url, #comment, #submit { background: #eff0f5;font-family: Helvetica, Arial, Sans-serif; 
font-size: 8px; margin: 5px 5px 0 0; padding: 0; border: 1px solid #000; }
.avatar { float: left; margin: 0 12px 0 0; }
#submit { margin: 5px 5px 0 0; }
#comments {  margin: 0; padding: 0 }
ol.commentlist { color:#1a171b; background: #e3e4e5; list-style-type: none; margin: 0; line-height: 1.5em; padding: 5px 0 0 5px;  border: 6px #87888a solid; }
ol.commentlist li { background: #e3e4e5; width: 98%; margin: 10px 0; padding: 5px 0 5px 10px; list-style-type: none; }
ol.commentlist li.alt { background: #b1b3b4; width: 98%; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 1.5em; }
ol.commentlist a { color:#000; }

/*****SEARCH*****/
#search { margin: 24px 16px 0 16px;  float: left;}
#searchform { padding: 0;  float: right;}
#searchform input#s { background: #cfd0d2; margin: 0; padding: 8px; border: 2px dashed #9d9ea0; }
#searchform input#searchsubmit { border: none; background: #333; color: #fff; text-transform: lowercase; }

/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 36px 16px 0 16px; padding: 2px 16px 0 16px; text-decoration: none; color: #dbe7f2; }
.subscribe img { border: none; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #b3a381; margin: 0 0 10px 0; padding: 0; width: 70%; border: #3f3013 1px solid; 
font-variant: small-caps; font-family: Helvetica, Arial, Sans-serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #544b40; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #544b40; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #544b40; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #533419; text-align: center; width: 70%; margin: 5px 0 5px 0; font-family: Helvetica, Arial, Sans-serif; font-size: 14px; }
	
/*****IMAGES*****/
img.centered { display: block; margin: 0 auto; clear: both;}
img.alignright { padding: 0; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 0; margin: 0 7px 2px 0; display: inline; }
img { border: auto; padding: auto; }
img a { border: none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
.alignright { float: right; }
.alignleft { float: left }
.aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both;}	
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.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; }

/*****FOOTER*****/
.subscribe { 
    margin: 16px 16px 0 16px;
    padding: 0; 
    }
#footer { clear: both; background: #2c2416 url(images/footer_bg.jpg) repeat; width: 100%; height: 80px; border-top: #98be30 8px solid; border-bottom: #008fc8 2px solid; font-size: 12px; }
#footer p { padding: 12px 0; margin: 0 20px 0 0; color: #dbe7f2; text-align: right; line-height: 18px;}
#footer a { color: #98be30; text-decoration: none; }
#footer a:hover { color: #008fc8; }

#featured {
	width: 780px;
	margin: 8px 16px 8px 15px;
	padding: 24px;
/*	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
	background: #e3e4e5;	
 border: 6px #87888a dashed;
 }

#featured h1 {font-size: 20px;
	margin: 0;
}

#featured hr {
	border: none;
	height: 4px; line-height: 4px;
	background: #008fc8 ;	
	margin-bottom: 20px;
	padding: 0;
}

#featured p {
    color: #1a171b;
	margin: 0;	
    font-size: 16px;
	padding: 0px 0 12px 0;
}

#featured .clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

#featured a { 
	outline-color: #888;	
}
#featured .clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.clear {
	clear: both;

}
#featured span	{
font-size: 12px;
}
#navigate {
height: 160px;
border-top: #98be30 8px solid;
font-size: 12px;
width: 100%;
background: transparent;
}

#language {
    padding: 18px 96px 0 0;
	float: right;
    background: transparent;

}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */