/*
Theme Name: Digital Sparks
Theme URI: http://www.digitalsparksnw.com
Description: Custom WordPress theme designed for The White Room Digital Sparks project.
Version: 2.0
Author: Leanda Ryan

	Digital Sparks v2.0

	This theme was designed and built by Leanda Ryan
*/

/* Styles Reset */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
	}


table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img, abbr {
	border: 0;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
	}
ul {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	}
q:before, q:after {
	content: '';
	}
a, ins {
	text-decoration: none;
	}

/* 'He adored New York City. He idolized it all out of proportion...no, make that: he - he romanticized it all out of proportion. Yes. To him, no matter what the season was, this was still a town that existed in black and white and pulsated to the great tunes of George Gershwin.' Er, tsch, no, missed out something.  */


/* Global Styles */


body {
	margin:0px;
	padding:0px;
	background: #000 url(images/background.png) repeat-y;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size:62.5%
}

img {
	border:0px;
}

#logo {
	width: 513px;
	height: 84px;
	margin: 27px 0 0 14px;
	clear: both;
	float: left;
	display: inline;
}

#visionmedialogo {
	float: right;
	margin: 39px 14px 0 0;
	display: inline;
}

/* 'He was too romantic about Manhattan, as he was about everything else. He thrived on the hustle bustle of the crowds and the traffic. To him, New York meant beautiful women and street-smart guys who seemed to know all the angles...' No, no, corny, too corny for a man of my taste. Can we ... can we try and make it more profound?  */


/* Layout */



#mainwrap {
	width:990px;
	height: 100%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	background: #dfdfdf;
	
}

#sidebar {
	float: left;
	width:270px;
	margin: 18px 0 14px 0;
}

#header {
	width:990px;
	height:164px;
	float:left;
	display:inline;
	background: #fff;
}

#navigationwrap {
	border-bottom: 1px solid #ececec;
	margin: 10px 0 0 0;
	height: 25px;
}

#navigation {
	margin: 0 0 0 14px;
	text-transform: uppercase;
	float: left;
	display: inline;
}



#navigation li {
	display: inline;
	margin-right: 34px;
	line-height: 1.7em;
}

#topbox {
	background-color: #fff;
	width:675px;
	height:165px;
	float:left;
	display:inline;
	border-top: 1px solid #ececec;
	padding: 0px 0 5px 0;
	margin: 0;
}

#twitterwrap {
	width:310px;
	height:105px;
	float:left;
	display:inline;
	border-top: 1px solid #ececec;
}

#twitter {
	padding: 14px;
	background: #ececec;
	border-top: 14px solid #fff;
	border-bottom: 14px solid #fff;
	border-right: 14px solid #fff;
	width: 272px;
	height: 114px;
}


#content {
	width:660px;
	height:auto;
	float:left;
	display:inline;
	padding: 18px 0 0 14px;
	background: #DFDFDF;
}

#events, #recentposts {
	width:260px;
	height:289px;
	float:left;
	display:inline;
	background: #ECECEC;
	padding: 20px;	
}

#latest {
	background-color: #ECECEC;
	width:260px;
	height:289px;
	float:left;
	display:inline;
	padding: 20px;

}
#subscribe {
	background-color: #ECECEC;
	width:260px;
	height:129px;
	float:left;
	display:inline;
	padding: 20px;
}


#footer {
	background: #FFF;
	width:945px;
	float:left;
	display:inline;
	padding: 10px 30px 20px 14px;
}

/* 'He adored New York City. To him, it was a metaphor for the decay of contemporary culture. The same lack of individual integrity that caused so many people to take the easy way out was rapidly turning the town of his dreams in ...' No, that's a little bit too preachy. I mean, you know, let's face it, I want to sell some books here.  */ 


/* Typography */

p {
	font: 14px/21px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

#events p, #latest p, #twitter p {
	color: #5b5b5b;
}

#twitter p {
	line-height: 20px;
	color: #000;
}

#topbox p {
	color: #000;
	font: bold 18px/24px Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 15px 0 14px;
}

.pagetext h1 {
	font: 32px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	background-color: #fff;
	padding: 3px;
	margin-bottom: 10px;
	display: inline;
	float: left;
}

h2 {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	clear: left;
}


#content p {
	color: #000;
	margin: 0 0 14px 0px;
	
}

.program p {
	float: right;
	width: 453px;
}

.pagetext p {
	clear: left;
}


#event_head, #latest_head, #recent_head, #archive_head, #subscribe_head  {
	background: #b3b3b3;
	margin: -20px -20px 40px -20px;
	padding: 5px 14px 5px 14px;
	font-size: 24px;
	color: #fff;
}


h4 {
	font-size: 16px;
	line-height: 21px;
}

h5	{
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 5px;
	margin-bottom: 4px;
	letter-spacing: -1px;
}

/* 'He adored New York City, although to him it was a metaphor for the decay of contemporary culture. How hard it was to exist in a society desensitized by drugs, loud music, television, crime, garbage...' Too angry, I don't want to be angry.  */


/* Links */

a {	font: 14px Arial, Helvetica, Geneva, sans-serif;
}

a:link {
	color: #DC0066;
}

a:visited {
	color: #DC0066;
}

a:hover {
	color: #999;
	-webkit-transition-duration: .30s;
}


#twitter a { font: 12px Arial, Helvetica, Geneva, sans-serif;
}

