/*
Theme Name: natedawg_joy
Theme URI: http://www.natedawg.net
Author: NateDawg
*/

/*CSS RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{ 
	border:0;
}
/*END CSS RESET*/

/*BODY*/
html,body{
	background:#1a1a1a url("images/top_bg.png") top repeat-x;
	color:#000;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	margin:0 0 20px;
	text-align:center;
}
code{
	background:#fff8e3;
	border-color:#fccbbb;
	border-style:solid;
	border-width:1px;
	display:block;
	margin:10px 0;
	overflow:auto;
	white-space:pre;
	width:100%;
}
li code{
	margin-left:-40px;
	width:528px;
}
a:link,a:visited{
	background-color:transparent;
	color:#ff9a25;
}
a:hover{
	color:#2b2b2b;
}
hr{
	background:#000;
	color:#000;
	height:1px;
	margin:0;
}
#container{
	margin:0 auto;
	text-align:left;
	width:830px;
}
#logo_container{
	background:url("images/header.png") no-repeat center top;
	color:#fff;
	height:207px;
	margin:0;
	padding:0;
	text-align:center;
	width:830px;
}
#logo_container img{
	margin-top:20px;
}
#tabs{
	font-size:1.1em;
	margin-top:25px;
}
#tabs ul{
	list-style:none;
	margin:0;
	padding:0;
}
#tabs li{
	float:left;
	margin:2px 20px 0 0;
	padding:0 0 0 8px;
}
#tabs a{
	color:#0B619A;
	display:block;
	float:none;
	padding:4px 8px 7px 2px;
	text-decoration:none;
}
#tabs a:hover{
	color:#000;
	text-decoration:underline;
}
#tabs .active{
	background:url("images/left.png") no-repeat left top;
}
#tabs .active a{
	background:url("images/right.png") no-repeat right top;
	color:#fff;
}
#tabs .active a:hover{
	text-decoration:none;
}
#site_map{
	float:right;
	font-size:.8em;
	padding:34px 20px 0 0;
	text-align:center;
	width:170px;
}
#middle{
	background:#f9f9f9 url(images/middle.png) repeat-y;
	margin:0;
}
#middle_top{
	background:#f9f9f9 url(images/middle_top.png) repeat-x;
	color:#fff;
	font-size:.9em;
	height:80px;
	line-height:1.5em;
	padding-left:65px;
}
#middle_top h4{
	color:#B6EEFA;
	font-size:1.3em;
	font-style:italic;
	margin:0 0 0 -25px;
	padding:7px 0 0;
	text-align:left;
	letter-spacing:5px;
}
#welcome{
	float:left;
}
.search{
	float:right;
	color:#fff;
	margin:6px 18px 0 0;
	padding:10px 5px 3px;
	text-align:center;
	width:176px;
}
#search_box{
	width: 181px;
	height:29px;
	font-size:.9em;
	background-position:right;
}
#search_submit{
	float:right;
	height:29px;
	width:29px;
	background: url(images/search_button.png);
	background-position:left;
	border:none;
}
#search_submit:hover{
	background-position:right;
}
#search_box #s {
	float: left;
	margin: 5px 0 0 6px;
	border: 0;
	width: 142px;
	background: transparent;
	color:#000;
	font-size:1.4em;
}
#search_box #searchsubmit{
	float: right;
	margin:0;
}
#left{
	float:left;
	padding:0 15px;
	width:560px;
}
#right{
	float:right;
	width:220px;
}
#clear_left_and_right{
	clear:both;
}
#content_top{
	clear:both;
	color:#404040;
	font-size:1.3em;
	height:88px;
	padding-top:3px;
	text-align:center;
}
.entry{
	padding:10px 15px 10px 15px;
	font-size:1em;
	color:#203854;
	font-family:Verdana, Helvetica, sans-serif;
}
#footer{
	background:#f9f9f9 url(images/footer.png) bottom no-repeat;
	clear:both;
	font-size:1em;
	font-weight:bold;
	height:100px;
	width:830px;
}
#footer a:link,#footer a:visited{
	color:#919191;
	font-size:1em;
	text-decoration:none;
}
#footer a:hover,#footer a:active{
	color:#0B619B;
	font-size:1em;
}
#footer_longboard_container{
	background:#1a1a1a url("images/longboard_bg.png") top repeat-x;
	clear:both;
	font-weight:700;
	height:200px;
}
#footer_longboard{
	background:#1a1a1a url("images/footer_longboard.png") top repeat-x;
	clear:both;
	font-size:.8em;
	margin:0 auto;
	height:200px;
	width:732px;
}
#footer_contact{
	padding-top:15px;
	font-style:italic; 
	margin-left:180px;
	color:#ff3b01;
}
#footer_longboard a:hover,#footer_longboard a:active{
	color:#fff;
}
#footer_contact li{
	list-style-image:url("images/bullet.png");
}
.footer_margin{
	margin-left:45px;
}
#up_arrow{
	float:left;
	margin:63px 0 0 10px;
	text-align:left;
	width:70px;
}
#validation_and_rss{
	float:right;
	font-size:.88em;
	margin:53px 10px 0 0;
	text-align:center;
}
.block_title{
	background:url(images/block.png) top right no-repeat;
	color:#0b5f97;
	font-size:1.1em;
	height:12px;
	margin:0 0 0 18px;
	text-align:center;
	width:190px;
}
.block_content{
	background:#fff;
	border-color:#e2e2e2;
	border-style:solid;
	border-width:0 2px;
	color:#0B619B;
	font-size:.9em;
	margin:0 0 0 18px;
	padding:10px 5px 3px;
	text-align:left;
	width:176px;
}
.support_links li{
	height:15px;
	margin:2px;
	padding-bottom:4px;
	border-color:#ccc;
	border-style:dotted;
	border-width:1px 0 0 0;
}
.support_links li a{
	margin-left:5px;
}

