/*
Theme Name: BTL V1
Theme URI: http://www.behindthelens.ca
Description: A theme that I created for my photoblog on Wordpress
Version: 0.1
Author: Brett Gillett
Author URI: http://www.blogonphotoblogs.com
*/

/* Begin Typography & Colors */
body {
	margin: 50px 0;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
}

a { text-decoration:none; border-bottom:1px dotted #ccc; color:#000;}
a:hover {text-decoration:none; border-bottom: 1px solid #ccc; color:#FF0000; }
a:visited { text-decoration:none; border-bottom:1px dotted #ccc; color:#000;}

#container {
	width: 900px;
	margin: 0 auto 0 auto;
}

#header {
	width: 900px;
	height:80px;
}

#header img {
	float: left;
	border: 0;
}

.masthead {
	margin-top:25px;
	padding: 5px;
	float: right;
	font-variant:small-caps;
	font-size: 92.5%;
}

#footer {
	font-variant: small-caps;
	font-size: 82.5%;
	text-align:center;
}

#s3slider {
   width: 900px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0px;
   margin-top: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   border:0;
   padding: 0;
   margin:0;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 13px;
   width: 900px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

img.alignleft, img[align="left"] {
        float:left;
        margin: 2px 10px 5px 0px;
        background:#ccc;
        padding:5px;
        border:1px solid #000;
}

.entry {
	float: left;
	font-size: 14px;
	margin-top: 0px;
}

.entry img {float: left;padding: 2px; background-color: #ccc; border: 1px solid #000; margin: 5px 5px 0 0; }
.entry h2 { font-size: 16px; line-height: 18px; margin-bottom: 5px; border-bottom: 1px dotted #ccc; }