/* -------------------------------------------------- ||
1. Reset.css
2. Default Text Styles
3. Layout
	A. Navigation Styles
	B. Header Styles
		a. Image Replacement
	C. Sidebar Styles
	D. Content Styles
	E. Footer Styles
4. Classes and Extra
	A. Layout Tools
	B. Typographic Tools
	C. Styling Extras
	D. Display Values

*/

/* RESET.CSS */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
/* remember to define focus styles! */
:focus {
	outline: none;
	}
	

	
body {
	line-height: 1.2em;
	color: #a1a1a1;
	background:#1e1e1e url(../images/bg.png) top left repeat-x;
	text-align:left;
	font-family: "Helvetica Neue", Arial, Helvetica, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	/* FOR IE - adds hover functionality on non-a elements */
	behavior:url(htcmime.php?file=js/ie-hover.htc);
}
	
#nobg {background:#1e1e1e}
	
ol, ul {
	list-style: none;
	}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}
	
img, div {
   behavior: url("http://www.artmeetscommerce.net/iepngfix.htc");
}

#everything {
  font-size: 0.625em; 
	}


/* DEFAULT STYLES */

h1	{
	font-size: 2.4em;
	margin:0;
	padding:0;
	}

h2	{ 
	text-transform:lowercase;
	color:#fff;
	font-size: 36px;
	margin:-20px 15px 0 15px;
	position:relative;
	z-index:50
	}



h3	{ 
	font-size: 2.4em;
	border-bottom:2px groove #111;
	padding: 24px 0 6px 0;
	}

p, fieldset, form, dl, dir, menu	{ 
	padding:0.5em 0;
	}
	
h4 {
	font-size:1.6em;
	margin:0 0 1.1em 0;
	}

h5 {
	font-size:1.5em;
	margin: 0.575em 0;
	}

h1, h2, h3, h4, h5, b, strong { 
	font-weight: bolder;
	}
	
blockquote	{ 
	margin-left:20px;
	font-size:1.0em;
	font-style:italic;
	margin-top:0;
	margin-bottom:0;
	font-family:"Hoefler Text", Georgia, "Times New Roman", serif;
	
	}
	
blockquote p {
margin-left:0; margin-right:0}

i, cite, em, var, address	{ 
	font-style: italic;
	}

pre, tt, code, kbd, samp	{ 
	font-family: "Courier New", Courier, monospace;	
	}

p {
	font-size:1.0em;
	}

a:link {
	color:#1ab9e9;
	text-decoration:none;
	}
	
a:visited {
	color:#1ab9e9;
	text-decoration:none;

	}
		
a:hover {
	color:#a440a1;
	text-decoration:none;

	}	
	
a:active {
	color:#1ab9e9;
	text-decoration:none;

	}	


/* LAYOUT */

#container {
	background:transparent;
	width:960px;
	margin:0 auto;
	}	
	
#header {
	text-align:center;
	color:#fff;
	background:#1ab8e9
	}
	
#header h1 a {text-transform:lowercase; font-size:64px;line-height:64px;color:#fff}


#logo {

}




#main {


}

	
/* WIDGET STYLES */

	

.post {
	padding-bottom:15px;
	padding-top: 20px;
	margin-bottom:25px;
}

.left {
	width: 495px;
	float:left;
	margin-left:170px;
	display:inline
}

.post .left p {font-size:14px;}
.post .left p, .post .left h4, .post .left small {margin-left:0; padding-left:0; margin-right:0}
	
.socside {width:60px; float:left; margin-left:50px; display:inline; margin-top:60px;}	
.bio {margin-top:20px}
	
.vid, .slideshow, .vid-full {
	padding:0 0 0 0;
	margin:0 auto;
	width:495px;
}


.post h4 {
	font-size:18px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:6px;
	padding-top:1.1em;
	margin-top:0;
	border-bottom:2px groove #111;
	padding-bottom:4px;
	color: #fff;
	}
	