.block_bottom{
	background:url(images/block.png) bottom left no-repeat;
	height:12px;
	margin:0 0 7px 18px;
	padding:0;
	width:190px;
}
.content_block{
	margin:10px 0;
	color:#333;
	font-size:1em;
	padding:0 0 0 5px;
	width:575px;
}
.content_container p{
	margin:.8em;
}
.content_container hr{
	background-color:silver;
	border:1px;
	height:1px;
	margin:2px;
}
.content_links{
	background:url(images/content_link_bar.png) top;
	height:27px;
	margin:10px 0 50px 5px;
	padding-top:9px;
	text-align:center;
	width:571px;
}
.content_links .inline{
	background:none;
	margin:0;
	padding:0;
}
.comment_links{
	background:url(images/comment_link.png) top;
	height:24px;
	margin:10px 0 50px 5px;
	padding-top:4px;
	text-align:center;
	width:154px;
	float:right;
	clear:both;
}
.comment_links a:link,.comment_links a:visited{
	background-color:transparent;
	text-decoration:none;
	color:#f2f2f2;
}
.comment_links a:hover{
	color:#ff9a25;
}
.title{
	background:url(images/title_bar.png) center bottom no-repeat;
	color:#ff9a25;
	font-size:1.7em;
	font-weight:400;
	height:26px;
	margin:0 0 5px 0;
	padding:0 0 10px 5px;
	width:566px;
	clear:both;
}
.title a{
	text-decoration:none;
}
.content_date{
	color:#0b5f97;
	float:right;
	font-size:.64em;
	margin-top:3px;
	padding:5px;
}
.content_date span{
	color:#7a9ab0;
	font-size:.8em;
	margin-top:3px;
	padding:0 2px 5px 0;
}
.blue_title{
	background:url(images/title_bar.png) bottom left no-repeat;
	color:#0B5F97;
	font-size:1.7em;
	font-weight:400;
	height:30px;
	margin:10px 0 15px 0;
	padding:0 0 5px 5px;
	width:566px;
}
.blue_title_small{
	background:url(images/blue_title_small.png) bottom left no-repeat;
	color:#0B5F97;
	font-size:1.7em;
	font-weight:400;
	height:30px;
	margin:10px 0 15px 0;
	padding:0 0 5px 5px;
	width:571px;
}
.grey_title{
	background:url(images/title_bar.png) bottom right no-repeat;
	color:#B3B3B3;
	text-align:center;
	font-size:1.7em;
	font-weight:400;
	height:26px;
	margin:10px 0 15px 0;
	padding:0 0 5px 5px;
	width:566px;
}
.comment_number{
	background:url('images/comment_number.png') bottom right no-repeat;
	float:left;
	color:#fff;
	width:26px;
	height:20px;
	padding-top:1px;
	text-align:center;
	margin:-5px 0 0 -5px;
	font-size:.8em;
}
.comment_title{
	width:501px;
	height:25px;
}
.comment{
	background:#fff6de;
	color:#6e5026;
	width:501px;
	font-size:.8em;
	padding:0 7px 15px 0;
	margin:0 0 10px 35px;
	border-color:#ffcd47;
	border-style:solid;
	border-width:1px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.comment p{
	margin:0 10px;
}

.comment_author{
	color:#ff9a25;
	font-size:1.3em;
	width:340px;
	margin-left:5px;
	float:left;
}
.comment_date{
	width:100px;
	margin-right:10px;
	font-size:.9em;
	float:right;
	text-align:right;
}
.highlight .comment{
	background:#d1edff;
	border-color:#14a1ff;
	color:#005893;
}
.highlight .comment_middle{
	background:#D7E8F4;
	color:#22343F;
	border-color:#A6CDF5;
}
.highlight .comment_bottom{
	background:url("images/admin_comment_box.png") bottom no-repeat;
}
.highlight .comment_author{
	color:#0b5f97;
}
#comment_form{
	margin-left:15px;
}
#comment_form label{
	margin-left:5px;
	color: #0b5f97;
	font-size:1.2em;
	font-weight:bold;
}
.align_input input{
	width:220px;
	margin:5px 0 0 5px;
	background:#fff;
	color:#000;
	border:none;
	font-size:1.1em;
}
.align_input_textarea{
	width:450px;
	height:200px;
	background: url(images/textarea.png);
}
.align_input_textarea textarea{
	width:438px;
	height:188px;
	background:#fff;
	color:#000;
	margin:6px;
	border:none;
	font-size:1.1em;
}
#comment_form .submit{
	background: url(images/submit_button.png);
	margin-top:10px;
	height:27px;
	width:90px;
	color:#fff;
	font-size:1.3em;
	border:none;
	padding:0 0 5px 0;
	background-position:right;
}
#comment_form .submit:hover{
	background-position:left;
}
.align_input{
    width:231px;
    height:29px;
    background: url(images/input.png) right no-repeat;

}
.content_links a:hover,.content_links a:active,.title a:hover,.title a:active{
	color:#000;
	text-decoration:none;
}
.round_float_right{
	float:right;
	margin:10px -15px 10px 10px;
}
.portfolio_title{
	text-align:center;
	margin-bottom:-8px;
}
.portfolio_bg{
	width:536px;
	height:232px;
	background:url(images/portfolio_bg.png);
	margin-bottom:25px;
}
.portfolio_bg img{
	margin-top:17px;
	margin-left:18px;
}
.edit_link, .edit_link_page{
	clear:both;
	width:90px;
	float:right;
	padding:3px;
	text-align:center;
	font-size:1em;
	background:#FBFBFB;
	border-color:#ccc;
	border-style:dotted;
	border-width:1px;
}
.edit_link_page{
	font-size:.6em;
}
.orange_bg{
	margin:-15px 0 0 -5px;
	padding:5px;
	background:url(images/orange_bg.png) bottom;
	width:541px;
	height:42px;
}
.contact_bubble_top{
	width:510px;
	height:78px;
	padding-left:30px;
	padding-top:23px;
	margin-top:20px;
	background:url(images/contact_bubble_top.png);
}
.contact_bubble{
	width:510px;
	padding-left:30px;
	margin-top:-23px;
	background:url(images/contact_bubble.png);
}
.contact_bubble_bottom{
	width:540px;
	height:52px;
	background:url(images/contact_bubble_bottom.png) bottom;
}
.submit{
	background: url(images/submit_button.png) right;
	margin:30px 0 0 30px;
	height:27px;
	width:90px;
	color:#fff;
	font-size:1.3em;
	border:none;
	padding:0 0 5px 0;
	background-position:right;
}
.submit:hover{
	background: url(images/submit_button.png) left;
}
#captcha{
	margin-top:10px;
}
.size-medium{
	background:#f2f2f2 url('images/photo_middle.png');
	width:510px;
	border:solid 1px #ccc;
	padding:10px 10px 40px 10px;
	margin-bottom:10px;
	-moz-box-shadow: 5px  5px 5px #ddd;
	-webkit-box-shadow: 5px 5px 5px #ddd;
	box-shadow: 5px 5px 5px #e9e9e9;
}
.entry-content{
	display:block;
	font-size:.8em;
}
.twitter ul li ul li{
	display:block;
	border:dotted #ccc;
	border-width:1px 0 1px 0;
	margin:3px 5px 15px 5px;
}
.time-meta{
	font-size:.8em;
	display:block;
	margin-bottom:3px;
}
.from-meta{
	display:none;
}









