/*
THEME NAME: My Wasted Space
THEME URI: 
DESCRIPTION: A custom theme for mywastedspace.com
VERSION: 2.0
AUTHOR: Mark Womack
AUTHOR URI:
TAGS: 
*/

@import url('blueprint/screen.css');

body {background: #231f20 url(pics/wrapper.png) no-repeat top center; color: #444; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative;}

#center {width: 815px; height: auto; margin: 0 auto; }

.pages {background: #fafafa url(pics/pages-bg.png) ; margin: 40px 0; -webkit-border-radius: 17px; -moz-border-radius: 17px; border: 2px solid #ccc; }

.header {height: 173px; background: url(pics/header-fade.png) repeat-x; -webkit-border-top-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-topleft: 15px; white-space: nowrap; overflow: hidden; text-overflow: none; border-bottom: 1px solid #ddd;}

.menu-base {height: 8px; background: #fafafa url(pics/menu-base.png) repeat-x;}

.logo {margin: 60px 30px 40px 40px; }

#nav {text-align: left;}
#nav li {display: inline; }
#nav ul {margin: 0 0 0 40px !important; padding-left: 0;}

.nav-tab {background: transparent url(pics/nav-tab.png) repeat-x; line-height: 1.8em; width: ; height: ; padding: 2px 8px; -webkit-border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc !important;}

.wsp-tab {width: 158px; text-align: center;}
.dir-tab {width: 145px; text-align: center;}
.aw-tab {width: 100px; text-align: center;}

#nav, #nav ul {padding: 0; margin: 0; list-style: none; }
#nav a {display: block; }
#nav li {float: left; border-right: none; margin-left: 0px ;  border-bottom: 1px solid #ccc;}
#nav li ul {position: absolute; left: -999em; text-align: left; line-height: 1.5em; background: rgba(0, 0, 0, 0.8); z-index: 10; margin-left: 0 ; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom: 2px solid #ccc ; border-left: 2px solid #ccc ; border-right: 2px solid #ccc ; text-transform: capitalize;  margin-left: -9px !important;}
#nav li ul a{ width: 172px; margin: 6px; color: #0092db;}
#nav li ul a:hover {color: #ccc !important; }
#nav li:hover ul , #nav li.sfhover ul{left: auto;}
.bottom-nav-item {border-bottom: none !important;}

.wsp-drop-down, .wsp-drop-down li {max-width: 172px;}
.dir-drop-down, .dir-drop-down li {max-width: 159px;}
.aw-drop-down, .aw-drop-down li {max-width: 114px;}

.page-title {margin-bottom: 1em;}

.main {margin: 20px 40px; min-height: 500px;}
.main-caption {width: 400px; color: #555; text-align: center; font-size: 1.1em; font-family: ; }
.home-pic img {border: 1px solid #ddd; }
.home-pic {margin-left: 12px;}

.primary {padding-right: 20px; }

.secondary {padding-left: 0px; }

.aqod-pic {margin-left: 20px; background: url(pics/aqod_cover.jpg) no-repeat center; width: 288px; height: 186px; }
.buy-aqod {margin: 20px; text-align: center;}

#phototable td {vertical-align: middle;}
#graphicdesign-table td {padding-top: 40px; padding-bottom: 0; vertical-align: middle;}

.gallery-nav {font-size: 1.1em; margin-bottom: 20px;}
.gallery-nav a {margin: 0 40px 0 0; color: #999 !important;}
.gallery-nav a:hover {color: #000 !important;}

abbr {border-bottom: none; } 

td {vertical-align: top; padding-right: 20px;}
td strong {font-size: 1.2em; font-weight: normal; color: #111;}
#wspub-main td strong {font-size: inherit; font-weight: bold; color: inherit;}
.blank-cell {height: 3em;}

.entry-meta {margin-bottom: 2em;}

.size-thumbnail {border: 1px solid #ddd;}
#graphicdesign-table img {border: 1px solid #ddd; margin: 0 auto; display: block;}

.photo-intro {margin-bottom: 3em;}
.photo-blurb {margin-top: 3em;}

.widget_search .button {background: url(pics/nav-tab.png) repeat-x bottom; color: #666; font-weight: bold; border-style:none; height: auto; width: 69px; padding: 6px; margin: 0; margin-left: -3px; margin-top: -1px; border: 1px solid #acacac; border-left: 0; border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; }
.widget_search .button:hover {color: #444;}
.widget_search input {border-right: 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px;}
.widget_search input.text  {width: 200px; padding: 6px;}

.footer {background: #fafafa url(pics/footer-fade.png) repeat-x; height: 173px; font-weight: ; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; color: #444;}
.footer ul {list-style-type: none;}
.bottom-nav li {display: inline; margin-left: 10px; line-height: 3em; border-right: 1px solid #333; padding-right: 10px; }
.bottom-nav li.bottom-nav-final {border-right: none ;}
.bottom-nav ul {margin: 30px 0 ; padding-left: 0; text-align: center;}
.widget_search {text-align: center; }

.copyright-notice {text-align: center; font-size: 1em; color: #3d3d3d; }

a {text-decoration: none; outline: none; -webkit-transition: color 0.25s ease-out; }
a:link, a:visited, a:active {color: #0092db; }
.main a:hover { color: #000 ; text-decoration: underline; }
a img, img { border: none; vertical-align: top; }
.drop, .nodrop {margin-right: 22px; font-weight: bold;}
.drop a:hover, .nodrop a:hover {color: #444; }
.subdrop a {color: #0092db; }
.footer a {color: #444; }
.footer a:hover { color: #ddd; text-decoration: underline;}
#stimuli_lightbox a:hover { border-bottom: ; }
h2 a:hover, h3 a:hover {text-decoration: none !important;}

img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden; }

.carty ul, .products-pagey ul {list-style-type: none;}
.carty {background: #efefef; margin-top: 1em; padding-top: 2em; padding-bottom: 3em; border: 1px solid #ddd; min-height: 300px; color: #666; -webkit-border-radius: 11px; -moz-border-radius: 11px;}
.products-pagey li a {font-size:1.5em; line-height:1; margin-bottom: 1em; }

.nav-next {text-align: right; float: right; width: 50%; }
.nav-previous {text-align: left; float: left; width: 50%; }
#nav-below {height: 3em; }
#nav-above {height: 3em;}


.entry-date {margin-bottom: 1em; border-top: 1px solid #ddd; color: #999;}
.playlist-date {border-top: none;}

.comment-meta {margin: 1em 0 3em 0; color: #999;}

.archive-months ul, .archive-categories ul{list-style: none; padding-left: 0; }
.archive-months a, .archive-categories a{font-size:1.2em; padding-left: 5px;}
.archive-months a:hover, .archive-categories a:hover{text-decoration: none;}
.archive-months li, .archive-categories li{border-bottom: 1px solid #ddd; line-height: 2em;}
.cat-count, .month-count {color: #aaa; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px;}
.cat-count {position: absolute; right: 140px;}
.month-count {position: absolute; right: 520px;}

.post hr {background: #ccc;}

blockquote {font-style: inherit; color: #666; text-align: justify ; padding-right: 2em;}
.address {font-style: normal; text-align: left; padding-right: 0;}

.gallery-navigation {margin: 30px 0 0 70px; width: ; text-align: ; }
.gallery-navigation a {padding: 0 23px; color: #999 !important; font-size: 1em; line-height: 1.5em; }
.gallery-navigation a.selected {color: #000 !important; }
.gallery-navigation a:hover {color: #555 !important; text-decoration: none !important;}
ul.gallery-navigation {list-style: none; padding-left: 0; margin-left: -40px;}
ul.gallery-navigation li {display: inline;}
ul.gallery-navigation a:focus {outline: none;}

#slider {
  width: 790px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 500px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: ;
}

.scrollContainer div.panel {
  padding: 0;
  height: 500px;
  width: 790px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
    position: absolute;
    top: 3px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 8px;
}

.scrollButtons.right {
    right: 400px;
}