/*
Theme Name: KJV Photography
Theme URI: http://kjvphotography.com.com/
Description: Photography Website
Version: 1.0
Author: Kevin James Vreeburg
Author URI: http://kjvdesigns.com
Tags:XHTML/CSS, jQuery, 1 column, 2 column 
*/


@font-face {font-family: GeosansLight;src: local("GeosansLight"), url("fonts/GeosansLight.ttf") format("truetype");font-weight: normal;font-style: normal;}

body {margin:0px;padding:0px;background: url(images/bg.jpg) repeat;font-size:12pt;line-height:18px;font-family: GeosansLight, sans-serif;color:#999;}
#topBar {width:100%;background:url(images/topBar.png) top left repeat-x;}
#wrapper {width:1000px; margin: 0px auto; padding:0px;}
#header {height:126px;margin-bottom:30px;margin:0px;padding:0px;}
#logo {width:363px;height:93px;float:left;background: url(images/logo.png);margin-top:5px;padding:0px;}
#slideBG {background: url(images/slideBG.png) no-repeat;width:1000px;height:450px;margin-top:30px;}
#cu3er-container {width:900px;height:400px;outline:0;margin-left:50px;}
.clear {clear:both;}


#banner {width:125px;Height:125px; position:absolute;top:0px;right:0px;background: url(images/banner.jpg) no-repeat;}
a {color:#0c5ce0; text-decoration:none;}
a:hover {color:#fff;text-decoration: underline;}
/*#########################################*/
/*########## Heading Styles ##############*/
/*#######################################*/

h1 {font-size:20pt;color:#0c5ce0;font-weight:lighter;}
h2 {font-size:18pt;color:#0c5ce0;font-weight:lighter;}
h3 {font-size:16pt;color:#0c5ce0;font-weight:lighter;}
h4 {font-size:14pt;color:#0c5ce0;font-weight:lighter;}

/*######################################*/
/*########## Nav Styles  ##############*/
/*####################################*/
	/* Firefox Dotted Outline Fix */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
	

ul#menu {width:500px;height:46px;background:url(images/nav.png) no-repeat;list-style:none;margin-top:30px;padding:0px;float:right;}
ul#menu li {float:left;}
	
ul#menu li a {background:url(images/nav.png) no-repeat scroll top left;display:block;height:46px;position:relative;}
ul#menu li a.home {width:85px;}
ul#menu li a.about {width:77px;background-position:-85px 0px;}
ul#menu li a.nature {width:79px;background-position:-162px 0px;}
ul#menu li a.animals {width:83px;background-position:-241px 0px;}
ul#menu li a.abstract {width:85px;background-position:-324px 0px;}
ul#menu li a.people {width:89px;background-position:-410px 0px;}
	
ul#menu li a span {background:url(images/nav.png) no-repeat scroll bottom left;display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;}
ul#menu li a span:hover {cursor:pointer;}
	

ul#menu li a.home span {background-position:0px -46px;}
ul#menu li a.about span {background-position:-85px -46px;}
ul#menu li a.nature span {background-position:-162px -46px;}
ul#menu li a.animals span {background-position:-241px -46px;}
ul#menu li a.abstract span {background-position:-324px -46px;}
ul#menu li a.people span {background-position:-410px -46px;}


/*######################################*/
/*########## Page Styles ##############*/
/*####################################*/

#innerPage {padding:0px;margin:0px;}
#bottomContent {background: url(images/bodyBG.jpg) repeat-x #000000;min-height:350px;margin-top:30px;padding-bottom:40px;border-bottom:1px solid #716e6e;margin-bottom:20px;}
#bottomWrapper {width:1000px;margin:0px auto;}


/*######################################*/
/*########## Box  Styles ##############*/
/*####################################*/

#box1 {width:600px;margin-top:40px;margin-bottom:10px;padding:0px 20px 20px 20px;float:left;}
#box2 {width:250px;margin-top:40px;margin-left:15px;padding:20px 20px 40px 20px;border:1px solid #716e6e;-moz-border-radius: 10px;-webkit-border-radius: 10px;float:left;}
#homeLine {clear:both;width:600px;height:30px;background: url(images/line.png);}


/*########################################*/
/*########## Social Styles ##############*/
/*######################################*/

ul#social {width:600px;height:100px;background: url(images/social.png) no-repeat;margin-top:40px;padding:0px;list-style:none;}
ul#social li {float:left;}
ul#social li a {background:url(images/social.png) no-repeat scroll top left;display:block;height:100px;position:relative;}

ul#social li a span {background:url(images/social.png) no-repeat scroll bottom left;display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;}
ul#social li a span:hover {cursor:pointer;}

ul#social li a.twitter {width:150px;}
ul#social li a.facebook {background-position: -150px 0px;width:150px;}
ul#social li a.linkedin {background-position: -300px 0px;width:150px;}
ul#social li a.mail {background-position: -450px 0px;width:150px;}

ul#social li a.twitter span {background-position: 0px -100px;}
ul#social li a.facebook span {background-position: -150px -100px;}
ul#social li a.linkedin span {background-position: -300px -100px;}
ul#social li a.mail span {background-position: -450px -100px;}


/*######################################*/
/*########## Footer Styles ############*/
/*####################################*/

#footer {width:1000px;margin:0px auto;}
.left {float:left; font-size: 10pt;width:300px;}
.right {float:right; font-size: 10pt;width:300px;text-align: right;}


/*##########################################*/
/*########## Galleria Styles ##############*/
/*########################################*/

.gallery{list-style:none;width:200px}
.gallery li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.gallery li a{display:none}
.gallery li div{position:absolute;display:none;top:0;left:180px}
.gallery li div img{cursor:pointer}
.gallery li.active div img,.galleria li.active div{display:block}
.gallery li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.gallery li .caption{display:block;padding-top:.5em}
* html .gallery li div span{width:400px} /* MSIE bug */