/*
 * USAGE:
 * 	Simply add class="natedawg_button [skin]" to a <button> or <a> element and wrap the label text with double <span>s.
 * 	You can optionally add a "silk" icon to the button text by using a third <span> with class to identify the icon.   
 * 
 * EXAMPLE: 
 * 	<button id="btn1" class="natedawg_button" name="btn1" type="submit" value="Submit">
 * 		<span><span><span class="ok">Submit</span></span></span>
 * 	</button>
 */


/* 
 *	Generic styles for all natedawg_ Buttons
 */

.natedawg_button {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.20);
	background: none;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	
	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}


.natedawg_button[disabled],
.natedawg_button[disabled]:hover,
.natedawg_button[disabled]:focus,
.natedawg_button[disabled]:active,
.natedawg_button.disabled,
.natedawg_button.disabled:hover,
.natedawg_button.disabled:focus,
.natedawg_button.disabled:active {
	color: #333 !important;
	cursor: inherit;
	text-shadow: none; 
	opacity: 0.33;
}


/* 
 * Simple Skin Buttons
 */

.natedawg_button.natedawg_simple { 
	position: relative; 
	padding: 5px 10px 5px;
	font: inherit;
	font-size: 13px !important;
	font-style: normal !important; 
	font-weight: bold !important; 
	color: #fff !important;
	line-height: 1; 
	background-image: url(images/awesome-overlay-sprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	
	/* Special effects */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25); 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	
	/* IE only stuff */
	border-bottom: 1px solid transparent\9;
	_background-image: none;
	
	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*display: inline !important;
	position: relative;
	
	/* Force hasLayout in IE */
	zoom: 1;
	
	/* Disable text selection (Firefox only)*/
	-moz-user-select: none;
}