h5 {
	margin:0.5em 15px 0 15px;
	padding:0.5em 0;
	font-family:"Hoefler Text", Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	color:#1ab9e9;
	border-top:1px solid #1ab9e9;
	font-size:1.4em;
}

.post h5{border-top:none;
padding-bottom:0;
}

.gallery h5 {
	margin:0;
}

.post h4 a {
	text-decoration:none;
}



/* NAVIGATION STYLES */
#nav {
	background:#a440a1;
	line-height:36px;
	font-weight:bold;
	text-align:center;
	height:36px;
	margin:0;
	padding:0;
	font-size:18px;
}

#nav ul {
	margin:0 auto;
	padding:0;

}

#nav ul li {
	margin:0;
	display:inline;
	padding:0;
	text-align:center;
}

#nav ul li a {
text-transform:lowercase;
color:#fff;
padding: 8px 45px 7px 45px;

}

#nav ul li a.active, #nav ul li a:hover {
	background:transparent url(../images/active.png) bottom center no-repeat;
}
	



/* HEADER STYLES */


	/* IMAGE REPLACEMENT */
	
	.replace{ 
		position:relative; 
		margin:0px; 
		padding:0px;
		overflow: hidden;
		} 
		
	.replace span{ 
		display:block; 
		position:absolute; 
		top:0px; 
		left:0px; 
		z-index:1; 
		} 
	
	#myh1, #myh1 span{ 
		height:62px; 
		width:960px; 
		background-image: url(../images/head.png); 
	
		}
	
	



	
/* CONTENT STYLES */

#main {
	font-size:1.2em;
}

.post p, small {
	margin:0 15px;
	padding-bottom:0.5em;
	padding-top:0.5em;
	}
	
.narrowcolumn {width:650px; margin:0 auto; font-size: 14px;}
.narrowcolumn p {line-height:22px;}
.narrowcolumn .post h4 {font-size:24px; padding-bottom:10px}

#content-wide .post p {
	margin: 0 35px
}


small, .postmetadata, cite {
	font-size:1.0em;
	font-style:italic;
	font-family:"Hoefler Text", Georgia, "Times New Roman", Times, serif;
}

.postmetadata {
	margin-top:20px;
	border-top:1px dotted #aaa;
	clear:both;
}
.author {padding:8px; border:5px solid #1ab8e8; margin:15px; background:#fff; }

.author p {margin:0;padding:0; font-family: "Helvetica Neue", Arial, Helvetica, "Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-style:normal; font-weight:bold; color:#5b5b5b
}
.author img.floatLeft {
	margin-right:8px;
}

.author p.clear {line-height:0; height:0px;}

body.popup {background: #000000 none;}

.popup .post {padding-top: 0;}

.popup a {background: #363636; padding: 5px 12px;}

.popup a:hover {background: #242424;}

#content ul {
	list-style: disc inside;
	}

#content ol {
	list-style: decimal inside;
	}


#content .post ul {
list-style:disc outside;
margin-left:23px;
}

#content .post ul li {
	padding: 0.5em 0 0 0;
}

#content .post ul li ul {
	margin-left:20px;
	font-weight:normal;
	list-style-type:circle;
	text-transform:none;
	letter-spacing:0;
}

#content .post ul li ul li {
	padding:0;
}


#content .post ul.links {
	font-weight:normal;
	letter-spacing:0;
	list-style:circle;
	margin-left:43px;
	text-transform:none;
}	

#content .post ul.links li{
	padding:0;
}

#blog #content .post ul {
	font-weight:normal;
	letter-spacing:0;
	list-style:circle;
	margin-left:43px;
	text-transform:none;
}


#blog #content .post ul li {
	padding:0 20px 0 0;
}



/* FOOTER STYLES */

#footer {

	padding: 0.6em 0 0.6em 0;

}

#footer p {
margin:0; padding:0;
	}	



/* LAYOUT TOOLS */

.floatLeft { 
	float: left; 
	}
	
