/*
Theme Name: HustleHustle
Theme URI: http://wordpress.org/
Description: Theme for JoshNorris.com, Featuring large image headers, custom sidebars, and minimalistic navigation
Version: 1
Author: Josh Norris
Author URI: http://joshnorris.com/
Tags: custom, cms, anti-blog


*/

body {
	margin: 0px;
	padding-left: 91px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial;
	font-size: 13px;
	color: #999999;
	background-color: gray;
	background-image: url('images/bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
	}

/* Structure */

#container {
	background-color: black;
	width: 910px;
	margin: 0 auto;
	}

#nav h1 {
	display: block;
	width: 91px;
	height: 36px;
	text-indent: -9999px;
	background: transparent url('images/logo.png') no-repeat 0 0;
	margin-bottom: 30px;
	}

#nav h1 a, #nav a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	}

#nav {
	width: 91px;
	padding-top: 20px;
	position: absolute;
	margin-left: -91px;
	}

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

li.button {
	display: block;
	width: 91px;
	height: 28px;
	text-indent: -9999px;
	}

ul#sub-menu {
	padding-top: 10px;
	background-color: black;
	padding-bottom: 5px;
	}

#sub-menu li{
	display: block;
	width: 88px;
	text-indent: 12px;
	color: white;
	font-size: 10px;
	padding-bottom: 7px;
	}

#sub-menu a {
	text-decoration: none;
	color: white;
	}

#sub-menu a:hover {
	color: red;
	}

#nav #about { background: transparent url('images/nav-about.png') no-repeat 0 0; }

#nav #services { background: transparent url('images/nav-services.png') no-repeat 0 0; }

#nav #clients { background: transparent url('images/nav-clients.png') no-repeat 0 0; }

#nav #videos { background: transparent url('images/nav-videos.png') no-repeat 0 0; }

#nav #news { background: transparent url('images/nav-news.png') no-repeat 0 0; }

#nav #contact { background: transparent url('images/nav-contact.png') no-repeat 0 0; }
	
#jumbo-tron {
	background-color: black;
	}

/* for z index control of nav

#nav {
	width: 91px;
	padding-top: 20px;
	position: relative;
	left: -91px;
	z-index: -1;
	}

#jumbo-tron {
	background-color: black;
	margin-top: -367px;
	}

*/
	
#content {
	border-top: 1px dotted #525252;
	background-color: black;
	}
	
#bar {
	border-top: 1px dotted #525252;
	padding-left: 45px;
	}
	
#body {
	width: 552px;
	padding: 25px 25px 15px 45px;
	float: left;
	}

#body-full {
	width: 839px;
	padding: 25px 25px 15px 45px;
	float: left;
	}

#index-body {
	width: 910px;
	padding: 25px 0px;
	text-align: center;
	float: left;
	}

#sidebar {
	float: right;
	width: 247px;
	padding: 15px 20px 15px 20px;
	border-left: 1px dotted #525252;
	}
	
.clear {
	clear: both;
	}

#entry {
	margin-bottom: 20px;
	}
	
#footer {
	background-color: black;
	
	width: 910px;
	margin: 10px auto 20px auto;
	}

#footer-left {
	float: left;
	padding: 8px 0 8px 20px;
	}

#footer-right {
	text-align: right;
	padding: 8px 20px 8px 0;
	}

/* Formatting */

p {
	font-size: 13px;
	line-height: 1.5;
	}
	
a {
	color: #999999;
	}

h2 a, h3 a {
	text-decoration: none;
	color: white;
	}
	
legend { color: white; }
	
#sidebar p {
	font-size: 11px;
	line-height: 1.5em;
	}

h1, h2, h3, h4 {
	color: white;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

h2 {
	text-transform: uppercase;
	}
	
img {
	border: 0px;
	}



.wp-image-32 {
	border: 1px solid #343434;
	padding: 10px;
	}

#body img.left-align {
	margin: 0px 15px 10px 0;
	border: 1px solid #343434;
	}


.body-285 {
	border: 1px solid #666666;
	width: 285px;
	margin: 0 15px 10px 0;
	float: left;
	}

/* UNIQUE ELEMENTS */

#short-bio {
	text-align: left;
	width: 400px;
	float: left;
	padding-left: 28px;
	padding-top: 10px;
	}
	
#short-bio p {
	font-size: 12px;
	}
	

	
#bestof {
	margin-top: 10px;
	}

.quote {
	margin-left: 35px;
	margin-right: 35px;
	clear: both;
	}

