/******************************************************************
Theme Name: Themble
Theme URI: http://www.themble.com/
Description: A Designer friendly Theme.
Version: 0.09
Author: Eddie Machado
Author URI: http://www.skeletonkeymedia.com
Tags: HTML5, Framework
******************************************************************/

/* general reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;vertical-align: baseline;border: 0;outline: 0;background: transparent;font-size:100%; }

/* html 5 reset */               
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* list style type reset */
ol, ul {list-style: none;}

/* blockquote reset */
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

/* form & input resets */
select, input, textarea, button { font:99% sans-serif; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
input, select { vertical-align:middle; }
textarea { overflow: auto; } 
button {  width: auto; overflow: visible; }
:focus {outline: 0;}

/* highlight reset */
::-moz-selection{ background: #7eb9fc; color:#fff; text-shadow: none; }
::selection { background:#7eb9fc; color:#fff; text-shadow: none; } 

/* table resets */
table {border-collapse: collapse;border-spacing: 0;}
td, td img { vertical-align:top; } 

/* clearfixes */
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }
html { overflow-y: scroll; }

/* font resets */ 
body, select, input, textarea { color:#444; }
body { font:13px/1.231 sans-serif; *font-size:small; }
html {-webkit-font-smoothing: antialiased;}

/* headers */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; }

/* link styles */
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a:hover, a:active { outline: none; }

/* typography */
small { font-size: 85%; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
ins, .ins { background-color:#ff9; color:#000; text-decoration:none; }
mark, .mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
strong, .strong { font-weight: bold; }
em, i, .italic { font-style: italic; }
del, .del, p.del { text-decoration: line-through; }
small, .small { font-size: 85%; }
abbr, .abbr { font-variant: small-caps; border-bottom: 1px dotted #cecece; cursor:help; }

/* code & pre box resets */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
pre, #comment, .comment_content code { padding: 15px; background: #fafafa; border: 1px solid #cecece; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

/* image resets */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* general common styles */
.hidden { display:none; visibility:hidden; }
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

/* alerts & notices */
.help, .info, .error, .success, .note { margin: 10px; padding: 10px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }
.help p, .info p, .error p, .success p, .post_content .help p, .post_content .info p, .post_content .error p, .post_content .success p, .post_content .note p { font-size: 13px; line-height: 1.667em; color: #444; text-shadow: none; margin: 0; }
.help:after, .info:after, .error:after, .success:after, .note:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}


/* type */
.georgia { font-family: Georgia, Cambria, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif; }
.proxima { font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial; }

/* colors */
.blue { color: #097dff; }
.orange { color: #e35108; }
.green { color: #39c529; }

/* ampersand */
.amp { font-family: "scrivano-1","scrivano-2"; }

/* potential keepers */

.button, .button:visited, .gform_wrapper .button {
	padding: 7px 14px;
	text-align: center;
	display: block;
	font-family: "proxima-nova-1","proxima-nova-2";
	background-image: url(library/images/button.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.33);
	font-weight: 700;
	border-width: 1px;
	border-style: solid; 
	background-color: #097dff; border-color: #0865ce;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	.button:hover, .gform_wrapper .button:hover {
		background-color: #ff5b09;
		border-color: #e35108;
		color: #fff;
		text-decoration: none;
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
	}
	

	.login-button, .login-button:visited { background-color: #39c529; border-color: #39c529; }
	
	.rss-button, .rss-button:visited { background-color: #ff5b09; border-color: #e35108; }
	
	.red-button, .red-button:visited { background-color: #e12e37; border-color: #e12e37; }
	
	.github, .github:visited { background-color: #846d63; border-color: #846d63; }
		.github:hover { background-color: #615049; border-color: #615049; }
		
	.purchase, .purchase:visited { background-color: #71e81c; border-color: #71e81c; }
		.purchase:hover { background-color: #5bba17; border-color: #5bba17; }


	
/* gravity form overrides */

.gform_wrapper { font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial;}

.gform_wrapper input.button[id*=gform_submit_button_], .gform_wrapper input.button[id*=gform_submit_button_]:hover { color: #fff;}

.gform_wrapper .left_label .gfield_label { }

.gform_wrapper input.medium {
	border: 1px solid #cecece;
	font-size: 13px;
	line-height: 24px;
	padding: 0 7px;
	font-family: Georgia, Cambria, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.gform_wrapper .textarea {
	border: 1px solid #cecece;
	font-size: 13px;
	line-height: 1.5em;
	padding: 0 7px;
	font-family: Georgia, Cambria, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

	
span.heart { width: 16px; height: 16px; display: block; margin-top: 2px; background: url(library/images/heart.png) no-repeat; }

/* columns */
.columns { 
	clear: both;
	background: #fafafa;
	margin: 2.2em 0 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	box-shadow: 0 1px 2px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
}

	/* layout options ( all have margins right & left of 1%) */
	.col60 { width: 60px; } /* width 60px / grid_1 */
	.col140 { width: 140px; } /* width 140px / grid_2 */
	.col220 { width: 220px; } /* width 220px / gird_3 */
	.col300 { width: 300px; } /* width 300px / grid_4 */
	.col380 { width: 380px; } /* width 380px / grid_5 */
	.col460 { width: 460px; } /* width 480px / grid_6 */
	.col540 { width: 540px; } /* width 540px / grid_7 */
	.col620 { width: 620px; } /* width 620px / grid_8 */
	.col700 { width: 700px; } /* width 700px / grid_9 */
	.col780 { width: 780px; } /* width 780px / grid_10 */
	.col860 { width: 860px; } /* width 860px / grid_11 */
	.col940 { width: 940px; } /* width 940px / grid_12 */
	.left-col { float: left; }
	.middle-col { float: left; margin: 0 20px; }
	.right-col { float: right; }
	
	.columns p { font-size: 13px; line-height: 1.7em; }
	.columns ul, .columns p { margin: 0.85em 0 1.7em; }
	.columns li { font-size: 13px; line-height: 1.7em; margin-bottom: 0.85em; }
	
	.left { float: left; }
	.right { float: right; }
	
/* list styles */

.check li { background: url(library/images/check.png) 0 3px no-repeat; padding-left: 24px; margin-left: -6px; }
	

/******************************************************************
=GENERAL STYLES
******************************************************************/

html {}

body { 
	background: #f6f6f6 url(library/images/bg.gif) repeat;	
	font-family: Georgia, Cambria, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
}

a, a:visited { color: #167ff6; text-decoration: none; }
a:hover, a:focus { color: #ff5b09; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: "proxima-nova-1","proxima-nova-2"; }

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none;
}

h1, .h1 {
	font-size: 36px;
	line-height: 1.33em;
}

h2, .h2 {
	font-size: 24px;
	line-height: 1.5em;
}

h3, .h3 {
	font-size: 18px;
	line-height: 1.66em;
}

h4, .h4 {
	font-size: 14px;
	line-height: 1.7em;
}

h5, .h5 {
	font-size: 11px;
	line-height: 2.09em;
}

/* container */

#container, .bones-wrap {
	width: 940px;
	padding: 0 20px;
	margin: 0 auto;
}

#inner-content { position: relative; }

/******************************************************************
=HEADER STYLES
******************************************************************/

#header {
	position: relative;
}

	#logo {
		width: 200px;
		height: 200px;
		background: url(library/images/logo.png) no-repeat;
		display: block;
		position: relative;
		top: 15px;
		left: 372px;
		z-index: 9999;
	}
	
		#logo:hover { background: url(library/images/logo.png) top no-repeat; }
		
	.head-left {
		position: absolute;
		top: 25px;
		left: 0;
		width: 320px;
		font-family: "proxima-nova-1","proxima-nova-2";
		font-size: 12px;
		line-height: 1.5em;
	}	
	
	.head-right { 
		position: absolute; 
		top: 25px; 
		right: 0; 
		width: 320px; 
		font-family: "proxima-nova-1","proxima-nova-2";
		font-size: 12px;
		line-height: 1.5em;
	}
	
	.head-right:before {
		content: "*";
		position: absolute;
		color: #ff5517;
		font-size: 34px;
		margin: 3px 0 0 -15px;
	}


/******************************************************************
=NAVIGATION STYLES
******************************************************************/


#menu-main-nav { 
	margin: -100px 0 0;
	height: 45px; 
	padding: 5px;
	background: #fcfcfc url(library/images/nav.gif) 0 50% repeat-x; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
}

	#menu-main-nav:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

	#menu-main-nav li {
		float: left;
		font-size: 15px;
		line-height: 25px;
		width: 168px;
		text-transform: lowercase;
		font-family: "proxima-nova-1","proxima-nova-2";
		font-weight: 700;
		text-align: center;
	}
	
		#menu-main-nav li a {
			text-decoration: none;
			display: block;
			width: 156px;
			height: 23px;
			border: 1px solid rgba(255,255,255,0);
			padding: 10px 0;
			text-align: center;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			text-shadow: 0 -1px 0 rgba(255,255,255,0.33);
		}
		
		#menu-main-nav li#menu-item-368, #menu-main-nav li#menu-item-367 { float: right; }
			#menu-main-nav #menu-item-409 { width: 158px; }
		
			#menu-main-nav li a:hover, #menu-main-nav li.current_page_item a, #menu-main-nav li.current-menu-item a, #menu-main-nav li.current-page-ancestor a, body.single-post #menu-main-nav #menu-item-407 a {
				background: #097dff url(library/images/button.png) 0 50% repeat-x;
				border-color: #0865ce;
				color: #fff;
				text-shadow: 0 -1px 0 #444;
				font-weight: 900;
				-moz-transition: all .23s ease-in-out;
				-webkit-transition: all .23s ease-in-out;
				transition: all .23s ease-in-out;
			}
			

/******************************************************************
=POST CONTENT STYLES
******************************************************************/

#main-container {
	width: 720px;
	float: left;
}

	/* single page width */
	body.single-post #main-container {
		width: 620px;
		margin-left: 80px;
	}

#content {
	padding: 100px 0 4.4em;
	border-bottom: 1px dashed #cecece;
}

/******************************************************************
=ARTICLE STYLES
******************************************************************/

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

article[id*=post-] {
	border-bottom: 1px dashed #cecece;
	border-top: 1px dashed #fafafa;
}

	article[id*=post-]:first-of-type { border-top: none; }
	article[id*=post-]:last-of-type { border-bottom: none; }
	
	article[id*=post-] header {
		text-shadow: 0 -1px 0 rgba(255,255,255,0.53); 
	}
	
	article[id*=post-] header a:hover, article[id*=post-] .post_content a:hover {
		-moz-transition: all .33s ease-in-out;
		-webkit-transition: all .33s ease-in-out;
		transition: all .33s ease-in-out;
	}

	.post-title {}

	.meta {
		font-size: 12px;
		line-height: 1.5em;
		font-style: italic;
	}

	.post_content {}
	
		.post_content p {
			font-size: 15px;
			line-height: 1.467em;
			margin: 1.467em 0;
		}
		
		.post_content li {
			font-size: 15px;
			line-height: 1.467em;
			margin-bottom: 0.7335em;
		}
			
			.post_content ul, .post_content ol { margin: 1.467em 0; }
			.post_content ul { list-style-type: circle; }
			.post_content ol { list-style-type: decimal-leading-zero; }
			
		.post_content dl { margin: 1.467em 0; }
			.post_content dt { font-size: 15px; line-height: 1.467em; font-weight: 700; font-family: "proxima-nova-1","proxima-nova-2"; }
			.post_content dd { font-size: 15px; line-height: 1.647em; font-style: italic; margin-bottom: 1.467em; }
			
		.post_content img[class*=wp-image] {
				display: block; 
				border: 7px solid #fff; 
				max-width: 586px;
				height: auto;
				margin: 1.467em 0;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				box-shadow: 0 1px 2px rgba(0,0,0,0.33);
				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
				-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
			}
		
			.alignleft, img.alignleft { float: left; display: inline; margin-right: 1.5em; }
			.alignright, img.alignright { float: right; display: inline; margin-left: 1.5em; }
			.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			.alignnone, img.alignnone { }
			
		.wp-caption { margin-top: 1.467em; margin-bottom: 1.467em; text-align: center; background: #eee; border: 1px solid #cecece; padding-top: 5px; 
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px; }
			
			.wp-caption img { border: 0 none; padding: 0; margin: 0; }
			.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 11px; text-align: center; margin: 0.75em 0; font-family: "proxima-nova-1","proxima-nova-2"; text-transform: uppercase; letter-spacing: 1.5px; }
			
			.wp-smiley {
				margin: 0 !important;
				max-height: 1em;
				}
				
			.post_content blockquote { font-style:italic; font-size: 1.2em; line-height:1.6em; margin: 1.5em 2.2em; border-top: 2px solid #999; border-bottom: 2px solid #999; }
			
			blockquote.left {
				margin-right: 20px;
				text-align: right;
				margin-left: 0;
				width: 33%;
				float: left;
				}
			blockquote.right {
				margin-left: 20px;
				text-align: left;
				margin-right: 0;
				width: 33%;
				float: right;
				}
			.gallery dl {}
			.gallery dt {}
			.gallery dd {}
			.gallery dl a {}
			.gallery dl img {}
			.gallery-caption {}
			
			.size-full {}
			.size-large {}
			.size-medium {}
			.size-thumbnail {}
			
			
		.post_content pre, .post_content code, #comment, .comment_content code {
			margin: 1.467em 0;
			border-width: 2px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
			.post_content pre:hover, .post_content code:hover, #comment:hover, #comment:focus, .comment_content code:hover {
				cursor: text;
				border-color: #ff5b09;
				-moz-transition: all .23s ease-in-out;
				-webkit-transition: all .23s ease-in-out;
				transition: all .23s ease-in-out;
			}
			
			.post_content video { 
				display: block; 
				border: 7px solid #fff; 
				max-width: 586px;
				height: auto;
				margin: 1.467em 0;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				box-shadow: 0 1px 2px rgba(0,0,0,0.33);
				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
				-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
			}
		
		article[id*=post-] footer { margin-top: 1.467em; }
		article[id*=post-] footer p { font-size: 12px; line-height: 1.5em; } 
		
		/* affiliate boxes */
		.aff-img { float: left; padding: 3px; margin-right: 10px; }
		
		
	/* single page spread love */
	
	#share-article {
		position: relative;
		top: 150px;
		width: 80px;
	}
	

/******************************************************************
=HOME PAGE STYLES
******************************************************************/

#intro-paragraph {
	font-size: 34px;
	line-height: 1.5em;
	color: #7c7c7c;
	margin-bottom: 2.2em;
}

	#intro-paragraph a { opacity: 0.7; text-decoration: none; border-bottom: 2px dashed #bdbdbd; position: relative; }
		#intro-paragraph a:hover { border-color: #7c7c7c; }
	.skull-home, .beanie-home, .design-home, .content-home, .contact-home { margin: 0 7px 0 0; height: 28px; }
		.beanie-home { height: 24px; }

#home-bar {
	margin: 2.2em 0 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	box-shadow: 0 1px 2px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
}
	
	#home-bar a, #home-bar a:visited {
		display: block;
		font-size: 18px;
		line-height: 48px;
		height: 48px;
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.33);
		font-weight: 700;
		font-family: "proxima-nova-1","proxima-nova-2";
	}
	#home-bar a:hover { color: #fff; text-decoration: none; }

	#member-login {
		width: 158px;
		text-align: center;
		background: #37c627 url(library/images/member-login.png) 0 0 no-repeat;
		border: 1px solid #379227;
		text-transform: lowercase;
		float: right;
		-moz-border-radius-topright: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-bottom-right-radius: 3px;
	}
	
		#member-login:hover { background: #37c627 url(library/images/member-login.png) 0 -48px no-repeat; }
	
	.signup {
		width: 200px;
		padding-left: 38px;
		background: #2870c2 url(library/images/bones-home-button.png) 0 0 no-repeat;
		border: 1px solid #2870c2;
		text-align: center;
		text-transform: lowercase;
		float: left;
	}
	
		.signup:hover { background: #2870c2 url(library/images/bones-home-button.png) 0 -48px no-repeat; }
	
	/* bar styles */
	.glam-bar { 
		width: 338px;
		padding-left: 200px;
		border: 1px solid #bf2d55;
		background: #d5325f url(library/images/glam-bar.jpg) 0 0 no-repeat;
		float: left;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-webkit-border-bottom-left-radius: 3px;
	}
		#home-bar .glam-bar { font-size: 30px; }
	
		.glam-bar:hover {
			background: #d5325f url(library/images/glam-bar.jpg) 0 -48px no-repeat;
		}
	

#home-cols {
	background: none;
	margin: 2.2em 0 0;
	border-radius: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;	
}

	/* titles */
	.articles { background: url(library/images/articles.png) left no-repeat; padding-left: 25px; }
	.installation { background: url(library/images/installation.png) left no-repeat; padding-left: 25px; }
	.about { background: url(library/images/about.png) left no-repeat; padding-left: 25px; }
	
	/* button sizes */
	#home-articles .button { width: 110px; float: right; margin-right: 25px; }
	#home-about .button { width: 80px; float: right; margin-right: 25px; }
	
	/* highlight new article */
	#home-articles li:first-child a:after { content: url(library/images/new.png) no-repeat; }
	
/******************************************************************
=ARTICLE PAGE STYLES
******************************************************************/

body.page-template-articles-php article, body.archive article, body.search-results article { padding: 2.2em 0;  }

body.page-template-articles-php article header h1, body.archive article h1, body.search-results article h1  { margin-left: 200px; }
body.page-template-articles-php .post_content, body.archive .post_content, body.search-results .post_content { float: left; width: 420px; }
	body.page-template-articles-php .post_content p, body.archive .post_content p, body.search-results .post_content p { margin: 0 0 1.5em; font-size: 13px; line-height: 1.667em; }
body.page-template-articles-php .article-meta, body.archive .article-meta, body.search-results .article-meta { float: left; width: 200px; }

body.page-template-articles-php article footer, body.archive article footer, body.search-results article footer { clear: both; margin-left: 200px; }

	p.updated {
		font-weight: 700; 
		font-family: "proxima-nova-1","proxima-nova-2";
		background: #ff0917;
		color: #fff; 
		text-shadow: 0 -1px 0 rgba(0,0,0,0.33);
		width: 53px;
		padding: 4px 8px;
		margin-bottom: 0.6em; 
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	.tags a { 
		font-weight: 700; 
		font-family: "proxima-nova-1","proxima-nova-2";
		background: #097dff;
		color: #fff; 
		text-shadow: 0 -1px 0 rgba(0,0,0,0.33);
		padding: 4px 8px; 
		opacity: 0.5; 
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		
		.tags a:hover { 
			opacity: 1; 
			background: #ff5b09;
			text-decoration: none; 
			-moz-transition: all .23s ease-in-out;
			-webkit-transition: all .23s ease-in-out;
			transition: all .23s ease-in-out;
		}
			
/******************************************************************
=RESOURCES PAGE STYLES
******************************************************************/

.resource-list {
	margin: 1.1em 5px;
}

	.resource-list li {
		width: 332px;
		height: 132px;
		position: relative;
		padding: 3px;
		background: #fafafa;
		border: 1px solid #cecece;
		display: block;
		margin-bottom: 15px;
		float: left;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
		.resource-list li:hover {
			background: #097dff;
			border-color: #444;
			box-shadow: 0 1px 2px rgba(0,0,0,0.33);
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.33);
			-moz-transition: all .23s ease-in-out;
			-webkit-transition: all .23s ease-in-out;
			transition: all .23s ease-in-out;
		}
		
			.resource-list li:hover div.type-sticker {
				z-index: 9999;
			}
	
		.resource-list li div.type-sticker {
			width: 75px;
			height: 75px;
			position: absolute;
			top: -10px;
			right: -15px;
			background: transparent;
			z-index: 9999;
			display: none; /* overridden below */
		}
		
	/* adding a margin to the 2nd & 4th li's */
	.resource-list li:nth-child(2n) {
		margin-left: 30px;
	}
	
	/* bones resources section */
	
	.bones-resource { 
		margin: 2.2em 5px 0; 
		background: #eee url(library/images/grid.gif) repeat; 
		border: 3px solid #fff; 
		height: 60px;
		padding: 20px 0;
		overflow: hidden;
		box-shadow: 0 0 2px rgba(0,0,0,0.33);
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.33);
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.33);
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		.bones-resource p { font-family: "proxima-nova-1","proxima-nova-2"; padding-left: 300px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.45); }
		.bones-resource a { position: relative; left: 25px; width: 200px; top: 15px;
			float: left;
		}
	
	/* tagging posts */
	li.post-361 div.type-sticker {
		display: block;
		background: url(library/images/thesis.png) no-repeat;
	}
	
	li.post-466 div.type-sticker {
		display: block;
		background: url(library/images/genesis.png) no-repeat;
	}
	
	li.post-602 div.type-sticker {
		display: block;
		background: url(library/images/plugin.png) no-repeat;
	}
	
/******************************************************************
=SALES PAGE STYLES
******************************************************************/

.left-half { float: left; width: 420px; padding: 0 15px; }
.right-half { float: right; width: 420px; padding: 0 15px; }

	.left-half p, .right-half p { font-size: 13px; line-height: 1.667em; margin: 1.667em 0; }
	.left-half li, .right-half li { font-size: 13px; line-height: 1.667em; margin-bottom: 0.8335em; }
	.left-half img, .right-half img { max-width: 412px; padding: 3px; background: #F3EFE8; border: 1px solid #cecece; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; }
	
	#theme-options { margin: 1.1em 0; }
		#theme-options ul {}
			#theme-options li { float: left; }
				#theme-options li a { width: 98px; margin: 0 5px; }
				
	#theme-features-title { margin-top: 1.5em; }
		#theme-features { margin: 0.75em 0 2.2em; }

	/* individial sales page styles */
	
		/* bones sales page */
		body.page-template-bones-php { background: #436070 url(library/images/grid.gif) center repeat; }
			body.page-template-bones-php { text-shadow: 0 1px 1px rgba(0,0,0,0.54); }
			body.page-template-bones-php .help { text-shadow: none; color: #444; }
				body.page-template-bones-php .right-half .help p { margin: 0; }
		
		.bones-wrap { 
			color: #fafafa; 	
			font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial;
		}
		
			.bones-wrap .left-half p, .bones-wrap .right-half p {
				margin-top: 0;
			}
			
			.bones-wrap .left-half img, .bones-wrap .right-half img {
				max-width: 550px;
			}
		
		.bones-title {
			text-align: center;
			font-size: 3em;
			background: #080808;
			padding: 10px 0;
		}
		
			.bones-title span { font-size: 0.7em; font-style: italic; line-height: 1em; }
			
			/* titles */
			.bnumbers {
				background: #215ea3;
				border-top: 1px solid #1a90db;
				border-bottom: 1px solid #1a90db;
				color: #fff;
				margin-bottom: 1.1em;
			}
			
			.bthecode {
				border-bottom: 1px solid #18c66d;
				border-top: 1px solid #18c66d;
				background: #15ae5f;
				color: #fff;
				margin-bottom: 1.1em;
			}
			
			.bpeople {
				color: #fff;
				background: #e35108;
				border-top: 1px solid #ff441f;
				border-bottom: 1px solid #ff441f;
				margin-bottom: 1.1em;
			}
			
			.bshowcase {
				color: #fff;
				background: #080808;
				border-top: 1px solid #000;
				border-bottom: 1px solid #000;
				margin-bottom: 1.1em;
			}
			
			.lg-bones-button, .lg-bones-button:visited {
				color: #fafafa;
				text-align: center;
				text-decoration: none;
				width: 325px;
				font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial;
				padding: 10px 0;
				margin: 1.67em auto;
				display: block;
				border-radius: 7px;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
			}
			
				.lg-bones-button .wait {
					text-transform: uppercase;
					letter-spacing: 1px;
					font-size: 0.9em;
					line-height: 3em;
					font-weight: 700;
				}
				
				.lg-bones-button .what-if {
					font-size: 2.1em;
					font-weight: 700;
					padding: 4px 0;
				}
				
				.lg-bones-button .need-answers {
					line-height: 2.5em;
					font-size: 1.1em;
					font-weight: 700;
				}
							
					.lg-bones-download {
						background: #5bba17;
						border: 1px solid #71e81c;
					}
					
						#bones-intro .lg-bones-download {
							margin-top: 165px;
						}
					
							.lg-bones-download .what-if {
								border-top: 1px solid #71e81c;
								border-bottom: 1px solid #71e81c;
							}
					
						.lg-bones-download:hover, .lg-bones-download:focus {
							background: #16af60;
							border-color: #71e81c;
						}
							
							.lg-bones-download:hover .what-if, .lg-bones-download:focus .what-if  {
								border-color: #5bba17;
							}
							
					.lg-bones-support, #bones-people .lg-bones-ask {
						background: #e35108;
						border: 1px solid #ff441f;
					}
							
							.lg-bones-support .what-if, #bones-people .lg-bones-ask .what-if {
								border-top: 1px solid #f98e58;
								border-bottom: 1px solid #f98e58;
							}
					
						.lg-bones-support:hover, .lg-bones-support:focus, #bones-people .lg-bones-ask:hover, #bones-people .lg-bones-ask:focus {
							background: #ff8748;
							border-color: #e35108;
						}
						
							.lg-bones-support:hover .what-if, .lg-bones-support:focus .what-if, #bones-people .lg-bones-ask:hover .what-if, #bones-people .lg-bones-ask:focus .what-if  {
								border-color: #e35108;
							}
					
					.lg-bones-button:hover, .lg-bones-button:focus {
						color: #fff;
						text-decoration: none;
					}
					
				.on-github, .on-github:visited {
					text-align: center;
					font-weight: 700;
					font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial;
					color: #fff;
					font-size: 1.1em;
					display: block;
					width: 325px;
					margin: 1.67em auto;
				}
				
		#bones-intro {
			margin-top: 5em;
			background: url(library/images/skull-lg.png) 900px 100px no-repeat;
		}
		
			.bones-title-intro {
				font-size: 10em;
				line-height: 1em;
			}
				
		#bones-by-numbers {
			background: #c2dced url(library/images/versions.png) bottom center no-repeat;
			padding-bottom: 266px;
		}
		
			#bones-by-numbers .bones-wrap {
				color: #215ea3;
				text-shadow: none;
			}
			
			.versions-title {
				clear: both; 
				margin-top: 2.2em;
			}
			
		#bones-code {
			background: #2e2e2e;
		}
		
			#bones-code .bones-wrap {
				text-shadow: none;
			}
			
			#bones-code .right-half .bones-code-sample {
				background: #15ae5f;
				border: none;
				border-radius: 0;
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
				box-shadow: 0 0 2px rgba(0,0,0,0.8);
				-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.8);
				-moz-box-shadow: 0 0 2px rgba(0,0,0,0.8);
			}
			
			.code-pics { clear: both; padding-top: 2.2em; margin-bottom: 2.2em; }
				.code-pics li { float: left; margin-right: 10px; }
				.code-pics li:last-child { margin-right: 0; }
					.code-pics li.bracket { font-size: 10em; line-height: 1em; font-weight: 700; }
					.code-pics li img { 
						width: 193px; 
						border: 3px solid #15ae5f;
					}
					
					
	/* markup preview */
	#markup-pages {
		height: 600px;
		overflow: auto;
		position: relative;
		border: 3px solid #080808;
		background: url(library/images/code-preview.gif) top left repeat-y;
		margin-bottom: 40px;
	}
	
		#page-list {
			float: left;
			width: 200px;
			background: #eee;
			position: absolute;
			top: 0;
		}
		
			#page-list li {
				float: none;
				font-weight: 700;
			}

				#page-list li a {
					display: block;
					padding: 10px 15px;
					border-bottom: 1px solid #cecece;
					border-top: 1px solid #fafafa;
				}
				
		.pre-container {
			padding-left: 210px;
			color: #444;
		}
		
			.pre-container { display: none; }
		
			.pre-container pre {
				font-size: 12px;
				line-height: 17px;
				background: none;
				color: #b7df5e;
				border: none;
			}
			
				.pre-container pre span.p { color: #fb8046; }
				.pre-container pre span.y { color: #95bee8; }
				.pre-container pre span.c { color: #f7ba63; }
									
		#bones-people {
			background: #fefefe;
		}
		
			#bones-people a {
				color: #e35108;
				text-decoration: underline;
			}
		
			#bones-people .bones-wrap {
				text-shadow: none;
				color: #e35108;
			}
			
			#bones-people .lg-bones-ask, #bones-people .lg-bones-register {
				text-decoration: none;
				color: #fff;
			}
			
			#bones-people .lg-bones-ask {}
			
			#bones-people .lg-bones-register, #bones-people .lg-bones-register:visited {
				background: #1a90db;
				border: 1px solid #0a7cc4;
			}
			
				.lg-bones-register .what-if {
					border-top: 1px solid #0a7cc4;
					border-bottom: 1px solid #0a7cc4;
				}
				
				#bones-people .lg-bones-register:hover, #bones-people .lg-bones-register:focus {
					background: #0a7cc4;
					border-color: #096aa7;
				}
				
					#bones-people .lg-bones-register:hover .what-if, #bones-people .lg-bones-register:focus .what-if {
						border-color: #096aa7;
					}
			
			#bones-showcase {
				background: #ede9dc;
			}
			
				#bones-showcase .bones-wrap {
					color: #444;
					text-shadow: none;
				}
					
				.lg-bones-github, .lg-bones-githubb:visited { 
					background-color: #846d63; 
					border: 1px solid #615049; 
				}
				
					.lg-bones-github:hover, .lg-bones-github:focus { 
						background-color: #615049; 
						border-color: #4c3e39; 
					}
					
						.lg-bones-github .what-if { border-top: 1px solid #aa8e7e; border-bottom: 1px solid #aa8e7e;  }
					
						.lg-bones-github:hover .what-if, .lg-bones-github:focus .what-if { border-color: #846d63; }
		
			
			.big-quote {
				padding-top: 2.2em;
			}
			
			#bones-showcase blockquote p {
				font-size: 2.3em;
				line-height: 1.2em;
				margin: 0;
				font-style: italic;
				color: #f01d4f
			}
			
			#bones-showcase .big-quote img {
				float: left;
				background: none;
				border: 3px solid #fff;
				padding: 0;
				margin-right: 15px;
				border-radius: 0;
				-moz-border-radius: 0;
				-webkit-border-radius: 0;
			}
			
				.big-quote .paul a, .big-quote .paul a:visited {
					line-height: 2.6em;
					
				}
			
		/* by the numbers */
		
		.by-the-numbers {
			margin: 1.67em 0;
			font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial;
		}
			.by-the-numbers li { margin-bottom: 1.5em; }
		
			.lg-number {
				float: left;
				font-size: 4em;
				width: 105px;
				padding-right: 10px;
				text-align: right;
				display: block;
				line-height: 0.85em;
				font-weight: 700;
			}
			
			.number-desc {
			}
			
		#bones-pie {
			background: none;
			border: 0;
			padding: 0;
			width: 525px;
			margin-left: -70px;
			margin-top: -20px;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		
		#bones-footer {
			background: #ede9dc;
			padding-top: 5.5em;
			text-shadow: none;
		}
		
	
		/* glam sales page */
		body.page-template-glam-php { background: #d5325f url(library/images/glam-bg.gif) repeat; }
		
		#glam-content { 
			background: #fafafa;
			padding: 1.1em 0;
			box-shadow: 0 0 14px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 14px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 0 14px rgba(0,0,0,0.2);
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;	
			border-radius: 4px;	
		}
		
		/* victoria sales page */
		body.page-template-victoria-php { background: #eeeeee url(library/images/victoria-bg.gif) repeat; }
		
		#victoria-content {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    		padding: 1.1em 0;
    		background: #fefefe;
    		-webkit-box-shadow: 0 5px 10px #838383;
    		-moz-box-shadow: 0 5px 10px #838383;
    		box-shadow: 0 5px 10px #838383;
    		-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
    		border-radius: 3px;
    	}
    	
    	/* white text for a dark bg */
    	body.page-template-bones-php p.head-left, body.page-template-bones-php p.head-right, body.page-template-glam-php p.head-left, body.page-template-glam-php p.head-right, body.page-template-league-plugin-php p.head-left, body.page-template-league-plugin-php p.head-right { color: #fff; text-shadow: 0 1px 1px #444; }
    	
    	/* removing the footer borders */
    	body.page-template-bones-php #content, body.page-template-bones-php #footer, body.page-template-glam-php #content, body.page-template-glam-php #footer, body.page-template-league-plugin-php #footer, body.page-template-league-plugin-php #content { border-bottom: none; border-top: none; }
    	
    	/* League Plugin */
    	body.page-template-league-plugin-php { background: #d45528 url(library/images/league/league-bg.gif) repeat; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/******************************************************************
=BOOKS PAGE STYLES
******************************************************************/

.reccomended-books {}
	.reccomended-books li { list-style: none; }
	.reccomended-books li p { margin: 0; }
	.reccomended-books li p.author { margin-bottom: 0.75em; }
		.reccomended-books li p.author em { color: #999; }


/******************************************************************
=ABOUT EDDIE PAGE STYLES
******************************************************************/

body.page-template-page-about-eddie-php {
	background: #a1bcb5 url(library/images/eddie.jpg) no-repeat center center fixed;
	 -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
	body.page-template-page-about-eddie-php .post-title { padding-left: 540px; text-shadow: 0 -1px 0.5px rgba(0,0,0,0.5); color: #fafafa; }
	body.page-template-page-about-eddie-php .meta { padding-left: 540px; text-transform: uppercase; letter-spacing: 1.5px; text-shadow: none; font-style: normal; }
	body.page-template-page-about-eddie-php #main-container { width: 940px; }
	body.page-template-page-about-eddie-php .post_content .first-paragraph { padding-left: 540px; }
	body.page-template-page-about-eddie-php .post_content .first-paragraph:first-letter { font-size: 54px; float: left; position: relative; margin: 0 7px 0 0; line-height: 0.75em; }
	body.page-template-page-about-eddie-php .post_content .about-quote { border-top: 3px solid #444; font-size: 20px; font-style: italic; text-align: center; padding: 0.75em 0; margin-left: 540px; } 
	body.page-template-page-about-eddie-php #content { border: none; }
	body.page-template-page-about-eddie-php #footer  { display: none; }


/******************************************************************
=404 STYLES
******************************************************************/

body.error404 { background: #69b9de; }
	body.error404 #content { padding-top: 0; }
		#content404 {  background: url(library/images/404.jpg) top right no-repeat; padding-top: 295px; }
	
	/* 404 searchbox */
	#content404 #searchform fieldset {
		width: 580px;
		padding: 5px;
		margin: 1.467em 0;
		background: #fafafa;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 0 2px rgba(0,0,0,0.33);
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.33);
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.33);
	}
	
		#content404 #searchform label { display: none; }
		
		#content404 #s {
			width: 400px;
			font-size: 16px;
			line-height: 30px;
			height: 28px;
			padding: 1px 10px;
			margin-right: 3px;
			border: 2px solid #cecece;
			font-family: Georgia, Cambria, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
			color: #999999;
			font-style: italic;
			background: #e6e6e6;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		
			#content404 #s:focus {
				font-style: normal;
				color: #1377d1;
				background: #fafafa;
				border-color: #1377d1;
				-moz-transition: all .23s ease-in-out;
				-webkit-transition: all .23s ease-in-out;
				transition: all .23s ease-in-out;
			}
		
		#content404 #SearchSumbit {
			width: 150px;
			display: inline;
			font-size: 15px;
			height: 32px;
			padding: 0;
		}
		
		body.error404 .columns div { padding: 10px 20px; width: 260px; }
			body.error404 .columns div div { padding: 0; width: auto; }
			body.error404 .columns div label { font-weight: 700; }
			body.error404 .columns div textarea { width: 240px; border: 2px solid #cecece; resize: none; height: 75px; }
		
		/* 404 columns p fix */
		#content404 ul, #content404 .columns p { margin: 0.85em 0; }
		#content404 li, #content404 .columns p { font-size: 13px; line-height: 1.7em; }

/******************************************************************
=SUPPORT STYLES
******************************************************************/

body.page-template-support-php .left-half { width: 350px; }
body.page-template-support-php .right-half { width: 300px; margin-top: 17px; }
	body.page-template-support-php .right-half p { margin-top: 1.467em; }
	
	.questions-list {}
		.questions-list li { list-style-type: none; }
			.questions-list li p.meta { font-size: 0.85em; margin: 0; }

.post_content .support-table-of-contents li { list-style-type: none; }


.dl-files { margin-left: 0; margin-right: 1.1em; }
	.dl-files dt { color: #e35108 ;}
	.dl-files dd { padding-left: 25px; }
	
/* support file types and styles */
.thesis { background: url(library/images/icons/thesis.png) 0 3px no-repeat; padding-left: 25px; }
.genesis { background: url(library/images/icons/genesis.png) 0 3px no-repeat; padding-left: 25px; }
.outbound { background: url(library/images/icons/outbound.png) 0 3px no-repeat; padding-left: 25px; }
.folder { background: url(library/images/icons/folder.png) 0 1px no-repeat; padding-left: 25px; }
.php { background: url(library/images/icons/php.png) 0 3px no-repeat; padding-left: 25px; }
.css { background: url(library/images/icons/css.png) 0 3px no-repeat; padding-left: 25px; }
.dat { background: url(library/images/icons/dat.png) 0 3px no-repeat; padding-left: 25px; }

/* skin & themes icons */
.glam { background: url(library/images/icons/glam.png) 0 3px no-repeat; padding-left: 25px; }

.post_content ul.file-structure { margin-left: 1.1em; margin-right: 1.1em; }
.post_content ul.file-structure, .post_content ul.file-structure ul { list-style-type: none; }

body.page-template-page-questions-php article { padding: 1.1em 0; }
body.page-template-page-questions-php .archive-intro {
	margin: 0.7335em 0 4.4em;
	padding-right: 75px;
	font-size: 14px;
	line-height: 1.467em;
}
body.page-template-page-questions-php article .post_content p { margin-top: 0.7335em; }

/******************************************************************
=DESIGN STYLES
******************************************************************/

.design-testimonials {
	margin-top: 3em;
}

.design-testimonials blockquote {
	font-family: Georgia, Cambria, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
	font-size: 20px;
	line-height: 32px;
	font-style: italic;
	color: #999;
}

.design-testimonials cite {
	margin: 0.75em 10px 1.5em 0;
	font-family: "proxima-nova-1","proxima-nova-2";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	float: right;
}

.post_content .gform_wrapper li { list-style-type: none; }

#slider-wrapper { width: 530px; float: right; }

#slider {
	width: 500px;
	position:relative;
    height: 1000px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
    overflow: hidden;
    float: right;
    border: 5px solid #fafafa;
	box-shadow: 0 0 2px rgba(0,0,0,0.33);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.33);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.33);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width: 500px;
    height: 1000px;
    z-index: 9999;
}
#slider a {
    border:0;
    display:block;
}

