/*   
Theme Name: Bobee's Blank Theme
Theme URI: http://<website address>
Description: Bobee's blank theme made as my starting point for building radical Wordpress sites. Use as you see fit but please don't claim it as your own. Thanks!
Author: Bobee
Author URI: http://bobee.us
Version: 1.0
*/

/* =Start Screen Style
-------------------------------------------------------------- */
@media screen {

* { margin: 0; padding: 0; }
html,body{height: 100%;}
body { background: url(images/bkgd.png) repeat-x; font: 14px; font-family: Georgia, Times, Times New Roman, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.hide-me{display: none;}
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/* =Layout
-------------------------------------------------------------- */

#content{ width: 100%; padding: 50px 0 25px 0; background: url(images/top-footer-bkgd.png) top repeat-x; }
.wrap{width: 960px; margin: 0 auto 0 auto;}
#slider-bkgd{width: 960px; height: 375px; background: url(images/slider-bkgd.png) repeat-y; position: absolute; z-index: 300; left: 50%; margin: 10px 0 0 -480px;}
#slider{width: 960px; height: 325px; margin: 25px auto 25px auto; overflow: hidden; border: 5px solid #fff;}
#header{width: 100%; height: 150px; background: url(images/header-bkgd.png) repeat-x bottom; clear: both;}
#container{width: 689px; margin: 0 20px 20px 0; padding: 0 10px 0 0; float: left; position: relative; border-right: dotted #000 1px;}
#sidebar { width: 240px; margin: 0 0 20px 0; float: right; position: relative;}
#footer{width: 960px; height: 75px; margin: 50px 0 0 0; padding: 25px 0 0 0; border-top: 1px dashed #666;}

.footer-info{width: 650px; float:left;}

.facebook{width: 50px; height: 50px; margin: -5px 0 0 0; display: block; background: url(images/facebook.png) top; position: relative; float: right; border: none;}
.facebook:hover{width: 50px; height: 50px; display: block; background: url(images/facebook.png) bottom; }

.twitter{width: 50px; height: 50px;  margin: -5px 0 0 0;  display: block; background: url(images/twitter.png) top; position: relative; float: right; border: none; }
.twitter:hover{display: block; background: url(images/twitter.png) bottom; }

.devour{width: 50px; height: 50px;  margin: -5px 0 0 0;  display: block; background: url(images/devour.png) top; position: relative; float: right; border: none; }
.devour:hover{display: block; background: url(images/devour.png) bottom; }

#bottom{width: 100%; background: url(images/footer-bkgd.png) repeat; background-color: #666; clear: both; }

/* =Main Navigation
-------------------------------------------------------------- */


.primary-menu{width: 550px; height: 25px; float: right; position: relative; margin: 75px 0 0 0; }
.primary-menu ul{list-style: none;}
.primary-menu ul li{float: left; padding: 0 0 0 35px; }
.primary-menu ul li a{color: #fff; font-style: italic; text-decoration: none; text-transform: lowercase; padding: 0 0 5px 0; }
.primary-menu ul li a:hover{color: #3399CC;}
.primary-menu .current-menu-item a{color: #3399CC; border-bottom: 1px dashed #666;}

ul.primary-menu, div.primary-menu > ul{margin:0;padding:0  0;}
.primary-menu li:hover > a, .primary-menu li a:hover{color:#fff;}
.primary-menu .sub-menu, .primary-menu .children{display:none;float:left;padding:5px 0;position:absolute;left:2px;z-index:99999;width:100%;}
.primary-menu .sub-menu ul, .primary-menu .children ul{border-left:0;left:100%;top:0;}
ul.primary-menu ul a, .primary-menu ul ul a{color:#fff;margin:10px 0}
ul.primary-menu ul a:hover, .primary-menu ul ul a:hover{}
ul.primary-menu li:hover > ul, .primary-menu ul li:hover > ul{display:inherit; width: 100%;}
.primary-menu .current_page_item > a, .primary-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .primary-menu .current-menu-ancestor > a{font-style:italic;}.menu-toggle{display:none;}.navbar{margin:0 auto;max-width:1600px;width:100%;}.







/* =Widgets
-------------------------------------------------------------- */
.widget ul{list-style: disc inside;}

/* =Type
-------------------------------------------------------------- */

h1, h2, h3, h4{ font-weight: normal; margin: 0 0 10px 0; }
h1 { }
#logo{width: 340px; height: 100px; margin:20px 0 0 0; display: block; background: url(images/logo.png); float: left; position: relative;}
#logo a{width: 340px; height: 100px; display: block; cursor: pointer;}
h2 { font-size: 24pt; color: #669999; border-bottom: 1px dashed #666; padding: 0 0 10px 0; margin: 0 0 25px 0;}
h3 { font-size: 14pt; color: #666; font-style: italic; font-weight: bold;}
h4 { font-size: 12pt; color: #669999; font-weight: bold;}


p { margin: 0 0 10px 0; }
#footer p{ position: relative; color: #666; font-size: 10pt; font-style: italic;}
.footer-info a{color: #3399CC; padding: 0 0 5px 0; border-bottom: 1px dashed #666; text-decoration: none;}
.footer-info a:hover{color: #666;}
a { }
a:hover { } 

blockquote { }
blockquote p { }


ul, ol { margin: 0 0 10px 0; }

/* =Post
-------------------------------------------------------------- */

.post { }

.entry { }
.entry p{color: #666; font-size: 12pt; line-height: 1.75em; font-style: normal;}
.entry a { color: #3399CC; padding: 0 0 5px 0; border-bottom: 1px dashed #666; text-decoration: none; }
.entry a:hover { color: #666;}

hr{border: none; border-top: 1px dashed #666; width: 100%; margin: 25px 0 25px 0; clear: both;}

#meta { }
.postmetadata { }

.navgation { }
   .next-posts { }
   .prev-posts { }
.commentlist{list-style: none;}

.entry .alignleft{float: left; margin: 0 25px 0 0;}

/* =Search Form
-------------------------------------------------------------- */
#searchform { padding: 0 0 10px 0;}
	#s { }
	#searchsubmt { }
	
/* =Forms
-------------------------------------------------------------- */

form { }
input[type=text] { }
textarea { }

/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider { position:relative;width: 960px; height: 325px;}
.nivoSlider img {position:absolute; top:0px; left:0px; border: none; z-index: 1;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}

/* The slices in the Slider */

.nivo-slice { display:block; position:absolute; z-index:50; height:100%;}

/* Caption styles */

.nivo-caption { position:absolute; left:0px; bottom:0px; background:#666; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; width}
.nivo-caption p { padding:5px 20px 5px 40px; margin:0; color: #fff; font-size: 32pt; font-style: italic;}
.nivo-caption a { display:inline !important;}
.nivo-html-caption {display:block;}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a { position:relative; z-index:99; cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}


}
/* =End Screen Style
-------------------------------------------------------------- */