/* CSS for African Library Project
   copyright: Richard Hellyer rhellyer at comcast dot net
   acknowledgements to the CSS community for advice on centering,
   floating, and other zen-like attributes.
   
   General layout 
         body 
            #container
                #logo (absolutely positioned)
                #menu (float left, defined width, margin from top)
                #content 
                   #content-inside
                   #footer
*/

body {
  background:       black;  
  color:            #666666 ;  
  margin:           0; 
  padding:          0;
  font-family:      sans-serif;
  font-size:        95%;
  line-height:      130%;
}

a:link ,a:visited, a:hover, a:active { 
  color:            #FF6600;
  font-weight:      normal;
  text-decoration:  none; 
}

a:hover {
  text-decoration:  underline; 
}

#container { 
  width:            830px; 
}

#logo { 
  display:          block;
  position:         absolute; 
  top:              0px; 
  left:             0px;
}

#menu { 
  float:            left;
  margin:           290px 0 0 0px;
  padding:          0;
  width:            180px;
}

#content { 
  float:            right;
  margin:           0;
  padding:          0;
  width:            600px; 
  background:       white;   
}

#content-inside {
  margin:           20px 40px 0px 60px;
  padding:          0; 
}

#footer {
  margin-top:       0px; 
  text-align:       center;
  font-size:        90%;
}

#menu a { 
  display:          block;  
  margin:           0; 
  padding:          0;
  margin-bottom:3px;
  margin-left: 30px;
}

#menu a:hover {
  border-left:      black solid 15px
}

.picture-r { 
  margin:           10px 0 10px 10px; 
  padding:          0; 
  float:            right;
}

.picture-l { 
  margin:           10px 20px 10px 0; 
  padding:          0; 
  float:            left;
}

.nobullets { 
  list-style-type:  none;}

.letter {
  background:       burlywood; 
  padding:          20px; 
  font-family:      monospace; 
}

.goback {       
  float:            right; 
  background:       olivedrab; 
  padding:          5px; 
  color:            cornsilk; 
}

.sidebar { 
   color:           black;
   background:      cornsilk; 
   width:           90%; 
   font-size:       70%;
   line-height:     120%; 
   padding:         10px; 
   margin:          10px  0;
   border:          0;
}

/*  Photo Gallery -  thumb definition necessary to prevent highlighting of anchor image */

.thumb img { border:0; }
.photo {
  width:            400px;
  margin-left:      40px;
}

.caption {
  font-size:        150%; 
  margin:           40px;
  line-height: 130%;
}

/* Slide show - centers on page, with background border */

.slideplayer { 
  position:         absolute;
	left:             50%;
	width:            560px;
	margin-top:       150px;
	margin-left:      -250px; 
  height:           460px; 
  border:           0;
  padding:          0; 
  background:       black; 
  background-image: url(../images/slidebg.gif);
}

.slidewrapper {
  width:            400px;
  height: 300px
  border:           solid black 3px; 
  margin:           75px 0 0 0;
}



.prev {float: left; margin-left:45px;}
.next {float:right; margin-right:60px;}

.news, #news {
     border:8px #b4bc4d solid;
     padding:.5em 1em;
}
.news {padding:0; margin:0; padding-left:10px;}

#news h3 {
margin:0; padding:0;
}
#news p { margin:0;
margin-left: 2.6em;
margin-bottom:.5em;}
#news ul { margin-bottom:.4em;
margin-top:.4em; }

/*form table {font-size:95%}*/

div.newslinks {
	padding:20px 30px 10px 30px;
	width:85%;
	margin-top:30px;
	}
div.newslinks table {
	font-size:14px; 
	line-height:1.3em;
	}
div.newslinks table tr  td{
	padding-bottom:10px;}
	
hr {border:1px solid #ccc;}

/* formatting for blog items */



#blogmenu { 
display:none; /* temporarily hide, eventually reposition in margin */
font-size: .8em;
color:#ccc;

margin:3em 0 0 4em ;
padding:0;
}

#blogmenu a:hover { text-decoration: underline;
border-left: 0px;
}

.navigation { 
font-size:.8em;}


#blogmenu a { display:inline; }

#blogmenu {text-align:left;}
#blogmenu ul { list-style-type:none; padding:0;
margin:0;}

h3.storytitle {margin-bottom:0;}

#header h1 {margin-bottom:.2em;}


.moretext  {
display: block;
font-size:small;
text-align:right;}

#header h1 a {color: #b4bc4d;}
#header h3.storytitle  a { color:#ff9934;}

/* pad images in stories so they don't butt up against text */

.storycontent img {
padding: 3px; border:1px solid #B2BD4D;
margin:8px;
}

/* FACEBOOK AND ADD THIS*/

#sidebarlinks{
	position:absolute;
	top:680px;
	left:90px;
	color:white;
	font-size:.75em;
	width: 126px;
	
	}
#addthislink {
	display:none;}

#facebooklink {
	line-height:1.1em;
	padding:3px 5px 5px 5px;
	border:1px solid #666;
	width:90px;
}
#facebooklink img {
	margin-right:5px;
	margin-top:2px;
	float:left;
	border:0;}

#facebooklink a { color:white;}
#facebooklink a:hover { text-decoration:none; color:#FF9933;}
.center {
	text-align: center;
}

/* Richard's mods for alp */
#header-table, 
#breadcrumbs , 
#pagination, 
#link-back,
#picture-date{
	display:none;
}
#wrapper {
width:100%}

/* gallery */

#prev-link-container{
float:left; width:20%; margin-left:40px;}

#next-link-container{
float:right; width:20%; margin-right:25px;}

#prev-link-container a, #next-link-container a{
 text-decoration:none;
 text-transform:uppercase;
 color:#ff9933;}
 
#picture_caption {
font-size:1.6em;
color:#555;
text-align:center;
padding:40px 100px;
line-height:1.3em;}

#picture-holder {
padding-top:50px;}

#big-picture-container {
text-align:center;}

#thumbnail_container ul {list-style:none; padding:0;}

#thumbnail_container ul li {float:left; margin:5px;}


#thumbnail_container ul li a  img {padding:2px; border:1px #ccc solid; }
#thumbnail_container ul li a:hover  img {border:1px #FF9933 solid; background:#ff9933;}

img.photos-large {border:0;}

.clear {clear:both}
#newsletterpromo {border:1px solid #ccc; padding:0px 0 0 15px;margin-bottom:20px;}

.hidden {display:none;}