/* QUESTIONS */

body.single-questions .questions-container { padding-right: 75px; }

/* Comment Styles */

#comments {} /* h3 comment title */
	#comments span {} /* number of comments span */
.comment-nav {}
	.comment-nav ul {}
		.comment-nav ul li {}
.commentlist { padding-right: 75px; }
	.commentlist li {
		padding: 2.2em 0;
		border-bottom: 1px solid #cecece;
		border-top: 1px solid #fff;
	}
		.commentlist li:first-child { border-top: 0; }
		.commentlist li:last-child { border-bottom: 0; }
		
		.commentlist li.featured {
			border: 1px solid #c6d880; 
			background: #e6efc2;
			padding: 10px 10px 20px;
		}
		
		.commentlist li.buried { border: 1px solid #fbc2c4; background: #fbe3e4; padding: 10px 20px 10px 50px; }
			.commentlist li.buried .comment_content p { display: none; }
		
		.commentlist li[class*=depth-] {}
			.commentlist li.depth-1 {}
			.commentlist li.depth-2 {}
			.commentlist li.depth-3 {}
			.commentlist li.depth-4 {}
			.commentlist li.depth-5 {}
				.commentlist li ul.children li {}
				.commentlist li ul.children li.alt {}
				.commentlist li ul.children li.byuser {}
				.commentlist li ul.children li.comment {}
				.commentlist li ul.children li.depth-{id} {}
				.commentlist li ul.children li.bypostauthor {}
				.commentlist li ul.children li.comment-author-admin {}
				.commentlist li ul.children .alt {}
				.commentlist li ul.children .odd {}
				.commentlist li ul.children .even {}
			.commentlist .alt {}
			.commentlist .odd {}
			.commentlist .even {}
			.commentlist .parent {}
			.commentlist .comment {}
			.commentlist .children {}
			.commentlist .pingback {}
			.commentlist .bypostauthor {}
			.commentlist .comment-author {}
			.commentlist .comment-author-admin {}
			.commentlist .thread-alt {}
			.commentlist .thread-odd {}
			.commentlist .thread-even {}	
			.commentlist .vcard {}
				.commentlist .vcard cite.fn {
					text-transform: uppercase;
					letter-spacing: 1px;
					font-size: 0.85em;
					font-weight: 700;
					font-style: normal;
				}
					.commentlist .vcard cite.fn a { color: #444; }
				.commentlist .vcard time {}
					.commentlist .vcard time a {}
						.commentlist .vcard time a:hover {}
				.commentlist .vcard img.photo {}
				.commentlist .vcard img.avatar {
					float: right;
					padding: 3px;
					margin: 5px 0 10px 20px;
					background: white;
					border: 1px solid #CECECE;
				}
				.commentlist .vcard cite.fn a.url {}
			.commentlist .comment-meta {} 
				.commentlist .comment-meta a {}
			.commentlist .commentmetadata {}
				.commentlist .commentmetadata a {}
			.commentlist li .comment_content {}
				.commentlist li .comment_content p {
					font-size: 14px;
					line-height: 1.5em; margin: 0 0 1.5em;
				}
				.comment_content code { display: block; padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
				.commentlist li ul {}
				.commentlist .comment-reply-link {}
					.commentlist a.comment-reply-link:hover {}
					
		/* feature & bury buttons */
		.comment_content a.unbury, .featured.feature-comments.unfeature { display: none; }
		.comment-buttons {
			margin: 1.5em 20px 0 0;
		}
			.comment-buttons a {
				border: 1px solid #9d9d9d;
				background: #fefefe url(library/images/button.png) 0 50% repeat-x;
				color: #444;
				font-weight: 700;
				font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial;
				font-size: 0.9em;
				border-radius: 1.1em;
				-moz-border-radius: 1,1em;
				-webkit-border-radius: 1.1em;
				padding: 3px 15px;
				margin-right: 20px;
			}

/* comment form styles */

#respond { padding-right: 75px; margin-top: 2.2em; }
	#comment-form-title {}
		#cancel-comment-reply {}
			#cancel-comment-reply a {}
	#commentform {}
		#commentform:hover .allowed-tags {
			background: #444;
		}
		
		.comments-logged-in-as {}
		#comment-form-elements {}
			#comment-form-elements li {}
				#comment-form-elements label {}
				#author, #email, #url, #comment {}
					#author:focus, #email:focus, #url:focus, #comment:focus {}
				#author, #email, #url {}
			#allowed_tags { color: #fff; text-shadow: rgba(0,0,0,0.4); }
			.allowed-tags {
				background: #cecece;
				width: 611px;
				padding: 10px 15px 10px;
				margin-top: -5px;
				-moz-border-radius-bottomleft: 3px;
				-webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-bottomright: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
			}
			
			.comments-logged-in-as .avatar {
				padding: 3px;
				background: #fff;
				float: left;
				margin-right: 20px;
				margin-top: 5px;
				box-shadow: 0 0 2px rgba(0,0,0,0.4);
				-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
				-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
			}
			
				#comment {
					resize: none;
					width: 605px;
					height: 150px;
					border-width: 3px;
					margin: 1.5em 0 0;
					-moz-border-radius-topleft: 3px;
					-webkit-border-top-left-radius: 3px;
					-moz-border-radius-topright: 3px;
					-webkit-border-top-right-radius: 3px;
					-moz-border-radius-bottomleft: 0;
					-webkit-border-bottom-left-radius: 0;
					-moz-border-radius-bottomright: 0;
					-webkit-border-bottom-right-radius: 0;
					-moz-transition: all .3s ease-in-out;
					-webkit-transition: all .3s ease-in-out;
				}
				
				#submit {
					margin: 0.75em 4px 0;
				}
				