.quote b {	
	color: white;
	
	}

.quote img {
	margin-right: 40px;
	width: 220px;
	}

#logos {
	clear: both;
	text-align: center;
	}

#service-selector {
	width: 200px;
	background-color: white;
	float: left;
	margin-right: 10px;
	}
	
#service-selector ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#service-selector li {
	display: block;
	width: 190px;
	height: 21px;
	line-height: 21px;
	font-size: 10px;
	padding-left: 10px;
	}

li.colorone {
	background-color: #f4f4f4;
	}

li.colortwo
	background-color: whitesmoke;
	}


/* SPECIAL CASING */

.noborder {
	border: 0px;
	}

.border {
	border: 1px solid #343434;
	}

p.white, span.white { color: white; }

p.indent {
	margin-left: 30px;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

h3#best-magician {
	margin-top: 275px;
	}

/* CUSTOM SIDEBAR CLASSES */

.post-16 #sidebar {
	background-color: #4b4b4b;
	background-image: url('images/best-of-dc2.jpg');
	background-repeat: no-repeat;
	}

.darkness {	
	background-color: #4b4b4b;
	background-image: url('images/bg-sidebar-dark.jpg');
	background-repeat: no-repeat;
	}

.darkness img {
	margin-top: 100px;
	margin-bottom: -45px;
	}

img#bestof {
	margin-top: 40px;
	margin-bottom: -45px;
	}
	
.dark {	
	background-color: #141414;
	background-image: url('images/bg-sidebar.jpg');
	background-repeat: no-repeat;
	}

.dark img {
	margin-top: 60px;
	margin-bottom: -45px;
	}

/*Image Slider */


#info {
	margin: 0 auto;
	overflow: hidden;
	width: 870px;
}

#info .mod {
	overflow:hidden;
}

#themes {
	width:10000px;		
}

ul#themes {
	margin: 0;
	padding: 0;
	}

.mod {
	width:870px;
	height: 135px;
	overflow:hidden;
	margin:0 0;
	position:relative;
}

#themes, #themes li {
	margin:0;
	padding:0;
	overflow:hidden;
}

#themes li {
	width: 207px; 
	height: 135px; 
	float: left; 
	margin-right: 14px;
}
	
li a img {
	border: none;
}
	
#info a {
	background:#fff;
	color:#333;
	display:block;
	position:absolute;
	text-decoration:none;
	top:0px;
	z-index:100;
}

/*listing-row*/

.listing-row {
	height: 255px;
	overflow: hidden;
	padding: 10px 0;
}

.listing-item {
	float: left;
	width: 480px;
	padding-left: 20px;
}

.listing-item img{
	float: left;
	margin-right: 4px;
}

.listing-item p{
	padding: 2px 0;
}

/*Pagers*/
#pager {
	padding: 5px 0 120px 0;
	width: 999px;
}

#pager #move-right {
	float: right;
}

#pager a img {
	border: none;
}

#listing-pager {
	width: 1000px;
	padding-bottom: 34px;
	text-align: right;	
}

#listing-pager a{
	color: #fff;
	text-decoration: none;
	font-size: 120%;
	margin-left: 10px;	
}

#listing-pager a:hover { 
	color: #f30;
	
}

#rightArrow {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	color: white;
	z-index: 1000;
	margin-top: 56px;
	margin-left: 880px;
	}

#leftArrow {
	display: block;
	height: 24px;
	width: 24px;
	position: absolute;
	color: white;
	z-index: 1000;
	margin-top: 56px;
	margin-left: 6px;
	}

a#move-left {
	display: block;
	text-indent: -10000px;
	height: 24px;
	width: 24px;
	background-image: url('images/left-arrow.png');
	background-repeat: no-repeat;
	outline: none;
	}

a#move-right {
	display: block;
	text-indent: -10000px;
	height: 24px;
	width: 24px;
	background-image: url('images/right-arrow.png');
	background-repeat: no-repeat;
	outline: none;
	}
	


/* Calendar Style */
	
	.upcoming-events h3 {
		margin-bottom: 15px;
		}
	
	li.upcoming-events {
		list-style: none;
		font-size: 11px;
		}
	
	.upcoming-events ul { 
		list-style: none;
		margin: 0px;
		padding: 0px;
		}

    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         border-bottom:1px dotted #FFFFFF;
         }
    .calnk a:visited {
         text-decoration:none;
         border-bottom:1px dotted #FFFFFF;
        }
    .calnk a {
        text-decoration:none;  
        border-bottom:1px dotted #FFFFFF;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }