/*  
Theme Name: Djerba
Theme URI: http://www.jerba.be
Description: The best SEO optimized theme
Version: 1.0
Author: Djerba TM
Author URI: http://www.jerba.be

*/

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#FFFFFF url(images/bg.png) repeat-x top;
}
h1{
color:#15418F;
font-size:1.7em;
}
img{
	border:0px;
}

a{
	color:navy;
	text-decoration:none;
	font-weight:bold;
}

form, table, ul, li{
	padding:0px;
	margin:0px;;
}

.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:14px
}

div#page{
	width:980px;
}

/*header*/
div#page #header{
	width:100%;
	height:248px;
}

div#header #header_top{
	width:100%;
	height:88px;
}

div#header #header_top #header_top_left{
	width:70%;
	float:left;
	text-align:left;
}

div#header #header_top #header_top_left #header_title{
	font-size:43px;
	position:relative;
	top:20px;
	left:30px;
	color: navy;
}
div#header #header_top #header_top_left #header_title h1{
font-size:43px;
display: inline;
}
div#header #header_top #header_top_right{
	width:30%;
	float:left;
	text-align:left;
}

div#header #header_top #header_top_right #header_searc_box{
	position:relative;
	top:40px;
	left:20px;
	background:url(images/search_bg.png) no-repeat top;
	width:271px;
	height:42px;
}

div#header #header_top #header_top_right #header_searc_box #header_searc_box_data{
	padding-left:10px;
	padding-top:0px;
	color:#737373;
	font-size:13px;
}

div#header #header_end{
	width:973px;
	height:160px;
	background:url(images/header_bg.png) no-repeat top center;
}

div#header #header_text li{
	display:inline;
}

/* end header */

/*menu*/
div#page #menu{
	width:973px;
	height:49px;
	background:url(images/menu_bg.gif) no-repeat top center;
}

div#menu #menu_items{
	text-align:left;
	padding-left:20px;
	padding-top:12px;
}

div#menu #menu_items li{
	display:inline;
	list-style-type:none;
	color:#bdbdbd;
}

div#menu #menu_items li a{
	color:#bdbdbd;
	text-decoration:none;
	font-size:14px;
}

div#menu #menu_items li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}
/* end menu */

/*blog*/
div#page #blog{
	width:100%;
}

div#blog #blog_left{
	width:600px;
	float:left;
	text-align:left;
	background:#FFFFFF;
}

div#blog #blog_left #blog_left_top{
	width:100%;
	height:11px;
	background:url(images/left_top_bg.png) no-repeat top;
}

div#blog #blog_left #blog_left_pad{
	padding-left:10px;
	padding-top:2px;
}

div#blog .blog_item{
}

div#blog .blog_item .blog_item_title{
	background:url(images/item_title_bg.png) repeat-y top;
	width:574px;
	text-align:left;
}

div#blog .blog_item .blog_item_title_top{
	background:url(images/item_title_bg2.png) no-repeat top;
	width:574px;
	height:12px;
}

div#blog .blog_item .blog_item_title_end{
	background:url(images/item_title_bg1.png) no-repeat bottom;
	width:574px;
	height:12px;
}

div#blog .blog_item .item_date{
	background:url(images/date.png) no-repeat top;
	width:32px;
	height:36px;
	padding-left:20px;
	padding-right:5px;
	color:#ffffff;
	text-align:left;
	font-size:12px;
}

div#blog .blog_item .item_date .item_date_month{
	padding-bottom:3px;
}

div#blog .blog_item .item_text1 a{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f426d;
	font-weight:bold;
	text-align:left;
}

div#blog .blog_item .item_text2{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	text-align:left;
	font-style:italic;
	padding-top:5px;
}

div#blog .blog_item .item_text2 a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	text-align:left;
	font-style:italic;
}

div#blog .blog_item .item_text2 a:hover{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	text-align:left;
	font-style:italic;
}

div#blog .blog_item .blog_text3{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*color:#7f7f7f;*/
	color: #322D2D;
	text-align:left;
	line-height:21px;
	padding-left:25px;
	padding-right:45px;
}

div#blog .blog_item .panel{
	text-align:right;
	background:url(images/item_comm_bg.png) repeat-x top;
	height:28px;
	width:560px;
}

div#page .blog_item .panel .panel_links{
	padding-left:10px;
	/*padding-top:8px;*/
}

div#page .blog_item .panel .panel_links span.comm a{
	color:#0054a6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/comm.png) no-repeat left;
	padding-left:15px;
}

div#page .blog_item .panel .panel_links a.readmore{
	color:#0054a6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	background:url(images/readmore.png) no-repeat left;
	padding-left:17px;
}

div#page .blog_item .panel .panel_links a.readmore:hover, div#page .blog_item .panel .panel_links span.comm a:hover{
	text-decoration:underline;
}