.floatRight { 
	float: right; 
	}
img.floatLeft {margin-right:8px;}
	
.clear { 
	clear: both; 
	}
	
.layoutCenter { 
	margin: 0 auto; 
	}
	
.textCenter	{ 
	text-align: center; 
	}
	
.textRight { 
	text-align: right; 
	}
	
.textLeft { 
	text-align: left; 
	}


/* TYPOGRAPhIC TOOLS */

.error { 
	border: 1px solid #fb4343; 
	padding: 3px; 
	color: #fb4343; 
	}
	
.warning { 
	border: 1px solid #d4ac0a; 
	padding: 3px; 
	color: #d4ac0a; 
	}
	
.success { 
	border: 1px solid #149b0d; 
	padding: 3px; 
	color: #149b0d; 
	}
	
.callOut { 
	font-size: 125%; 
	font-weight: bold; 
	}
	
.strikeOut { 
	text-decoration: line-through; 
	}
	
.underline { 
	text-decoration: underline; 
	}
	
.resetTypeStyle	{ 
	font-weight: normal; 
	font-style: normal; 
	font-size: 100%;					  
	text-decoration: none; 
	background-color: none; 
	word-spacing: normal;					  
	letter-spacing: 0px; 
	text-transform: none; 
	text-indent: 0px; 
	}
	
	
/* DISPLAY VALUES */

.hide { 
	display: none; 
	}
	
.show { 
	display: block; 
	}
	
.invisible { 
	visibility: hidden; 
	}
	
	
em {
	font-style:italic;
}	
	
/* CLASSES */





.quote {
line-height:1.6em;
}

/* BLOG */

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	margin:0 15px;
	padding-left:8px;
	padding-right:8px;
	}

.commentmetadata {
	font-weight: normal;
	}
	
