/*

Theme Name: allef
Description: Allef's Stylesheet
Version: 1.0
Author: Helena Boylen
Author URI: http://www.littleblueplane.com

*/

/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}

/**************** General rules *********************/
html, body{ height:100%;  margin:0;  padding:0;  text-align:center;}
body {height:101%; line-height:150%; color: #555; text-align: center; background:#efefef url(/images/flagstrip.gif) top left repeat-x;}
#container{width:98%; max-width:1100px; margin: 2em auto;font-size:76%;border:6px solid #ccc;text-align:left;background-color:white; }
#header{position:relative; height:120px; border-top:1px solid #fff; background-color:white;color: #79B30B; width:100%;}
  #header #languages {position:absolute;top:40px;right:0;width:95px;}
  #header #languages a, #header #languages a:hover {border:none;background-color:white;text-decoration:none;}
  #header img.right {float:right;}
  #header img.toppic {flpat:left;margin:8px 0 0 5px;}
#skip {font-weight:bold;font-size:80%;   text-align:right; color:#555;   margin:0;position:absolute;top:0;right:0.5em;z-index:10;width:40%;}
#skip li {display:inline;  list-style-type: none;  padding: 0 0 0 1em;background-color:white;  }
#skip li a:link, #skip li a:visited  {border:none; color:#555; padding:5px;   }
#skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff;    padding:5px;border-top:1px solid white;}
h1 {width:30%;float:left;}
#wrapper {border-top:4px solid #cc0000;}
#sidebar{width:26%;float:left;position:relative;background-color:#eeedef;}
#sidebar h3 {font-size:110%; font-weight:bold; margin:20px 0 0 10px;}
#sidebar p {margin-left:10px;}
#inner{width:79%;float:left;position:relative;background:white url(/images/greyback.gif)  0 0 repeat-y;}
#extra {width:20%; float:right; position:relative; background-color:#fff; }
#extra p {margin: 5px 10px 8px 10px;font-size:90%;line-height:150%;}
#extra h3 {font-weight:bold; font-size:110%;margin-top:10px;}
.info {background:white url(/images/greyfade.jpg) left bottom repeat-x;margin-right:10px;border-bottom:10px solid #e1e3e2;}
.info h3 {background-color:#cc0000;background-image:url(/images/dot.jpg);background-position: left top;background-repeat: repeat-x;display:block;margin:0;padding:0 0 0 10px;color:white;height:1%;}
.info img.downloadpic {margin-left:2%;}
.info ul li {list-style-type:none;background: url(/images/page.gif) 0 0.4em no-repeat;padding-left:18px;margin-left:0;}
.info ul {margin-left:8px;}
#hcard {margin: 0 0 0 10px; padding: 0;width:80%; }
#hcard dl { margin: 0; padding: 0; }
#hcard dt { font-weight: bold;  margin: 0.3em 0 0 0;float:left;width:4em;clear:left;}
#hcard dd {  padding: 0; margin: 0.3em 0 0 0; float:left;width:11em;}
#hcard dt.first, #hcard dd.first {float:none; width:98%;}

#content ul {position: relative; margin:0 0 0 10px;padding:0px;}
#content ul li {list-style-type:none;background-image: url(/images/star.gif);background-position:0 0.6em; background-repeat: no-repeat;padding-left:15px;}
#content{background-color: #fff; float: left; display:inline; position: relative; width:73%;margin-left:0.5%; }
#content h1,h2,h3,h4,p,ul,ol {margin-left:20px;margin-right:10px;}
#content h2 {margin-top:10px;}
#content img {float:right;margin:5px 2% 8px 5px;}
#footer{height:5em; background: #cc0000;color: #FFF;clear:both; }
#footer p{margin:0;padding:5px 10px}
#footer a{display:inline;padding:0;color: #C6D5FD}
#footer span.left {float:left;width:48%;margin-left:10px;margin-top:1em;}
#footer span.right {float:right; width:48%;margin-right:10px; text-align:right;margin-top:1em;}

#download {width:145px;margin:20px auto;}
#download a {border-bottom:none;display:block;border:1px solid white;}
#download a:hover {display:block;border:1px solid red;background-color:white;padding:0;text-decoration:none;}
#download img {border:none;margin:0;padding:0;}
#searchform {margin:8px; padding:0;width:90%;}
#searchform legend {display:none;padding:0;margin:0;}
#searchform input {border:1px solid #0645a9;padding:2px;margin:0;width:120px;}

#searchform label.offleft {position:absolute; left:-9999px;}
#searchform input#searchsubmit {color:white;background-color:#0645a9;margin-left:2px;width:48px;}
#searchform input#searchsubmit:hover {color:white;background-color:#cc0000;}

#photogallery img {float:left;}
div.allefpost {border-bottom:1px solid #efefef;}
/**************** General Links ***********************************/
a:link            {color: #cc0000; text-decoration: none;border-bottom:1px dotted #cc0000;}
a:visited         { color: black; text-decoration: none;border-bottom:1px dotted #ccc;}
a:focus, a:hover, a:active {color: white;background-color:#cc0000; border-bottom:1px dotted #fff;}
/********************** Navigation ******************/
/* General IR statements */
.replace {position: relative;  overflow: hidden; margin: 8px 0 0px 8px;padding: 0;   font-size: 100%; }
.replace em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace em  { position: static; }
* html>body .replace a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {font-color:#555;padding-bottom:10px; background-color:#fff;     width:211px;     height: 105px; background: url(/images/logo.gif) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -105px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }


.navlist{margin:0;}
.navlist li{display:block;list-style: none;border-bottom:1px solid #dbdbdb;}
.navlist a {font-weight:bold;color:#267166;display:block;text-decoration:none;border-bottom:none;}
.navlist li a { display:block;text-decoration: none; }
.navlist a:link, .navlist a:visited {padding:0; color:#6b6868;border-bottom:none;}
.navlist a:visited {color:#333;}
.navlist a:hover, .navlist a:focus, .navlist a:active {background:#fff url(/images/navfade.jpg) left center repeat-y;color: #cc0000;}
.navlist ul li {border-bottom:1px solid #efefef;}
.navlist ul {margin-top:0;margin-bottom:0;margin-right:0;}
.current_page_item {background:#fff url(/images/navfade.jpg) left center repeat-y;color: #cc0000;}
 
/***************** Headings ********************/
h1{font-size:210%; color: #fff; font-weight:normal;margin:25px 0 0 10px;} 
h2 {font-size:160%; color: #cc0000; font-weight:normal;margin-top:0;font-family:"Trebuchet MS", Helvetica, sans-serif;}
h3 {font-size:110%; color:#0645a9;font-weight:bold;font-family:"Trebuchet MS", Helvetica, sans-serif;}
h4 {font-size:110%; color:#cc0000;font-weight:bold;font-family:"Trebuchet MS", Helvetica, sans-serif; }
 
 
 
.clearfix:after {content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*************** Other bits *************/


#inner a[href $='.pdf'] {padding-left: 15px; background: transparent url(/images/icon_pdf.gif) no-repeat center left;border-bottom:none;}
#inner a[href $='.doc'] {padding-left: 15px; background: transparent url(/images/icon_word.gif) no-repeat center left;border-bottom:none;}
#inner a[href $='.xls'] {padding-left: 15px; background: transparent url(/images/icon_xls.gif) no-repeat center left;border-bottom:none;}
#inner a[href $='.pdf']:focus, #inner a[href $='.pdf']:hover, #inner a[href $='.pdf']:active {padding-left: 15px; background: #cc0000; url(/images/icon_pdf.gif) no-repeat center left;border-bottom:none;}
#inner a[href $='.doc']:focus, #inner a[href $='.doc']:hover, #inner a[href $='.doc']:active {padding-left: 15px; background: #cc0000; url(/images/icon_word.gif) no-repeat center left;border-bottom:none;}
#inner a[href $='.xls']:focus, #inner a[href $='.xls']:hover,  #inner a[href $='.xls']:active {padding-left: 15px; background: #cc0000; url(/images/icon_xls.gif) no-repeat center left;border-bottom:none;}

#content img.icon, #content img.icon2 {float:none;clear:none;margin:0 3px 0 0;background-color:#fff;padding:0px;border:0;vertical-align:middle;}

/*************** Forms ******************/


#gb_form_div{ clear:both;  font-size: 100%;    color: #555;    margin: 0 0 0 10px;;    width: 80%; }
#gb_form_div fieldset {   border: 1px solid #b0b0b0 ;padding:12px 8px 8px 8px;margin-bottom:15px; }
#gb_form_div legend {  font-weight:bold; color:#b21a21 ;padding-bottom:5px;}
#gb_form_div fieldset {border:1px solid #b0b0b0 ;}
#gb_form_div #formwrap{border:none;background-image:none;}
#mainlegend {display:none;}
h2.main_formhead {display:none;}
#gb_form_div input {   background: #fff;    border: 1px solid #b0b0b0 ;    width: 70%;    padding: 5px 3px 5px 3px;    vertical-align: middle;    margin: 0 0 5px 0; }
#gb_form_div textarea { display:block;  background: #FFF;    border: 1px solid #aaa;    width: 98%;    margin-left: 0;    font-size: 110%;    padding: 3px;    vertical-align: middle; }
#gb_form_div input.button {   border: 1px solid #fff;    clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #e96c1a  url(/images/bluebutton.jpg) left top repeat-x; }
#gb_form_div input:hover, #gb_form_div textarea:hover {   border: 1px solid #aaa;       }
#gb_form_div input.button:focus, #gb_form_div input.button:hover, #gb_form_div input.button:active {   clear: both;    color: white;    font-size: 100%;    width: 30%;    margin: 10px 0 20px 0;    font-weight: bold;   background: #b21a21 url(/images/button2.jpg) left top repeat-x;   }
#gb_form_div input.short {width:10%;margin-top:8px;}
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active {   background-color: #538b37;    color: white; }
dt {font-weight:bold;}
#gb_form_div p {margin-left:0;}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;float:right;
}

.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;
}
/* End captions */

#mainalbum {margin-left:3%;}
#mainalum img {float:left;}
#mainalbum h3 {margin-left:0;clear:none;}
.falbum-album {padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}
.falbum-thumbnail-nods img {float:left;margin:5px 10px 5px 0;}
.falbum-navigationBar {clear:both;font-weight:bold;}
.falbum-navigationBar a {margin-right:8px;}
.falbum-nav {text-align:center;clear:both;}
.falbum-date-taken, .falbum-tags-block {display:none;}
#content #flickr-photo {float:left;}
#content #flickr-photo {margin:0 auto;float:none;display:block;}
#falbum img {float:left;border:none;}
#falbum-photo-desc {text-align:center;width:100%;font-weight:bold;}