/******************************************************************
=SIDEBAR STYLES
******************************************************************/

#sidebar1 { width: 180px; float: right; margin: 2.2em 0 0; }

	#sidebar1 p, #sidebar1 li { font-size: 13px; line-height: 1.7em; margin: 0 0 1.7em; }
		#sidebar1 li { margin: 0 0 0.85em; }
	
	.side-box {
		margin-bottom: 2.2em;
		border: 3px solid #fafafa;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 0 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	}
	
		.side-box:hover {
			box-shadow: 0 0 3px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
			-moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
			-moz-transition: all .43s ease-in-out;
			-webkit-transition: all .43s ease-in-out;
			transition: all .43s ease-in-out;
		}
		
		.side-box div { padding: 7px 14px; }
		
		.side-box h3 {
			text-shadow: 0 -1px 0 rgba(255,255,255,0.33);
		}
	
		.side-img {
			width: 142px;
			border: 2px solid #fff;
			box-shadow: 0 0 2px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
			margin: 0 0 7px;
		}
		
		
		/* Buy Sell Ads Slot */
body .bsap { background:#dfded2;padding: 10px 10px 15px;margin:15px 0 5px; border:3px solid #fafafa;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 0 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);}
body .one .bsa_it_ad{ background:transparent;border:none;font-family:inherit;padding:0 15px 0 10px;margin:0;text-align:left; font-family: sans-serif; text-shadow: 0 -1px 1px rgba(255,255,255,0.4);}
body .one .bsa_it_ad:hover img{-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000;box-shadow:0 0 3px #000;}
body .one .bsa_it_ad .bsa_it_i{display:block;padding:0;float:none;margin:0 0 5px;}
body .one .bsa_it_ad .bsa_it_i img{padding:0;border:none;}
body .one .bsa_it_ad .bsa_it_t{padding:6px 0 0 0;}
body .one .bsa_it_p {display:none;}
body #bsap_aplink,body #bsap_aplink:hover {display:block;font-size:10px;margin:12px 15px 2.2em;text-align:right; font-family: Corbel, "Lucida Sans Unicode", "Lucida Grade", "Bitstream Vera Sans", "Luxi Serif", Verdana, sans-serif;}

		
		
		.rss { background: url(library/images/subscribe.jpg) no-repeat; }
		.twitter { background: url(library/images/twitter.jpg) top no-repeat; }
		
		/* testimonial blocks */
		.natalie { background: url(library/images/natalie-test.jpg) bottom no-repeat; height: 257px; }
		
		/* custom page sidebar */
		.customized-clients { 
			width: 500px; 
			margin-left: 30px;
			border: 5px solid #fafafa;	
			box-shadow: 0 0 2px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
		}
		
		
	#sidebar1 .tags {
		margin: 0.855em 0 2.2em;
	}
	
		#sidebar1 .tags a { 
			margin: 0 5px 5px 0;
			font-size: 10px;
			line-height: 18px;
			height: 18px;
			width: auto;
			display: block;
			float: left;
		}
		
#sidebar1 #searchform { margin: 0.855em 0 2.2em; }

#sidebar1 #searchform label, #sidebar1 #searchform #SearchSumbit { display: none;}

		#sidebar1 #s {
			width: 156px;
			font-size: 16px;
			line-height: 30px;
			height: 28px;
			padding: 1px 10px;
			border: 2px solid #cecece;
			font-family: Georgia, Cambria, "New Century Schoolbook", "Century Schoolbook L", "Times New Roman", serif;
			color: #999999;
			font-style: italic;
			background: #e6e6e6;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		
			#sidebar1 #s:focus {
				font-style: normal;
				color: #1377d1;
				background: #fafafa;
				border-color: #1377d1;
				-moz-transition: all .23s ease-in-out;
				-webkit-transition: all .23s ease-in-out;
				transition: all .23s ease-in-out;
			}
			
	#sidebar1 .button { margin-bottom: 0.855em; }

/******************************************************************
=FOOTER STYLES
******************************************************************/

#footer {
	margin: 0 0 0.55em;
	border-top: 1px dashed #fafafa;
	padding: 1.1em 0;
}

	#footer p {
		color: #999;
		font-size: 12px;
		line-height: 1.667em;
	}
	
	.wordpress {
		padding-left: 18px;
		background: url(library/images/icons/wordpress.png) left no-repeat;
	}
	
	.skull {
		padding-left: 18px;
		background: url(library/images/icons/skull.png) left no-repeat;
	}
	
	
/******************************************************************
=MEDIA SCREENS FOR MOBILE, PRINT & ECT
******************************************************************/

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

/* mobile phone */
@media screen and (max-device-width: 480px) {
  
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* print stylesheet */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/* examples */
#example-submit-2:disabled {
    opacity: 0.5;
    cursor: inherit;
}

.skitch-note { border: 1px solid #c00060; background: #F6D2E4; }
	.skitch-note p { padding-left: 95px; }