/*
Theme Name: Waxball
Theme URL: http://www.jadefaist.com/
Description: The first truely custom version
Author: Jade Faist
Author URI: http://www.jadefaist.com/
Version: 2.1
*/

/*
Color Key:
    dark blue: #001525;
    dark mid blue: #436473;
    light blue: #c1f3fa;
    dark grey: #1b1b1b;
    dark mid grey: #373737;
    mid grey: #7e7e7e;
    off white: #f1f1f1;
    orange: #eb870c;

Hierarchy:
    1) Reset
    1) General Styles
	1a) Custom General Styles
    2) Structure
	2a) About
	2b) Work
    3) Lists
	3a) Contact
    	3b) Skills
    4) Header
    5) Thumbnails
    6) Javascript Related
	6a) Tooltip
	6b) Modal Window
    7) Footer
*/

/* ============ 1) Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
ul { list-style: square inside; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; }
a img { border: none; }
img { vertical-align: middle; }
table { border-collapse: collapse; }
body { font-size: 62.5%; }
hr { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


body {
    background: #000 url(images/background/body.jpg) no-repeat center top;
    color: #ccc;
font: 62.5%/1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
a:link, a:active {
    color: #eb870c;
}
a:visited {
    color: #c16a00;
}
a:hover, a:focus {
    color: #a6a6a6;
}
p {
    padding-bottom: 1em;
}
hr {
	margin: 20px 0 30px 0;
}
.alignright {
    float: right;
    padding-left: 15px;
    padding-bottom: 10px;
}
#container {
    margin: 0 auto;
    width: 960px;
}
    #header {
	height: 158px;
	padding-bottom: 5px;
	position: relative;
    }
	a#home {
	color: #fff;
	display: block;
	font-size: 12em;
	margin:0 0 0 100px;
	position:relative;
	top:69px;
	}
	#navigation {
	left: 526px; bottom: 0;
	margin-bottom: 4px;
	overflow: hidden;
	position: absolute;
	padding: 0 20px;
	}
	    #navigation li {
		list-style: none outside;
        float: left;
		font-size: 1.8em;
        z-index: 900;
	    }
            #navigation li.back {
            background-color: #eb870c;
            height: 100%;
			opacity: 0.3;
            position: absolute;
            z-index: -5;
            }
		#navigation a {
		color: #fff;
		display: block;
		padding: 16px;
        z-index: 1000;
		}
		#navigation .current_page_item a {
		background: transparent url(images/background/current-nav.png) no-repeat center bottom;
		}
    #content {
	background: #000 url(images/background/content.jpg) no-repeat center top;
    }
	#slider {
	    background: #000 url(images/background/slider.jpg) no-repeat center -6px;
	    overflow:hidden;
	    position:relative;
	    width: 960px; height:489px;
	}
	    #slider .items {
		width:20000em;
		position:absolute;
	    }
		#slider .items .slide,
		.archives li.entry {
		    display: inline-block;
		    float:left;
		    font-size: 1.2em;
		    margin: 20px 10px 0 10px;
		    overflow: hidden;
		    padding: 8px 7px 8px 8px;
		    position: relative;
		    vertical-align: top;
		    width: 285px; height: 341px;
		}
		    .slide h2,
		    .archives li.entry h2 {
			font-size: 1.834em;
			padding: 10px 10px 14px 10px;
		    }
		    .slide h2 a {
		    color: #ccc;
		    }
		    .slide h2 a:hover {
		    color: #eb870c;
		    }
		    .slide .newbadge {
		    position: absolute;
		    top: 64px; right: 10px;
		    }
	    #slider .prev, #slider .next {
		cursor: pointer;
		display: block;
		position: absolute;
		top: 390px;
		width: 300px; height: 100px;
	    }
	    #slider .prev {
		background: transparent url(images/buttons/slide-left.png) no-repeat center top;
		left: 0;
		text-indent: -9999em;
	    }
	    #slider .prev:hover {
		background-position: 0 -100px;
	    }
	    #slider .next {
		background: transparent url(images/buttons/slide-right.png) no-repeat center top;
		right: 0;
		text-indent: -9999em;
	    }
	    #slider .next:hover {
		background-position: 0 -100px;
	    }
	    #slider .disabled {
		background-image: none;
		cursor: default;
	    }
	.post{
	    font-size: 1.2em;
	    line-height: 1.7em;
	    margin: 0 0 15px 0;
	    padding: 25px 0 20px 0;
	}
	    .post h2, .page h2 {
	    background: transparent url(images/background/bar.png) no-repeat left bottom;
	    font-size: 1.834em;
	    margin: 0 0 15px 0;
	    padding: 0 0 15px 0;
	    }
	    .post p, .page p {
		max-width: 600px;
	    }
	    .post ul {
	    list-style: outside square;
	    padding-left: 1em;
	    padding-bottom: 1em;
	    }
	    .post ul li {
	    padding: 0 0 0.5em 0.5em;
	    }
	    .post p.alignright, .page p.alignright {
		max-width: 960px;
	    }
	.page {
	padding: 30px 0 20px 0;
	font-size: 1.2em;
	line-height: 1.7em;
	}
	.archives {
	position: relative;
	padding-top: 60px;
	}
	a#archive-sorting {
	background-color:#1b1b1b;
	border:1px solid #373737;
	color:#eb870c;
	cursor:pointer;
	display:inline-block;
	font-size:1.6em;
	padding:5px 10px;
	}
	a#archive-sorting:hover {
	color: #a6a6a6;
	}
	#archive-controls {
	background-color:#1b1b1b;
	border:1px solid #373737;
	display: none;
	padding: 0 0 10px 0;
	margin: 0 9px;
	}
		#archive-controls h2 {
		padding: 10px 0 10px 10px;
		}
		#archive-cats li, #archive-dates li {
		border: 1px solid #373737;
		float: left;
		font-size: 1.2em;
		list-style: none;
		margin: 9px 6px 0 6px;
		padding: 5px 10px;
		width: 121px;
		}
		#archive-list {
		position: relative;
		margin-bottom: 20px;
		}
			.archives li.entry {
			border:1px solid #373737;
			list-style:none;
			margin: 20px 9px 0 9px;
			width: 157px; height: 200px;
			padding-bottom:15px;
			}
		.archives .pag-top {
		margin-left:9px;
		position: absolute;
		top: 15px;
		}
		.archives .pag-bottom {
		margin: 0 0 20px 9px;
		}
		#wp_page_numbers {
		display: inline-block;
		font-size: 1.6em;
		margin: 0 20px 0 9px;
		position: relative;
		top: 6px;
		z-index: 1000;
		}
			#wp_page_numbers li {
			list-style: none;
			float: left;
			}
				#wp_page_numbers a {
				display: block;
				padding: 5px 6px;
				}
				#wp_page_numbers a:hover {

				}
				#wp_page_numbers .active_page a {
				background-color: #eb870c;
				color: #000;
				cursor: default;
				padding: 5px 10px;
				margin: 0 5px;
				}
				#wp_page_numbers .active_page a:hover {
				color: #000;
				}
    #other,
    h2.single-nav {
	background: #000 url(images/background/bar.png) no-repeat center bottom;
	font-size: 2.2em;
	padding-bottom: 25px;
    }
    #comments {
	background: #000 url(images/background/bar.png) no-repeat center top;
	padding: 10px 0 0 0;
    min-height: 5px;
    }
    	#comments h2 {
    	font-size: 2.2em;
		padding: 20px 0 30px 0;
    	}
    	.commentlist {
		font-size: 1.2em;
		list-style: none;
    	}
    	.comment-body {
    	background-color: #1b1b1b;
	border: 1px solid #373737;
	line-height: 1.6em;
	margin: 0 20px 20px 0;
	min-height: 80px;
	padding: 10px 10px 30px 120px;
	position: relative;
	width: 420px;
    	}
    		.children, .depth-1 .comments_reply {
    		left: 350px;
		list-style: none;
		position: relative;
		top: -40px;
		width: 572px;
    		}
    			.children .reply {
    			display: none;
    			}
		.depth-1 .comments_reply {
		background-color: #1b1b1b;
		border: 1px solid #373737;
		padding: 10px 10px;
		margin-bottom: 20px;
		}
		.comments_reply label {
		font-size: 1.2em;
		}
		.commentlist label {
		font-size: 1em;
		}
		.comments_reply #comment {
		width: 550px;
		}
    	.bypostauthor .comment-body {
    	background-color: #001525;
		border: 1px solid #436473;
    	}
    		.comment-body .reply {
    		background-color: #1b1b1b;
			border-bottom: 1px solid #373737;
			border-right: 1px solid #373737;
			border-top: 1px solid #373737;
			padding: 5px 20px;
			position: absolute;
			top: -1px; right: -68px;
    		}
    		.bypostauthor .reply {
    		background-color: #001525;
			border-bottom: 1px solid #436473;
			border-right: 1px solid #436473;
			border-top: 1px solid #436473;
    		}
    		.comment-author {
    		padding: 0 0 10px 0;
    		}
    			.comment-author .avatar {
    			position: absolute;
    			top: 10px; left: 10px;
    			}
    		.comment-meta {
    		bottom: 0;
    		font-size: 0.834em;
			padding: 10px 0;
			position: absolute;
    		}
    .comments_reply {
    padding: 20px 0 0 0;
    }
    #sidebar {
	background: #000 url(images/background/content.jpg) no-repeat center top;
    }
    	#sidebar .profile-chunk img {
    	padding: 22px 8px;
    	}
    	#sidebar .social li {
    	float: left;
    	font-size: 1.4em;
    	list-style: none;
    	padding: 20px 0 20px 23px;
    	}
    		#sidebar .social li img {
    		padding-right: 5px;
    		}
    	#sidebar .meta {
    	font-size: 1.2em;
    	padding: 15px 0 25px 0;
    	text-align: center;
    	}
    	h2.single-nav {
    	margin-top: 40px;
    	}
   		div.single-nav {
   		position: relative;
   		}
    	.single-nav .nav {
    	float: left;
    	font-size: 1.6em;
    	padding: 20px 0 20px 0;
    	text-align: center;
    	width: 50%;
    	}
    #footer {
	background: #000 url(images/background/bar.png) no-repeat center top;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 5px 0 15px 0;
	position: relative;
    }
	#footer .twitter {
	    background: #000 url(images/background/twitter.jpg) no-repeat left top;
	    padding: 48px 14px 0 48px;
	    width: 168px; height: 152px;
	}
	#footer .copy {
	    bottom: 20px; left: 450px;
	    font-size: 0.917em;
	    position: absolute;
	}