/*
Theme Name: Oban Multilingual
Theme URI: http://wwww.obanmultilingual.com/
Description: The Oban Multilingual website theme
Version: 1.0
Author: Flo Devellennes

Oban Multilingual Theme designed and implemented by Flo Devellennes.
www.dexthis.com
Feel free to change for your own purposes. 
*/



/*************************** Wrapper ***************************/
/*This goes around the whole css*/


* {margin:0; padding:0 }




#wrapper{margin:0 auto; width:1200px; text-align:center;}

a{
color:#0099ff;
}

body a:hover{
color:#000;
text-decoration:none;
}

* html #mainContents {
height:800px;
}

.red{
color:#ff0000;

font-weight:bold;
}

.blue{
color:#0099ff;

font-weight:bold;
}

.green{
color:#009900;


}

.purple{
color:#9900cc;

}

.yellow{
color:#ff6600;
}

#mainContents {
float:left; display:block; width:650px; 
padding:0 0 0 25px;
border-right-style:solid; 
border-right-width:3px;
border-right-color: #ddd;
border-left-style:solid; 
border-left-width:3px;
border-left-color: #ddd;
min-height:800px;
}

body{margin-left: auto;
margin-right: auto;}



/*************************** left menu bar ***************************/

#sb-menuBar{
float:left;
color: #666666; 
text-align:right; 
font-family: Trebuchet MS;
width:90px;
height:100%;

/*border-right-style:solid; 
border-right-width:3px;
border-right-color: #ddd;
*/
padding-left:10px;
padding-top:5px;

background-image: url(http://www.obanmultilingual.com/images/bgLeft.jpg);
background-repeat: no-repeat; 
}

#menuContainer {
margin-top:200px;
}

#sb-menuElement {
font-size:12px; 
text-transform: uppercase; 
font-weight:bold; 
padding-right:5px;
padding-top: 8px;
padding-bottom: 0px;
}

#sb-menuElement a{
font-size:12px; 
text-transform: uppercase; 
font-weight:bold; 
text-decoration: none;
color: #666666; 
background-image: url('http://www.obanmultilingual.com/images/bullet.jpg');
background-repeat: no-repeat;
background-position: right;
/*background-attachment:fixed;*/
padding-right:10px;

}

#sb-menuElement a:active{
background-image: url('http://www.obanmultilingual.com/images/bulletH.jpg') ;
background-repeat: no-repeat;
background-position:right;
/*background-attachment:fixed;*/
color:#000;
}

#sb-menuElement a:hover{
background-image: url('http://www.obanmultilingual.com/images/bulletH.jpg') ;
background-repeat: no-repeat;
background-position:right;
/*background-attachment:fixed;*/
color:#000;
}

#sb-menuDivider{
border-bottom-style:solid; 
border-bottom-width:1px;
border-bottom-color: #ddd;
margin-top:4px;
padding-bottom:2px;
margin-right:5px;

}




/*************************** main menu bar ***************************/

#navigationContainer {
		height:48px;
		width:630px;
		background: url(http://www.obanmultilingual.com/images/menu.jpg) no-repeat;
		/*float:left;*/
		}

ul#navigation {
		
		font-size: 1.3em;
		display: table;
		margin:0 auto;
		
		padding-top: 20px;
		}

ul#navigation li {
		
		display: table-cell;
		}

ul#navigation  a {
		list-style: none;
		display: block;
		padding: 0 5px 0 0;
		font-family:Verdana;
		font-size:11px;
		font-weight:bold;
		color:#666666;
		text-decoration:none;
		letter-spacing:0;
		word-spacing:0px;
		font-weight: 700;
		}
		
ul#navigation  a:hover {
		color: #000000;
		text-decoration:none;
		}






/*************************** Main central section css ***************************/

#fp-wrapper{font-family: Verdana; width:620px;}
#fp-H2element, #fp-H2element a{color: #666666; font-size:14px; margin: 0 0 2px 4px; text-decoration:none; text-align:left;}
#fp-H1element {color: #ff0000; font-size:16px; text-align:center;}
#fp-H4element {color: #666666; font-size:14px; text-align:center;padding-top:5px}
.fp-abouth1{
color:#666;
font-size:14px;
text-align:left;
padding:10px 10px 0 10px;
margin:10px;
border-bottom-style:solid; 
border-bottom-width:1px;
border-bottom-color: #ddd;
}

#fp-IMGelement {float:left; margin-right:2px;border:0;}
#fp-Pelement {width:285px; text-align: justify; color:#666666; font-size:11px; margin: 0 20px 10px 0; letter-spacing:0; word-spacing:0px;padding-top:3px;}
#fp-Pelement a{text-decoration:none; color:#0099ff; font-weight:bold; font-size:10px;}
#fp-Pelement p{word-spacing:-0.5px;}
#fp-TABLE1 {margin-left:10px; margin-bottom:5px; }
#fp-TABLE1 td{padding-bottom:10px; }
#fp-MAIN {border-style:solid; border-width:1px; border-color:#dddddd; width:620px;}
#fp-Catchline {margin: 10px; border-bottom-style:solid; border-bottom-width:1px; border-color:#dddddd;padding:5px 0 15px 0;}
#fp-Engines{
padding-top:10px;
padding-bottom:10px;
}


#mb-logo{

font-family:Verdana;
width:620px;
}
#mb-logo img{
border:0;
}


img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}


/*************************** Sidebar***************************/

#sb-sideBar{
float:left;
color: #666666; 
text-align:left; 
font-family: Verdana;
width:275px;
padding-left:10px;
padding-top:5px;
background-image: url(http://www.obanmultilingual.com/images/bgRight.jpg);
background-repeat: no-repeat; 
}

#sb-borderDivUL{
border-top-style:solid;
border-bottom-style:solid; 
border-top-width:1px;
border-bottom-width:1px; 
border-top-color:#dddddd;
border-bottom-color:#dddddd;
width:270px;
padding-top:5px;
padding-bottom:5px;
}

#sb-sideBar a, #sb-sideBar li a{
text-decoration:none;
font-family:verdana;
font-size:11px;
}

#sb-borderDiv{
font-size:11px
}



/* Fix in folder for IE6 / 7 */

#sb-sideBar ul li{
list-style:disc;
margin:0 0 0 5px;
font-family:verdana;
font-size:11px;
line-height:12px;
margin-left:22px;
}


#sb-sideBar ul {
list-style:disc;
}


#sb-heading{
font-size:12px; 
text-transform: uppercase; 
font-weight:bold; 
padding-bottom:5px;
}

.sb-IMGlabel{
font-size:9px;
}

#sb-borderDiv{
border-top-style:solid;
border-bottom-style:solid; 
border-top-width:1px;
border-bottom-width:1px; 
border-top-color:#dddddd;
border-bottom-color:#dddddd;
width:270px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}

#sb-borderDiv form{
padding:0;
margin:0;
}

#sb-newsHeading a{
font-size:11px; 
font-weight:bold; 
text-decoration:none;
color:#0099ff;
}

#sb-newsHeading a:hover{
color:#000;
}

#sb-newsContent{
font-size:10px;
padding-bottom:8px;
padding-left:11px;
}

#sb-newsContent a{
font-size:10px;
font-weight:bold;
color:#00ccff;
text-decoration:none;
}




/*************************** Footer ***************************/

#mb-footer{
float:left;
font-family:Verdana;
text-align:left;
height:100px;
}

#mb-footerLinks{
margin-top:10px;
margin:0 auto;

text-align:center;
font-size:10px;
color:#666666;
padding:0 0 10px 0;
}

#mb-footerPrivacy{
margin:0 auto;
width:1100px;
text-align:center;
font-size:9px;
color:#999999;
padding:0 0 15px 0;
border-top-style:solid; border-top-width:1px; border-top-color:#dddddd; 
}

#mb-footerPrivacy a{
font-size:9px;
color:#999;
text-decoration: none;
}

#mb-footerLinks a{
color:#666;
text-decoration:none;
}

#mb-footerLinks a:hover{
color:#000;
text-decoration:none;
}


/********************* Clients page *************************/


#clients, #contact {
padding:10px;
}





#clients-bg {
background-image: url(http://www.obanmultilingual.com/images/bgClients.jpg) ;
background-repeat: no-repeat;
width:264px;
height:118px;

}

#clients p{
padding:5px;
font-size:11px;
color:#666;
}

#clients table{
margin:0 0 20px 15px;
}






/********************** For each Service provided **************************/
/* Multilingual Optimisation, PPC, Usability, Market Research, Web training*/


#services {
padding:10px;
}

#services-keyFacts{
/*background-image: url(http://www.obanmultilingual.com/images/bgKeyFacts.jpg);*/
width:206px;
/*height:238px;*/
border-style:solid;
border-width:1px;
border-color:#ddd;
padding-bottom:10px;;
padding-right:5px;;

}

#services-keyFacts h3{
padding:8px 8px 15px 8px;
text-align:left;
font-family:Verdana;
font-weight:bold;
font-size:16px;
}

#services-keyFacts p{
font-family:Verdana;
font-size:12px;

margin-left:15px;
text-align:left;
margin-top:10px;
padding:0px 5px 0px 15px;
border-left-style:solid; border-left-width:4px; }

#services-rightContainer{
padding:10px;
}

#services-rightContainer h2{
font-family:Verdana;
font-weight:bold;
font-size:16px;
text-align:left;
padding-bottom:15px;
}

#services-rightContainer p{
padding-top:10px;
text-align:justify;
color:#666;
font-size:12px;
}





/********************** Contact page *************************/

#contact-info{
color:#666;
font-family:Verdana;
font-size:11px;
margin-left:15px;
margin-top:20px;
padding-left:10px;
border-left-style:solid; border-left-width:2px;border-left-color:#0099ff;
}

#contact-info h2{

color:#000;
font-size:14px;
}

#contact-info a{

color:#0099ff;

text-decoration:none;
}

#contact-enquiry{
border-style:solid; border-width:2px;border-color:#ddd; padding:10px;
color:#666;
font-family:Verdana;
font-size:11px;
text-align:justify;
}

#contact-fields{
padding:0;
color:#000;
font-family:Verdana;
font-size:11px;
font-weight:bold;
}


/********************* Blog posts *************************/

#post {
padding:10px;
font-size:11px;
font-family:Verdana;
}

#post-category, #post-category a{
color:#666;
font-family: Verdana;
font-size:10px;
text-align:left;
text-decoration:none;
}

#post-category ul{
list-style: none;
}

#post-header{

font-family:Verdana;
background-repeat: no-repeat; 
height:80px;
margin-top:20px;
text-align:left;
border-bottom-style:solid; border-bottom-width:1px;border-bottom-color:#ddd;
}


/*doesn't work in IE*/
#post-headerNews li a:before{
content: "\00BB \0020";
}


#post-header img{
float:left;
margin-right:10px;
}

.post-header small{
size:10px;
color:#666;
}

#post h2{
padding-top:30px;
padding-bottom:5px;
font-family:Verdana;
font-size:16px;
font-weight:bold;
color:#000;
}


#post-content{
padding-left:80px;
padding-right:80px;
padding-top:30px;
padding-bottom:30px;
font-size:11px;
color:#333;
text-align:justify;
}


#post-commentHeader{
background-color:#ccc;
color:#000;
text-align:left;
font-weight:bold;
padding:5px;
}

.post-commentContainer{
border-left-style:dotted; border-left-width:1px;border-left-color:#333;
margin-top:25px;
color:#666;
text-align:left;
padding-left:5px;
margin-bottom:25px;

}


.post-commentAuthor, .post-commentAuthor a{
color:#000;
font-weight:bold;
text-decoration:none;
}


.post-commentDate{
color:#666;
}

.post-commentContent{
padding-top:15px;
color:#666;
text-align:justify;

}


#commentform{
text-align:left;
line-height:30px;
border-top-style:solid; border-top-width:1px;border-top-color:#999;

}

#respond{
text-align:left;
padding:15px 0 0 0;
font-size:12px;
}
#author{
margin-top:15px;
}

#comment{
width:550px;
}


.post-short{
font-family:Verdana;
margin:10px;
border-top-style:solid; border-top-width:6px;border-top-color:#ddd;
text-align:left;
padding:10px;
}

.post-shortContent{
margin-left:180px;
border-left-style:dotted; border-left-width:1px;border-left-color:#333;
padding:0 10px 0 10px;
}


.post-shortContent h3 a{
font-size:14px;
font-weight:bold;
text-decoration:none;
border-bottom-style:dotted;
border-width:1px;
color:#0099ff;
text-align:left;
}


