/*
Theme Name: Modslider
Theme URI: http://graphpaperpress.com
Description: A child theme for Modularity
Author: Thad Allender
Author URI: http://thadallender.com
Template: modularity
Version: 1.5.2
License:  All Rights Reserved
*/
	
@import url("../modularity/style.css");

body {background:#000 url(images/bg.jpg); background-position:50% 0%; background-repeat:no-repeat;
}
#top {width:990px;height:200px;margin:40px auto 4px auto;padding:0;}
#top .logo {display:block;height:200px;overflow:hidden;padding:0;width:259px; margin:0 auto;}
#top .logo a{display:block;height:57px;overflow:hidden;width:259px;}
#top .logo a img{border:0;}
#top .logo a:hover {display:block;height:43px;text-indent:-259px;width:259px;}
.description {margin:0 24px; padding:26px 0 0 0; float:left;color:#000}
.login {float:right;margin:26px 20px 0 0;color:#000}
#top .feed {float:right;margin:26px 0 0 3px;padding: 0 0 0 16px;background: url("images/rss.png") no-repeat 0 50%;} 
#masthead {display:block;clear:both}

/* NAVIGATION - Basic code - don't modify */ 
div.wrapper { position: relative; margin: 0 auto; width: 990px;display: block;background-color: #B03900; height: 42px;z-index:102; }
div.nav-wrapper { display: block; margin: 0 auto; padding: 0; position: relative;width:950px;}
#nav-drop {float:left;}
#nav-drop li { text-align: left; display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; cursor:default; text-transform:uppercase; }
#nav-drop a { display: block; z-index: 100; text-decoration:none;}
#nav-drop ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav-drop ul { line-height: 0; } /* IE6 "fix" */
#nav-drop ul a { zoom: 1; } /* IE6/7 fix */
#nav-drop ul li { float: none; }
#nav-drop ul ul { top: 0; }
    
/* NAVIGATION _ Essentials - configure this */
#nav-drop ul { width: 170px; }
#nav-drop ul ul { left: 170px; }

/* NAVIGATION - Everything else is theming */
#nav-drop *:hover { background-color: none; }
#nav-drop a {color: white; font-size: 12px; padding: 15px; line-height: 1; }
#nav-drop li.hover a { background-color: #222; }
#nav-drop ul { top: 42px; }
#nav-drop ul li a { background-color: #222; }
#nav-drop ul a.hover { background-color: #000; }
#nav-drop li ul li a { border-bottom: 1px solid #333; border-right: none; }
/* #nav-drop ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav-drop ul li a.children {background-image: url(images/arrow.png); background-position: right center; background-repeat: no-repeat;}
#nav-drop a.site-logo {width: 150px;background:url(images/button.jpg) no-repeat 0px 0px;}
#nav-drop ul li a.site-logo:hover {color:#fff;background:url(images/button.jpg) no-repeat 0px -71px;}

/* NAVIGATION - Search for something */
div.nav-wrapper #search { position: relative; float: right; height:40px; width:210px; background: url(images/search.jpg) no-repeat left top; z-index: 200}
div.nav-wrapper #search:hover { background: url(images/search-hover.jpg) no-repeat left top}
div.nav-wrapper #search #s { background: transparent; float: left; display: block; margin:0;padding-left: 37px; width: 140px; border: none; font-size: 12px; color: #ccc; vertical-align: bottom; }
#search #s:hover { color: #fff; background: transparent}
div.nav-wrapper #search #s:hover {color: #fff;background: transparent;}

.postmetadata {background:#000;border-top:1px solid #444;border-bottom:1px solid #444;padding:10px;color:#999; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;font-size:10px;}
.postmetadata a {color:#ccc;}
.postmetadata a:hover {color:#fff;text-decoration:underline}

/* Sidebar */
#sidebar ul li a:hover,ul.txt li:hover{color:#515151;background-position:1px 0.8em;background: #f2f1ef url(images/li.png) no-repeat 2px 10px;}


.menu {height:42px; position:relative; z-index:100;  font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {height:42px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; text-align:center;}
.menu ul ul { text-transform:uppercase; text-align:center;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; margin-right:10px;position:relative; text-align:center; } 
/* style the links for the top level */
.menu a, .menu a:visited {float:left;font-size:12px;text-decoration:none; color:#fff; height:42px;  border-width:1px 0 1px 1px; background:#b03900; line-height:42px; font-weight:bold; text-transform:uppercase; text-align:center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {text-align:center;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {margin-top:10px; background:#fff no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#fff 130px center;}
.menu ul ul :hover > a.drop {background:#fff no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px; margin-top:12px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#eee; color:#000; height:25px; line-height:1em; padding:5px 10px; width:128px; line-height:25px;}
/* yet another hack for IE5.5 */


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

.menu_item {padding-left:5px; padding-right:5px; text-align:center; text-transform:capitalize;
width:70px
} 
#content {width:300px}

#suckerfishnav {
    background:#B03900;
    font-size:12px;
    border:0px;
    font-weight:bold;
    font-family:Trebuchet MS;
    letter-spacing:1px; 
    text-transform:uppercase; 
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    margin:0;
    width:100%;
    }
#suckerfishnav a { margin-top:2px;
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#suckerfishnav li li {
    width:149px;
    margin-top:2px;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
     color:#B03900;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fff; 
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#DA0909;
    }

h3.sub,h2.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1.6em;font-weight: bold;line-height: 1em;text-transform: uppercase;letter-spacing: 1px;color: #515151;border-bottom: 1px solid #eee; text-shadow:0px 0px 2px #333;}
#socialitem {-moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; padding:10px; width:130px; height:30px; margin-bottom:10px; float:left;  }
#socialitem img {width:30px; height:30px; float:right;}
#socialitem a {text-decoration:none; font-size:10px; color:#000; font-weight:bold;}

.shoppingobject {clear:both; width:450px; margin-bottom:20px; padding:5px;}
.shoppingimage {float:left;}
.shoppingprice {float:left; margin-left:5px;}