.natedawg_button.natedawg_simple::selection {
	background: transparent;
}

.natedawg_button.natedawg_simple:hover,
.natedawg_button.natedawg_simple:focus {
	background-position: 0 -50px; 
	color: #fff !important;
}

.natedawg_button.natedawg_simple:active { 
	background-position: 0 -100px; 
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
	/* Unfortunately, Safari doesn't support inset yet */
	-webkit-box-shadow: none;
	
	/* IE only stuff */
	border-bottom: 0\9;
	border-top: 1px solid #666\9;
}

.natedawg_button.natedawg_simple[disabled], 
.natedawg_button.natedawg_simple.disabled { 
	background-position: 0 -150px; 
	color: #333 !important;
	text-shadow: none; 
}

.natedawg_button.natedawg_simple[disabled]:hover,
.natedawg_button.natedawg_simple[disabled]:focus,
.natedawg_button.natedawg_simple[disabled]:active,
.natedawg_button.natedawg_simple.disabled:hover,
.natedawg_button.natedawg_simple.disabled:focus,
.natedawg_button.natedawg_simple.disabled:active {
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
} 

.natedawg_button.natedawg_simple span {
	height: auto;
	padding-left: 24px;
	padding-right: 0;
	background-position: left center;
	background-repeat: no-repeat;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-left: 0;		Or just hide icons from the undeserving IE6 */
}

