/*
Theme Name: Effervescence 2
Author: Stephane Angoulvant
Author URI: http://angoulvant.net/sblog
*/

/*
Hi there! I hope you'll find the CSS clean enough.
There probably are a few redundancies but this code is consistantly
being changed and updated... Such are the ways of life.
	
-Stephane
*/

/*
Color Index

*/

/* Main Stuff
------------------------------ */
html {
height:100%;
margin-bottom:0.1em;
}
* {
margin:0;
padding:0;
}
.clearage {
clear:both;
padding:0;
margin:0;
}
.clearit:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.clearit {display:inline-block}
.clearit {display:block}

hr {
clear:both;
height:0;
border:0;
border-top:1px solid #E6E6DF;
margin:0 0 12px 0;
padding:0;
}
img {
border:0;
}
blockquote {
border-left:1px dotted #96967E;
margin-left:20px;
padding-left:20px;
color:#363630;
}

/* Text Styles
------------------------------ */

/* Front Page Title --- */
h1 {
font:normal 20px Trebuchet MS, Arial, Helvetica, Tahoma, Verdana, serif;
float:left;
}
h1 a{ 
border:none;
background:url(images/logo.png) top left no-repeat;
display:block;
text-indent:-5000px;
height:23px;
width:227px;
margin:10px 5px 7px 15px;
}
h1 a:hover {
border:none;
background:url(images/logo.png) -227px 0 no-repeat;
}

/* Big Titles  --- */
h3 {
display:inline;
color:#68655b;
font:bold 22px Arial, Helvetica, Tahoma, Verdana, serif;
}
h3 a {
color:#e7e7d7;
text-decoration:none;
border:none;
}
h3 a:link {
color:#e7e7d7;
text-decoration:none;
}
h3 a:hover {
color:#fff;
border:none;
}
/* Gallery Titles  --- */
h4 {
color:#858474;
font:normal 17px Arial, Helvetica, Tahoma, Verdana, sans-serif;
}
h4 a {
color:#858474;
border:none;
}
h4 a:hover {
color:#999888;
border:none;
}

/* Links  --- */
a {
color:#777369;
text-decoration:none;
border-bottom:1px solid #008f73;
}
a:link {
color:#0c7c61;
text-decoration:none;
}
a:hover {
color:#25ac8e;
text-decoration:none;
border-bottom:1px solid #25ac8e;
}
.disabledlink {
color:#a8a894;
cursor:default;
}


/* Main Layout
------------------------------ */
body {
font:14px/22px Arial, Helvetica, Tahoma, Verdana, sans-serif;
color:#777369;
background:#282621;
text-align:left;
margin:0 auto 0 auto;
}
#container {
margin:0 auto 0 auto;
width:850px;
}
#box-info { 
width:816px;
margin:10px auto 0 auto;
}

/* Info Styling
------------------------------ */
#logo {
margin:0 0 15px 0;
background:#151412;
-moz-border-radius:0 0 20px 20px;
-webkit-border-radius:0 0 20px 20px;
}
.descbox {
padding:10px 0;
border-top:1px solid #38352c;
clear:both;
width:818px;
}
.meta {
float:left;
text-align:left;
width:100px;
color:#5e5a50;
}
.description, .taglist {
width:718px;
float:left;
text-align:left;
}
#copyright {
color:#5e5a50;
border-top:1px solid #38352c;
padding:15px 0 30px 0;
font-size:11px;
margin:0 auto 0 auto;
}
.taglist ul {
list-style-type: none;
display: inline;
}
.taglist li {
display:inline;
}
#imagemetadata_data {
text-align:left;
position:relative;
left:6em;
}

/* Page Navigation
------------------------------ */
#navbar {
padding-bottom:10px;
float:left;
}
#navbar a {
border:none;
}
.imgnav {
width:8em;
text-align:center;
float:right;
background:#060605;
padding:0 5px;
-moz-border-radius:0 0 20px 0;
-webkit-border-radius:0 0 20px 0;
}
.imgnav .imgprevious a, .imgnav .imgnext a {
display:block;
width:50%;
height:100%;
float:left;
padding:8px 0;
text-decoration:none;
border:none;
line-height:200%;
}
.imgnav .imgprevious a:link, .imgnav .imgnext a:link {
color:#9b978d;
}
.imgnav .imgprevious a {
float:left;
}
.imgnav .imgnext a {
float:right;
}
.imgnav .imgnext a {
-moz-border-radius:0 0 20px 0;
-webkit-border-radius:0 0 20px 0;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
text-decoration:none;
color:#25ac8e;
}
.imgcount {
float:right;
text-align:right;
}
div.pagelist {
padding:8px 15px;
-moz-border-radius:0 0 20px 0;
-webkit-border-radius:0 0 20px 0;
list-style-type:none;
text-align:right;
line-height:200%;
float:right;
background:#060605;
}
ul.pagelist li {
display:inline;
}
ul.pagelist li a, ul.pagelist span.disabledlink {
padding:4px;
}
ul.pagelist li.current a {
color:#fff;
border:none;
}
ul.pagelist a {
color:#777369;
border:none;
}
ul.pagelist a:link {
color:#9b978d;
}
ul.pagelist a:hover {
color:#25ac8e;
}
ul.pagelist li.prev {
margin-right:10px;
}
ul.pagelist li.next {
margin-left:10px;
}
.pagenav {
clear:both;
}

/* Image Thumbnails
------------------------------ */
#images {
margin:0 auto 0 auto;
width:815px;
border-top:1px solid #38352c;
border-bottom:1px solid #38352c;
padding-top:10px;
background:#151412 url(images/bg2.gif) 0 10px;
}
.imagethumb a {
display:block;
border-bottom:10px solid #000;
line-height:0px;
width:163px;
filter:alpha(opacity=70);
opacity:0.7;
}
.imagethumb a:visited {
}
.imagethumb a:hover {
filter:alpha(opacity=100);
opacity:1;
}
.imagethumb, .thumbnxt {
float:left;
}

/* Subalbum Thumbnails
------------------------------ */
#albumlist {
margin:15px auto 0 auto;
width:815px;
border-top:1px solid #38352c;
border-bottom:1px solid #38352c;
padding-top:10px;
background:#151412 url(images/bg3.gif) 0 10px;
}
.albumthumb {
margin: 0 1px 0 0;
padding:0;
float:left;
width:162px;
height:270px;
filter:alpha(opacity=70);
opacity:0.7;
border-bottom:10px solid #000;
overflow:hidden;
}
.albumthumb:hover {
filter:alpha(opacity=100);
opacity:1;
}
.albumthumb:hover a {
color:#009d80;
}
.albumthumb span {
width:162px;
display:block;
height:270px;
}
.albumdesc {
width:142px;
margin:0;
padding:3px 5px 5px 5px;
background:url(images/bk090.png);
white-space:normal;
color:#5e5a50;
}
.albumdesc p {
}

/* Individual Image
------------------------------ */
.image { 
margin:0;
padding:0;
border:0;
}
#image {
width:818px;
margin:0 auto 0 auto;
text-align:center;
}
#image a {
border:none;
}
#image img {
padding:1px;
background:#000;
border:8px solid #151412;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}