/*  
Theme Name: Blogotour 2008
Theme URI: http://www.blogotour.com/
Description: <a href="http://www.blogotour.com"/>Blogotour 2008</a> Theme.
Version: 0.1
Author: Synergie Media
Author URI: http://www.synergie-media.com/

	This theme was designed and built by Ahmed Chergaoui,
	whose blog you will find at http://www.chergaoui.com/

*/

/*@import "css/main.css";*/

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* General styles */

body {
  background-image: url(./images/background.jpg);
  background-position: top left;
  background-repeat: repeat-y;
  background-color: #f27c21;
  font-size: 12px;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  color:#333;  
  margin:0px;
  
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	letter-spacing:-2px;
        word-spacing : 4px;
	color : #f26322; 
}


h3 {
color : #cc9966; 
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.6em;
letter-spacing:-1px;
word-spacing:2px;
margin-top : 18px;
}


h4 {
color : #BBD745; 
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.2em;
letter-spacing:-1px;
word-spacing:2px;
margin : 0px;
}

hr{
	background:transparent none repeat scroll 0%;
	border-color: #56291d;
	border-style:none none solid;
	border-width:medium medium 1px;
	height:1px;
	clear: both;
}


img{
	border: 4px solid #56291d;
}

a:link, a:visited{
	text-decoration: none;
	color: #cc9966;
}

a:hover, a:active{
	text-decoration: none;
	background-color : #56291d;
	color: #f26322;
}

.floatleft{
float : left;
margin-right : 10px;
}


.floatright{
float : right;
margin-left : 10px;
}

.noborder, .wp-smiley {
border:none;
}

/* First Column */

#sidebar {
position: absolute;
left: 0px;
width: 300px;
padding:0px;
margin:0px;
}

#logo {
	margin	: 35px;
}

#logo a{
	display: block;
	width : 236px;
	height: 148px;
	background: transparent url(./images/blogotour-logo.png) no-repeat;
	text-indent: -9999px;
}

#lang {
left:230px;
margin:0px;
padding:0px;
position:absolute;
top:190px;
}

#sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#sidebar ul li {
margin-bottom:35px;
margin-left:30px;
}

#pages {
margin:0px 0pt 0pt 30px;
}

ul#subscribe {
	margin-left : 10px;
	margin-top : 10px;
}

ul#nav {
	margin-left : 10px;
	margin-top : 50px;
}

ul#nav li, ul#subscribe li {
list-style-type:none;
margin:0pt;
margin-bottom : 3px;
}


ul#nav li a:link, ul#nav li a:visited, ul#subscribe li a:link, ul#subscribe li a:visited{
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.6em;
height:32px;
letter-spacing:-2px;
padding-left:45px;
padding-top:2px;
color : #333;
}

ul#nav li a:hover, ul#nav li a:active, ul#subscribe li a:hover, ul#subscribe li a:active {
display:block;
height:32px;
color : #f27c21;
}

#programme {background: transparent url(./images/programme.png) no-repeat; }
#participants {background: transparent url(./images/participants.png) no-repeat; }
#sponsors {	background: transparent url(./images/sponsors.png) no-repeat; }
#presse {background: transparent url(./images/presse.png) no-repeat; }
#goodies {background: transparent url(./images/goodies.png) no-repeat; }
#blog {	background: transparent url(./images/inscription.png) no-repeat;}
#archives {background: transparent url(./images/archive.png) no-repeat; }
#rss-feed {background: transparent url(./images/rss.png) no-repeat; }
#mailing {background: transparent url(./images/newsletter.png) no-repeat; }

/* Second Column */

#main {
  margin-left: 300px;
  overflow: auto;
  color:#fefefe;
  overflow: hidden;
}

#header{
	width: 690px;
	height : 130px;
}

#header a{
	display: block;
	width : 690px;
	height: 127px;
	background: transparent url(./images/header-blogotour-2007.jpg) no-repeat;
	text-indent: -9999px;
}
#content {
	margin: 30px 35px;
	width: 590px;
	min-height : 530px;
}
#content ul{
margin-left : 5px;
list-style-position:inside;
}