div#blog #blog_right{
	/*width:362px;*/
	width:358px;
	float:left;
	padding-left:10px;
}

div#blog #blog_right #blog_right_top{
	/*width:100%;*/
	height:11px;
	background:url(images/right_top_bg.png) no-repeat bottom;
}

div#blog #blog_right #blog_right_pad{
	background:#FFFFFF;
}

/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
	text-align:left;
}
div#blog #blog_right #blog_right_pad #sidebar ul{
	padding:0px;
	margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

div#blog #blog_right #blog_right_pad #sidebar h2{
	color:#7f7f7f;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding-left:7px;
	padding-right:0px;
	padding-top:2px;
	padding-bottom:0px;
	height:27px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
	color:#448ccb;
}

div#blog #blog_right #blog_right_pad #sidebar table ul li{
	color:#7f7f7f;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(images/sidebar_title_bg.png) no-repeat top;
	padding-left:10px;
	padding-bottom:7px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
	color:#448ccb;
}


div#blog #blog_right #blog_right_pad #sidebar li a{
	color:#7f7f7f;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
	color:#448ccb;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:7px;
	padding-right:25px;
	padding-bottom:5px;
	background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
	background:none;
}

div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.png) left bottom no-repeat;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
	border-bottom:0;
	background: url(images/solid_li2.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
	padding-left:5px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
	border:0px;
	background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
	background: url(images/line_li.png) left bottom no-repeat;
	padding-left:7px;
}

div#blog #blog_right #blog_right_pad #sidebar td.td_border{
	width:1px;
	background:url(images/pix.png) repeat-y top;
}

/* end sidebar*/

/* blog comm*/
div#blog #blog_left #blog_left_pad .blog_comm{
	padding-left:80px;
	padding-right:25px;
	text-align:left;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_title{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding-bottom:15px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_count{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-bottom:3px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_data{
	background:#f0f6fe;
	height:25px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_data_pad{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-top:5px;
	padding-left:5px;
}

div#blog #blog_left #blog_left_pad .blog_comm .comm_text{
	color:#4d4d4d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

div#blog #blog_left #blog_left_pad .blog_comm .bl_line{
	background:url(images/line_bl.png) repeat-x bottom;
	width:100%;
	height:1px;
	padding-top:5px;
}

div#blog #blog_left #blog_left_pad #comm_form
{
	padding-left:60px;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	text-align:left;
}

div#blog #blog_left #blog_left_pad #comm_form #form_title{
	background:url(images/form_comm_top_bg.png) no-repeat top;
	height:51px;
}

div#blog #blog_left #blog_left_pad #comm_form #form_title #form_title_text{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	padding-top:10px;
}

div#blog #blog_left #blog_left_pad #comm_form .form_table{
	background:url(images/form_comm_bg.png) repeat-y top;
	width:473px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:0px;
	padding-top:0px;
}

div#blog #blog_left #blog_left_pad #comm_form .form_comm_end{
	background:url(images/form_comm_end_bg.png) no-repeat top;
	width:473px;
	height:15px;
	padding-left:0px;
	padding-bottom:0px;
}
/* blog comm end*/


/* end blog */

/*footer*/
div#page #footer{
	float:left;
	width:100%;
	height:146px;
}

div#footer #footer_menu{
	width:973px;
	height:42px;
	background:url(images/menu_bg.gif) no-repeat top center;
}

div#footer_menu #footer_items{
	text-align:left;
	padding-left:20px;
	padding-top:12px;
}

div#footer_menu #footer_items li{
	display:inline;
	list-style-type:none;
	color:#bdbdbd;
}

div#footer_menu #footer_items li a{
	color:#bdbdbd;
	text-decoration:none;
	font-size:14px;
}

div#footer_menu #footer_items li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}

div#footer #footer_end{
	width:974px;
	height:104px;
	background:url(images/footer_bg.png) no-repeat top center;
}

div#footer #footer_end #footer_text{
	color:#003471;
	font-size:11px;
	padding-top:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#footer #footer_end #footer_text a{
	font-weight:bold;
	color:#003471;
}
/* end footer */


.blog_item blockquote{
	background:url(images/block_bg.png) repeat-y left top;
	padding-left:10px;
}

.blog_item ol{
	background:url(images/ol_bg.png) repeat-y left top;
}

.blog_item ul{
	padding-left:30px;
}

.blog_item img{
	float: left;
	margin:5px;
}
.lett{
float: left; 
font-size: 3em;

font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #230C50;
border: 1px solid #AFD37E; 
background-color: #FFFFCC; 
margin: 1px;
padding: 1px;
line-height: 1em;
}
.alignright { float: right !important; margin:0 0 15px 15px !important; }
/*img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
*/
img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
#global {margin: 0 auto;}
#ads{
display:block;
  position:absolute;
  left: 20%; 
  top: 70%;
  width:468px;
  z-index: 4;
}
.custom {
margin-left:11px;
}
	