a:link.home, a:visited.home { 
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

	
a:hover.home {
	color: #DC0066;
	font-weight: bold;
	font-size: 16px;
}

a:link.about { 
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:visited.about {
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:hover.about {
	color: #DC0066;
	font-weight: bold;
	font-size: 16px;
}


a:link.blog { 
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:visited.blog {
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:hover.blog {
	color: #DC0066;
	font-weight: bold;
	font-size: 16px;
}


a:link.activity { 
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:visited.activity {
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:hover.activity {
	color: #DC0066;
	font-weight: bold;
	font-size: 16px;
}


a:link.media { 
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:visited.media {
	color: #666;
	font-weight: bold;
	font-size: 16px;
}

a:hover.media {
	color: #DC0066;
	font-weight: bold;
	font-size: 16px;
}



#callout a:link, #callout a:visited {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #DC0066;
}

#callout a:hover {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #b3b3b3;
}



a:link.programlinks {
	color: #000;
	font-size: 24px;
	background-color: #fff;
	font-weight: bold;
	float: left;
	margin-bottom: 8px;
	padding: 3px;
}

a:visited.programlinks {
	color: #000;
	font-size: 24px;
	background-color: #fff;
	font-weight: bold;
	float: left;
	margin-bottom: 8px;
	padding: 3px;
	
}

a:hover.programlinks {
	color: #000;
	font-size: 24px;
	background-color: #b3b3b3;
	font-weight: bold;
	float: left;
	margin-bottom: 8px;
	padding: 3px;
}

a:link.more, a:visited.more {
	padding: 3px; 
	background: #fff;
	color: #000;
	float: left;
	clear: left;
	min-width: 70px;
}

/* target IE6 */

*html a:link.more, a:visited.more {
	width: 70px;
}


a:hover.more {
	background: #999;
	padding: 3px; 
}


a:link.more-link {
	padding: 3px; 
	background: #fff;
	color: #000;
}

a:visited.more-link {
	padding: 3px; 
	background: #fff;
	color: #000;
}

a:hover.more-link {background: #999;
	padding: 3px;
}

#events a:visited, #latest a:visited, #recentposts a:visited, #subscribe a:visited {
	color: #DC0066;
}

#events a:link, #latest a:link, #recentposts a:link, #subscribe a:link {
	color: #DC0066;
}

#events a:hover, #latest a:hover, #recentposts a:hover, #subscribe a:hover {
	color: #b3b3b3;
}


h1.posttitle a:link {
	font: 32px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	padding: 3px;
}

h1.posttitle a:visited {
	font: 32px Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	padding: 3px;
}

h1.posttitle a:hover {
	font: 32px Arial, Helvetica, Geneva, sans-serif;
	background-color: #b3b3b3;
	color: #000;
	font-weight: bold;
	padding: 3px;
}

/* 'He was as tough and romantic as the city he loved. Behind his black-rimmed glasses was the coiled sexual power of a jungle cat.' I love this.  */

/* Content */

#callout {
	float: right;
	margin: 0 14px 0 0;
	display: inline;
	padding: 0;
	
	/* Change callout to visible or hidden */
	visibility: visible;
	/* End change callout to visible or hidden */
}


.button img {
	margin-left: 40px;
}

.program, .pagetext {
	border-bottom: 1px solid #b3b3b3;
	overflow: hidden;
	padding-bottom: 10px;
	background-color: #DFDFDF;
	margin: 0 14px 16px 0;
	height: 100%;
	clear: both;
}


#topbox h1	{
	margin: 49px 0 0 12px;
	font-size: 61px;
	letter-spacing: -3px;
}

#contact {
	float: left;
	margin-top: 2px;
}

#logos {
	margin-top: 18px;
	float: right;
}

#logos img {
	margin-left: 24px;
}

#logotag {
	clear: both;
	width: 550px;
	float: right;
	text-align: right;
	font: 11px/14px Arial, Helvetica, Geneva, sans-serif;
	margin-top: 5px;
	color: #616161;
}

/*fixing image positioning*/


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

img.alignright {
padding: 0px;
margin: 0px 0px 0px 10px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0px 10px 0px 0px;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/*Blog Styles*/



.post {
	border-bottom: 1px solid #b3b3b3;
	overflow: hidden;
	background-color: #DFDFDF;
	margin: 0 20px 15px 0;
}

.postdate {
	color: #000;
	margin: 10px 0 10px 0;
	clear: left;
}

textarea#words {
	width: 100%;
}

.commentlist {
	color: #ccc;
	font: 14px/21px Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3;
	padding-top: 10px;
}

#respond {
	padding-top: 10px;
}


#recentposts h4 {
	border-bottom: 1px solid #dfdfdf;
	padding: 5px 0 5px 0;
}

#latest ul {
	display: inline;
}

#latest li {
	list-style-type: none;
	line-height: 20px;
}

.blognavigation {
	margin-bottom: 14px;
	overflow: auto;
	margin-right: 23px;
}

/* Get Satisfaction */

a#fdbk_tab {
background-image: url(images/influence.png) !important;
height: 100px !important;
}



/* 'New York was his town, and it always would be...' 
— Woody Allen */




.twitterborder {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 0;
}


#juitterContainer ul li {
	list-style: none;
	margin: 0 0 15px 0;
	clear: both;
	font: 14px/21px Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px solid #ccc;
		}

#juitterContainer ul li img.juitterAvatar {
	float: left;
	margin: 0 10px 25px 0;
	width: 48px;
	height: 48px;
			}	

#juitterContainer ul li a {
		text-decoration: none;	
			}
			
.time {
	display: block;
	margin-bottom: 10px;
}