.entry {padding-bottom:20px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 80%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 20px 0 0 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
	
p img {
	padding: 0;
	max-width: 100%;
	}
	
	.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

img.alignleft {
	margin-right:10px;
}
	
	
.navigation {
	font-size:1.1em;
	font-style:italic;
	font-family:"Hoefler Text", Georgia, "Times New Roman", serif;
	padding:0 23px ;
	margin:0 0 25px 0;
	clear:both;
}

.navigation a {
	color:#fff;
	text-decoration:none;
}

object, embed, img {
	max-width:100%;
}

h4.pagetitle {
	font-style:italic;
	font-family:"Hoefler Text", Georgia, "Times New Roman", serif;
	padding:0;
	text-align:center;
	margin:0 0 25px 0;
	font-weight:normal;
	color:white;
}


.thumb {width:220px; padding: 0; float:left; margin:0 10px 20px 10px; display:inline;}

.thumb img {box-shadow: 2px 2px 16px #000000;
-webkit-box-shadow: 2px 2px 16px #000000;
-moz-box-shadow: 2px 2px 16px #000000;}

#twelve img {border: 1px solid #cdcdcd;
box-shadow: 2px 2px 5px #ababab;
-webkit-box-shadow: 2px 2px 5px #ababab;
-moz-box-shadow: 2px 2px 5px #ababab;}

.fulllist {width:110px; background:transparent; float:left; margin:0 12px 7px 0;}



.fullist img {margin:0;}

.thumb p {margin-top:0; padding-top:0;font-size:1.0em;
	font-style:italic;
	font-family:"Hoefler Text", Georgia, "Times New Roman", Times, serif;}

.vidgallery { margin:0;}
.vidgallery .thumb {width:120px; background:#eee;margin:0 5px 10px 5px}
.vidgallery .thumb img {margin:5px 5px 0 5px;}


.position {
	font-style:italic;
	font-family: "Hoefler Text", Georgia, "Times New Roman", serif;
	color:#1ab9e9;
	text-transform:none;
	letter-spacing:0;
	font-weight:normal;
}
	
h4.subscribe {
	text-align:right;
	background: url(../images/icons/feed-24.gif) center right no-repeat;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:30px;
}

h4.subscribe a {display:block; color:white;}
h4.subscribe a:hover {color:#1ab9e9;}


.pagination {text-align:right; margin:0 15px 15px 0;}
.pagination a { padding:5px 10px; border:1px solid #aaa; text-decoration:none; color:#aaa}
.pagination a.current {color:#fff; border-color:#fff}





.bubblewrap {background:transparent; float:left; width:450px; margin:10px; display:inline}

.large .bubblewrap {width:600px; margin:10px auto; display:block; float: none;}

.bubblewrap.smaller {width:300px; margin-top:0}

.bubbleinner {color:#5b5b5b; background:#fff; border-top:5px solid #1ab8e8;border-left:5px solid #1ab8e8;border-right:5px solid #1ab8e8;}

.bubblewrap.smaller h2 {font-size:21px; color:#1ab8e8; margin-top:10px}
	
.bubbleinner.video p img.floatLeft {margin-bottom:15px;}
.bubbleinner.video p {font-size:12px;}
#twelve {font-size:12px;}

.bubbleinner ul {list-style: circle; margin: 0 0 20px 0;}

.large .bubbleinner ul {list-style: circle; margin: 10px 0 0 0;}

.bubblebottom {position:relative; z-index:100; top:-5px; height:34px; background:transparent url(../images/bubble.png) bottom right repeat-x; }

.bubblebottom p {color:#1ab8e8; padding:5px 65px 0 0}
.bubbleinner p {padding-bottom:25px;padding-top:15px;font-size:14px;line-height:1.5em}

.examples {color:#1ab8e8; font-size: 26px !important; font-weight: bold; position: relative; left: -2px; bottom: -1px;}

.examples_holder {display: block; width: 450px;}

.large .examples_holder {display: block; width: 500px; padding: 0 0 20px 0;}

#content #twitter_update_list  {text-transform:none;margin:0; padding:0 0 20px 0}

#twitter_update_list li {list-style-type:none; font-size:12px; color:#5b5b5b; letter-spacing:0; margin:0 15px;}


.learnmore a {font-family:"Hoefler Text", Georgia, "Times New Roman", serif; font-style:italic; color:#5b5b5b;; font-size:21px; text-align:center; width:70px;display:block; float:left; padding-right:15px;padding-bottom:10px;text-transform:lowercase}

h1.pitch {font-family:"Hoefler Text", Georgia, "Times New Roman", serif; font-style:italic; text-align:center; font-size:72px; font-weight:normal; color:#fff; margin-bottom:50px; margin-top:50px;}
h2.pitch {font-size: 18px; margin: 0 0 20px 0; text-align:center; text-transform: none;}
h2.pitch a {background: #363636; padding: 5px 12px;}
h2.pitch a:hover {background: #000000;}

/* Caption styles */

.thumb{
 vertical-align:baseline;
 margin:10px;
 position:relative;
 /*-moz-border-radius:10px;
 -webkit-border-radius:10px;
 -khtml-border-radius:10px;
 -moz-box-shadow: 0 1px 3px #888;
 -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
 opacity:0.3;
 position:absolute;
 top:0px;
 bottom:0px;
 left:0px;
 right:0px;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
 position:absolute; 
 opacity:0.6;   
 overflow:hidden;
 margin:0px;
 padding:0px;
 left:0px;
 right:0px;
 cursor:pointer;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
 text-transform:uppercase;
 font-size:14px;
 letter-spacing:3px;
 padding:5px;
 margin:0px;
}
.ic_caption h3{
 padding:2px 5px 1px 6px;
 margin:0px;
 font-size:13px;
 border: 0;
}
p.ic_text{
 padding:1px;
 margin:0px 5px 5px 5px;
 text-align:justify;
	font-family: "Helvetica Neue", Arial, Helvetica, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
 font-size:11px;
 font-style:normal;
 line-height:12px;
}