.natedawg_button.natedawg_simple span.after {
	padding-left: 0;
	padding-right: 24px;
	background-position: right center;
	/* IE6 still requires a PNG transparency fix */ 
	/* _padding-right: 0;		Or just hide icons from the undeserving IE6 */
}

/* Simple button colors */
.natedawg_button.natedawg_simple					{ background-color: #333; }		/* Default */
.natedawg_button.natedawg_simple.natedawg_black		{ background-color: #333; }
.natedawg_button.natedawg_simple.natedawg_red		{ background-color: #a90118; }
.natedawg_button.natedawg_simple.natedawg_orange	{ background-color: #ff8a00; }
.natedawg_button.natedawg_simple.natedawg_yellow	{ background-color: #ffb515; }
.natedawg_button.natedawg_simple.natedawg_green		{ background-color: #59a901; }
.natedawg_button.natedawg_simple.natedawg_blue		{ background-color: #015ea9; }
.natedawg_button.natedawg_simple.natedawg_teal		{ background-color: #2daebf; }
.natedawg_button.natedawg_simple.natedawg_magenta	{ background-color: #a9014b; }
.natedawg_button.natedawg_simple.natedawg_purple	{ background-color: #9d01a9; }

/* Simple button sizes */
.natedawg_button.natedawg_simple.natedawg_small          { padding: 4px 7px 5px; font-size: 10px !important; }
.natedawg_button.natedawg_simple.natedawg_small:active   { padding: 5px 7px 4px; }
.natedawg_button.natedawg_simple                    { /* default */ }
.natedawg_button.natedawg_simple:active             { padding: 6px 10px 4px; }
.natedawg_button.natedawg_simple.natedawg_medium         { /* default */ }
.natedawg_button.natedawg_simple.natedawg_medium:active  { padding: 6px 10px 4px; }
.natedawg_button.natedawg_simple.natedawg_large          { padding: 8px 14px 8px; font-size: 14px !important; }
.natedawg_button.natedawg_simple.natedawg_large:active   { padding: 9px 14px 7px; }
.natedawg_button.natedawg_simple.natedawg_xl             { padding: 8px 14px 8px; font-size: 16px !important; }
.natedawg_button.natedawg_simple.natedawg_xl:active      { padding: 9px 14px 7px; }
.natedawg_button.natedawg_simple.natedawg_xxl            { padding: 8px 14px 8px; font-size: 20px !important; }
.natedawg_button.natedawg_simple.natedawg_xxl:active     { padding: 9px 14px 7px; }
.natedawg_button.natedawg_simple.natedawg_xxxl           { padding: 8px 14px 8px; font-size: 26px !important; }
.natedawg_button.natedawg_simple.natedawg_xxxl:active    { padding: 9px 14px 7px; }

.natedawg_button.natedawg_simple.natedawg_small[disabled]:active,
.natedawg_button.natedawg_simple.natedawg_small.disabled:active   	{ padding: 4px 7px 5px; }
.natedawg_button.natedawg_simple[disabled]:active,
.natedawg_button.natedawg_simple.disabled:active 	            { padding: 5px 10px 5px; }
.natedawg_button.natedawg_simple.natedawg_medium[disabled]:active,
.natedawg_button.natedawg_simple.natedawg_medium.disabled:active 		{ padding: 6px 10px 4px; }
.natedawg_button.natedawg_simple.natedawg_large[disabled]:active,
.natedawg_button.natedawg_simple.natedawg_large.disabled:active   	{ padding: 8px 14px 8px; }
.natedawg_button.natedawg_simple.natedawg_xl[disabled]:active,
.natedawg_button.natedawg_simple.natedawg_xl.disabled:active	      { padding: 8px 14px 8px; }
.natedawg_button.natedawg_simple.natedawg_xxl[disabled]:active,
.natedawg_button.natedawg_simple.natedawg_xxl.disabled:active 		   { padding: 8px 14px 8px; }
.natedawg_button.natedawg_simple.natedawg_xxxl[disabled]:active,
.natedawg_button.natedawg_simple.natedawg_xxxl.disabled:active    	{ padding: 8px 14px 8px; }