#content a {
padding : 3px;
}
/*
#content a:hover {
   -moz-border-radius: 3px;
}
*/
#content p {
	text-align: justify;
	margin-top: 18px;
}

#about{
	margin-bottom: 30px;
}

#about h2{
	margin-bottom: 10px;
}

#mba{
	margin-top: 20px;
}

#mba img{
	float : left;
	margin-right: 18px;
	margin-bottom: 40px;
}

#mba h2{
	margin-bottom: 10px;
	margin-left: 300px;
}


#recent {
	margin:20px 0pt 1em;
}


#recent ul {
        list-style : none;
list-style-image : url(./images/bullet.jpg);
}

#recent ul li {
        height : 24px;
        margin-left : 30px;
}

#recent ul li a {
        color : #fff;
        padding-top: 0pt;
	padding-right: 10px;
	padding-bottom: 0pt;
	padding-left: 0px;
	display: block;
	height: 24px;
	line-height : 24px;
font-size : 1.1em;
}

#divers{
	margin:20px 0pt 1em;
margin-bottom : 20px;
}

#divers ul{
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	position:relative;
}

#divers ul li {
	float:left;	
}

#divers h2{
	margin-bottom: 10px;
}



#categories, #news{
	width:290px;
	margin-right : 24px;
         
}


#categories li {
       margin-right : 10px; font-size : 1.2em;
}

#last-comments{
	margin-bottom : 24px;
}

#connexe{
	margin-bottom : 40px;
}


#last-comments, #flickr{
	width:275px;
}

#last-comments ul, #connexe ul {
	list-style : none;
	margin : 0;
	padding : 0;
}

#last-comments li, #connexe li {
	display : block;
	margin : 0;
	padding : 0;
	clear : both;
}

#connexe ul, #connexe li {
         width:275px;
}

#footer{
	text-align: right;
	width: 650px;
	font-size:0.9em;
	line-height:1.3em;
	color: #eeeeee;
	clear : both;
        padding-top : 20px;
}

#footer ul {
	bottom:20px;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

#footer ul li {
	display:inline;
	margin:0pt;
	padding:0pt 0px 0pt 6px;
	white-space:nowrap;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.search {
     margin-bottom : 15px;
}

.search input { 
	color: #fff; 
	font-size: 14px; 
	font-family: 'Arial'; 
	letter-spacing: -1px; 
	font-weight: bold; 
}
.search  input.text { 
	background: #44190d; 
	border: none; 
	padding: 6px 0px 4px 8px; 
	width: 200px; 
	height: 21px; 
	border: none; 
}  
.search input.submit { 
	display: block; 
	text-indent: -9999px; 
	height: 31px; 
	background: url(./images/search.png) no-repeat;
	padding: 0px; 
	margin: -31px 0px 0px 208px; 
	top: 0px;
}

#flickr div a {
	display : block ;
	height : 75px;
	width : 75px;
	float : left;
	background-color : #56291d ;
	padding : 5px;
	margin-right : 5px;
	margin-bottom : 10px;

}

/* entries */

.post {
  clear:both;
}

.post .meta {
margin-bottom:1em;
font-size : 0.8em;
}

.post .meta * {
display:inline;
}

.post .meta a {
background : none;

}

.post .meta ul {
list-style : none;
}

.post .meta li {
background:transparent none repeat scroll 0%;
padding:0pt;
float :left;
}

.post .meta .comments{
float : right;
padding-left : 15px;
background : url(./images/comment.gif) no-repeat;
}
.post .meta .comments a{
color : #b5d334;
}

.post h2 {
	border-bottom : #56291d 1px dashed;
	padding-bottom : 1px;
}

.entry {
	margin-top : 25px;
	margin-bottom : 18px;
}

.entry ul {
margin : 0px;
margin-left : 15px;
margin-top : 10px;
margin-bottom : 10px;
list-style-position:inside;
}