.post-shortEntry p{
text-align:justify;
padding:10px 0 10px 0;
font-size:11px;
}


.post-shortEntry a{
text-decoration:none;
color:#0099ff;
font-size:11px;
}


.post-shortLeft{
float:left;
font-size:11px;
font-weight:bold;
color:#000;
}
.post-shortLeft a{
font-weight:normal;
font-size:11px;
color:#666;
text-decoration:none;
}

.post-shortLeftCat{
font-weight:normal;
color:#999;
}

.post-shortLeftCat a{
color:#0099ff;
}

.more-link{
color:#00ccff;  
text-decoration:none;
font-weight:bold;
}

#post h4 a{
text-decoration:none;
color:#0099ff;  
font-size:10px;
text-align:left;
}


#news h1{
text-align:left;
color:#ff0000;
font-size:16px;
font-family:Verdana;
padding:0 0 15px 0;
}


#post-headerNews table li{
list-style:none;
padding-right:20px;
}

#post-headerNews a{
text-decoration:none;
color:#000;
}


#post-headerCat{
font-weight:bold;
color:#999;
padding-bottom:5px;
}


#post-content p{
padding:0px 0 10px 0;
}


#post-headerNews{
font-family:Verdana;
background-repeat: no-repeat; 
padding:0px 0 10px 0;
text-align:left;
border-bottom-style:solid; border-bottom-width:1px;border-bottom-color:#ddd;
}


#post-headerNews img{
float:left;
margin-right:10px;
}


#post-content a{
text-decoration:none;
color:#0099ff;
}


/******************* Breadcrumbs trail for blog **************************/

.breadcrumbs {
display:inline;

font-weight:normal;
text-decoration:none;
color:#666;
font-size:10px;
}


.breadcrumbs ul, .breadcrumbs ul li{
list-style:none;
display:inline;
}




/******************* Search for blog **************************/

#search{
padding:5px;
text-align:left;
}
#search h3{
padding:10px 0 10px 0;
color:red;
}
#search p{
padding: 10px 0 10px 0;
}

#searchResults{
text-align:left;
padding:10px;
}

#searchResults h2{
padding: 10px 0 10px 0;
font-size:14px;
border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#666;
}

.results, .results a{
font-size:13px;
}


.post h3 a{
font-size:13px;
text-decoration:none;
color:#000;
}

.post{
font-size:11px;
padding:10px;
border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#ddd;
}

/* used for next and previous posts*/

.left a{
text-decoration:none;
}

.left{
font-size:10px;
text-align:left;
}

.right{
font-size:10px;
text-align:right;
}

.right a{
text-decoration:none;
}

.alignLeft{
text-align:left;
}



/*Oban offices*/

#oban-offices {
font-size:11px;
}

#oban-offices table td{
width:130px;
padding-right:20px;
}

#oban-offices table{
border-top-style:solid;
border-top-width:1px;
border-top-color:#ddd;
}

.phplist label{
display:none;
}

#sitemap{
padding:20px;
text-align:left;
color:#666;
}


#sitemap h2{
font-size:12px;
}

#sitemap ul {
font-size:12px;
font-weight:100;
padding-bottom:10px;
}

#sitemap ul li{
list-style:none;
padding-left:20px;
}

#sitemap a{
text-decoration:none;
}

#privacy, #privacy ul{
padding:15px;
color:#666;
font-size:11px
}
#privacy ul li{
padding-bottom:10px;
}
#privacy p, ul li{
text-align:left;
}
#privacy h2{
text-align:left;
font-size:12px;
padding-top:20px;
padding-bottom:10px;
}

.nocomments{
display:none;
}

/**
#attribute1, #email{
border-color:#999;
border-style:solid;
border-width:1px;
font-family:verdana;
font-size:11px;
padding:2px;
margin:2px;
}

#attribute1:hover, #email:hover{
border-color:#0099ff;
color:#0099ff;
border-style:solid;
border-width:1px;
font-family:verdana;
background-color:#ddd;
}

#contactsubmit{
border-color:#999;
margin:2px;
padding:1px;
color:#000;
border-style:solid;
border-width:1px;
font-family:verdana;
background-color:#ddd;
}**/