.entry .centre{
text-align : center;
}


/* comments styles *********************************************************/

input.textbox{
	padding:2px;
	width:150px;
	border: 1px solid  #56291d;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}

textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid  #56291d;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}

.textbox:focus, textarea:focus {
	background:#fff;
	border:#f26322 1px solid;
}

#commentform {
	margin:0;
	padding:10px;
}

.commentlist {
	margin: 0;
	padding: 0;
}

.commentlist li {
	list-style:none;
	margin: 2em 0;
	padding: 0.5em;	border: 1px solid #56291d;
}

.commentlist li .cmtinfo {
	padding:5px;
	margin-bottom: 10px;
	position:relative;	
}

.commentlist li .cmtinfo em {
	margin:0;
	padding:0 1em;
	font-size:0.9em;
	font-weight:normal;		
	font-style:normal;
	color:#fff;	
}

.commentlist li cite {
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
}

.commentlist li.alt
{
	background-color: #56291d;
}

.commentlist li p{
	font-size: 1em;
}

h3#comments, h3#respond {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	color : #f26322;
}

/* Archives **************************************************************/


.archives h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight: bold;
	color : #fff;
	float : left;
}

.archives div.link-wrapper {
	margin-left : 120px;
}

.archives a
{
	padding-top: 0pt;
	padding-right: 10px;
	padding-bottom: 0pt;
	padding-left: 10px;
	display: block;
	height: 24px;
	line-height : 24px;
}

.archives a strong {
	font-weight: bold;
	color : #fff;
	margin-right : 20px;
}

#map {
        position : relative;
        top : 0px;
        left : -30px;
        display : block ;
        width : 639px;
        height : 447px;
        background: transparent url(./images/map-maroc-blogotour.jpg) no-repeat;
}

#map a {
        display : block;
        width : 14px;
        height : 14px;
        background: transparent url(./images/etape.gif) no-repeat;
        text-indent : -9999px;
} 

#map #agadir {
        position : absolute;
        left : 308px;
        top : 170px;
}



#map #marrakech {
        position : absolute;
        left : 357px;
        top : 142px;
}


#map #casa {
        position : absolute;
        left : 368px;
        top : 73px;
}

#map #rabat {
        position : absolute;
        left : 394px;
        top : 66px;
}

#map #eljadida {
        position : absolute;
        left : 340px;
        top : 93px;
}

#map div {
        float : left;
        position : absolute;
        left : 50px;
        top : 20px;
        font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	color : #f26322;
        display : none;
}


#agadir:hover + #note-agadir {
        display : inline;
}

#casa:hover + #note-casa {
        display : inline;
}

#rabat:hover + #note-rabat {
        display : inline;
}

#eljadida:hover + #note-eljadida {
        display : inline;
}

#marrakech:hover + #note-marrakech {
        display : inline;
}


#notice {
        display : block;
        width : 300px;
        background : #56291D;
        position : absolute;
        left : 590px;
        top : 350px;
        z-index : 9;      
        padding : 8px;
}

a.details {
        background : #56291D;
        color : #fff;	
        float: right;
	margin-top:5px;
        font-weight : bold;  
        /*-moz-border-radius:3px;      */
}


#feeds {
margin-bottom:30px;
margin-top:30px;
}
#feeds {
text-align:center;
}

#feeds ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#feeds ul li{
float:left;
}
#feeds h2{
margin-bottom:10px;
}

#technorati {
margin-right:30px;
text-align:left;
width:270px;
}

#blogsearch {
text-align:left;
width:290px;
}

#technorati, #blogsearch {
margin-bottom:30px;
}


h2 a:link, h2 a:visited {
     color : #f26322; 
}

.sponsor {
margin : 5px 15px;
}
ul.badges {list-style:none;text-align:center;}
ul.badges li {display:block;width:180px;float:left;margin-right:10px;margin-bottom:25px;}
ul.badges li textarea {height:160px;}