/*
Theme Name: Soul NYC
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1
Author: Soul NYC
Author URI: http://www.soulnyc.com
Tags: custom

	Soul NYC v1
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@charset "utf-8";

/* index page CSS  */
html{
	background: #222 url(images/bg_grad.jpg) repeat-x;
}
body{
	background: #222 url(images/bg_grad.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#c7c7c7;
}
.narrowcolumn{
	margin-left:20px;
	
}
.narrowcolumn .entry{
	margin-left:40px;
}

DIV.main{
	width:1000px;
	font:Arial, Helvetica, sans-serif;
	height:auto;
}

DIV.header{
	width:1000px;
	height:151px;
	margin-top:-10px;
	
}

DIV.leftTop{
	position:relative;
	width:500px;
	height:151px;
	float:left;
	left:20px
}

DIV.rightTop{
	width:500px;
	height:151px;
	float:left;
	font-size:11px;
	font-weight:bold;
	z-index:200;
}

DIV.featureArea{
	width:1000px;
	height:360px;
	margin:0px;
	padding:0px;
}

DIV.feautureAreaBG{
	position:relative;
	left:-20px;
	top:-25px;
	
}

DIV.featureAreaImage{
	position:relative;
	left:-20px;
	top:-355px;
	z-index:1;
}

DIV.bottomArea{
	position:relative;
	clear:both;

	width:1000px;
}

DIV.projectMix{
	width:265px;
	position:relative;
	float:left;
	left:25px;
	font-size:12px;
	font-weight:bolder;
}

DIV.thumbNail{
	width:85px;
	height:85px;
	position:relative;
	float:left;
	
}

DIV.happenings{
	position:relative;
	left:50px;;
	width:310px;
	float:left;
}


.happeningLineSeparator{
	padding-left:20px;
}

DIV.whoGotSoul{
	position:relative;
	float:left;
	width:220px;
	left:110px;
	font-size:13px;
	font-weight:bolder;

}

.whoGotSoul_padding{
		padding-top:5px;
}

/*---------------------- end of index page CSS -------------*/

/* FORM FIELDS css */

.textField_holder{
	background-repeat:no-repeat;
	background:url(images/fields_BG.png) no-repeat;
	border:none;
	width:198px;
	height:28px;

}

.textfield_text{
	font-size: 1.1em;
	color:#c7c7c7;
	margin-top:5px;
	background: none;
	border: none;
	width:175px;

}

.submit_bg{
	background:none;
	background-image:url(images/empty_square.png);
	background-repeat:repeat;
	border:none;
	font-size:14px;
	color:#e14d04;
	font-style:italic;
	font-weight:bolder;
	width:100px;
	height:25px;
}


/*---------------------- end of FORM FIELDS	 CSS -------------*/


/* footer CSS that appears on every page */
.footer{
	position:relative;
	clear:left;
	top:25px;
	left:40px;
	width:850px;
	height:50px;
	font-size:11px;
}


.footer_Nav_Links a:link {color:#c7c7c7; font-size:12px; text-decoration:none; font-weight:bold;}  
.footer_Nav_Links a:visited {color:#7f7d7d; font-size:12px; text-decoration:none; font-weight:bold;}  
.footer_Nav_Links a:hover {color:#FFF; font-size:12px; text-decoration:none; font-weight:bold;} 

/*---------------------- end of footer CSS -------------*/

/* basic links CSS */

a:link {color:#b85422; text-decoration:none;}      /* unvisited link */
a:visited {color:#8F6651; text-decoration:none;}  /* visited link */
a:hover {color:#FF4D04; text-decoration:none;}  /* mouse over link */



/* TOP NAV BUTTONS  for all pages*/

.navBtn a {
display:block;
padding:4px 0px 2px 0px;
text-decoration: none;
font-size:14px;
background:0;
}
.navBtn a:hover { 
background:url(images/nav_btn_back.jpg)0 0 repeat-x;
}


.aboutBtn a {
display:block;
width: 67px;
padding:18px 0px 10px 0px;
background:url(images/about_btn_full.png)0 0 no-repeat;
text-decoration: none;

}
.aboutBtn a:hover { 
background-position: 0 -30px;
}


.workBtn a {
display:block;
width: 61px;
padding:15px 0px 10px 0px;
background:url(images/work_btn_full.png)0 0 no-repeat;
text-decoration: none;

}
.workBtn a:hover { 
background-position: 0 -34px;
}

.happeningsBtn a {
display:block;
width: 108px;
padding:13px 0px 10px 0px;
background:url(images/happenings_btn_full.png)0 0 no-repeat;
text-decoration: none;

}
.happeningsBtn a:hover { 
background-position: 0 -35px;
}

.blogBtn a {
display:block;
width: 55px;
padding:15px 0px 10px 0px;
background:url(images/blog_btn_full.png)0 0 no-repeat;
text-decoration: none;

}
.blogBtn a:hover { 
background-position: 0 -29px;
}

.connectBtn a {
display:block;
width: 77px;
padding:15px 0px 10px 0px;
background:url(images/connect_btn_full.png)0 0 no-repeat;
text-decoration: none;

}
.connectBtn a:hover { 
background-position: 0 -34px;
}
/*---------------------- end of nav CSS -------------*/


/* about page CSS */

DIV.about_mainArea{
	position:relative;
	width:835px;
	left:20px;
	top:20px;
}

div.topLine{
	position:relative;
	left:30px;
	top:-20px;
}

DIV.somethingWitty{
	position:relative;
	left:35px;
	
}

DIV.artCollage{
	position:relative;
	left:20px;
}

.fancyText{
	color:#6ac6af;
	font-size:18px;
	
}

DIV.about_text{
	position:relative;
	font-size:12px;
	text-align:justify;
	width:525px;
	left:40px;
}

DIV.aboutArea_rightSide{
	width:310px;
	vertical-align:top;
}

DIV.aboutArea_rightNav{
	position:relative;
	vertical-align:top;
	padding:0;
	margin:0;
	top:65px;
	left:20px;
}
/*---------------------- end of about page CSS -------------*/


/* blog page CSS */

DIV.blog_mainArea{
	position:relative;
	width:835px;
	left:20px;
	top:20px;
}

div.topLine_blogPg{
	position:relative;
	left:50px;
	top:-20px;
}

DIV.BlogPageTitle{
	position:relative;
	left:53px;
	height:25px;
	vertical-align:bottom;
	padding-top:25px;
}



DIV.blog_container{
	position:relative;
	width:525px;
	left:40px;
	float:left;
}

DIV.blogTitle{
	position:relative;
	width:525px;
	left:20px;
	float:left;
	color:#6ac6af;
	font-size:18px;
	padding-top:15px;
}

DIV.blogPostedInfo{
	position:relative;
	width:525px;
	left:20px;
	float:left;
	font-size:14px;
	color:#b85422;
	padding-top:10px;
	padding-bottom:10px;
}
.authorName{
	font-size:14px;
	color:#6ac6af;
}


DIV.blogBody{
	position:relative;
	width:525px;
	left:20px;
	float:left;
	text-align:justify;
	font-size:12px;
	padding-bottom:15px;
	color:#ececec;
	line-height:150%;
}

DIV.blogFooter{
	position:relative;
	width:515px;
	left:20px;
	float:left;
	background-color:#0b0b0b;
	border-color:#474747;
	border-width:1px;
	border-bottom-style:dotted;
	border-top-style:dotted;
	font-size:12px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	
}

DIV.blogRightSide{
	position:absolute;
	left:685px;
	width:310px;
	float:left;
	font-size:12px;
	font-style:italic;
	color:#c45a25;

}
/*---------------------- end of blog page CSS -------------*/

/*---------------------- end of work page CSS -------------*/

/* Happenings page CSS */

DIV.happenings_mainArea{
	position:relative;
	width:835px;
	left:20px;
	top:20px;
}

div.topLine_happeningsPg{
	position:relative;
	left:50px;
	top:-20px;
}

DIV.happeningsPageTitle{
	position:relative;
	left:53px;
	height:25px;
	vertical-align:bottom;
	padding-top:25px;
}
	
DIV.happenings_container{
	position:relative;
	width:525px;
	left:40px;
	float:left;
}
DIV.happenings_pagination{
	position:relative;
	width:520px;
	left:60px;
	float:left;
	margin-top:20px;
	background:#000;
	padding:5px 2px;
}

DIV.happeningsTitle{
	position:relative;
	width:525px;
	left:20px;
	float:left;
	color:#6ac6af;
	font-size:18px;
	padding-top:1px;
	padding-bottom:10px;
}

DIV.happeningsDate{
	position:relative;
	width:525px;
	left:20px;
	float:left;
	font-size:14px;
	color:#b85422;
	padding-top:15px;
	padding-bottom:1px;
}

DIV.happeningsBody{
	position:relative;
	width:525px;
	left:20px;
	float:left;
	text-align:justify;
	font-size:12px;
	padding-bottom:15px;
	color:#ececec;
	line-height:150%;
}

DIV.happeningsFooter{
	position:relative;
	width:515px;
	left:20px;
	float:left;
	background-color:#0b0b0b;
	border-color:#474747;
	border-width:1px;
	border-bottom-style:dotted;
	border-top-style:dotted;
	font-size:12px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	
}

DIV.happeningsRightSide{
	position:absolute;
	left:685px;
	width:310px;
	float:left;
	font-size:12px;
	font-style:italic;
	color:#c45a25;

}

.blogRightSide li, .happeningsRightSide li{
	list-style:none;
	
}
/*---------------------- end of happenings page CSS -------------*/

/* work page CSS */

DIV.work_mainArea{
	position:relative;
	width:900px;
	left:20px;
	top:20px;
}

DIV.work_topArea{
	position:relative;
	width:835px;
	height:170px;
	left:10px;
	top:50px;
}

div.topLine_workPg{
	position:relative;
	left:40px;
	top:-20px;
}

DIV.workPageTitle{
	position:relative;
	font-size:24px;
	height:37px;
}

DIV.work_introTextArea{
	position:relative;
	width:525px;
	text-align:justify;
	font-size:12px;
	line-height:150%;
}
DIV#workNavHolder{
	position:relative;
	left:40px;
	top:30px;
	height:170px;
}

DIV.workPageNav{
	position:absolute;
	left:540px;
	width:310px;
	top:0px;
	font-size:12px;
	font-style:italic;
	color:#c45a25;
	z-index:10;
	height:100px;
}

div.work_featuresArea{
	width:900px;
	position:relative;
	top:-40px;
	left:-10px;
}

DIV.work_featureContainer{
	position:relative;
	width:900px;
	left:20px;
	height:360x;
	clear:both;

}

div.work_featureBorder{
	position:relative;
	z-index:2;
	width:900px;
	height:360px;
}
.work_featuresArea .contentdiv{
	position:absolute;
	width:851px;
	top:30px;
	left:29px;
	z-index:1;
}
div.work_featureImage{
	position:absolute;
	width:851px;
	top:30px;
	left:29px;
	z-index:1;
}

div.work_featureText{
	position:absolute;
	width:300px;
	top:40px;
	left:570px;
	z-index:998;
	font-size:12px;
}
div.work_featureText h3{
	color:#6ac6af;
	margin:0;
	padding:5px 0px 5px 0px;
	font-size:14px;
}
div.work_featureText p{
	margin:0;
	padding:0;
}
div.work_featuresArea .sharethis{
	position:absolute;
	left:780px;
	top:300px;
	z-index:3;
	color:#fff;
}
DIV.work_pagination{
	position:relative;
	width:520px;
	left:40px;
	float:left;
	margin-top:10px;
	padding:0px 2px;
}
DIV.work_pagination a, DIV.work_pagination a:visited {
	color:#b85422;
}

.sharethis a, .sharethis a:link {
	color:#fff;
	font-size:12px;
}

.workFooter{
	position:relative;
	clear:left;
	top:25px;
	left:60px;
	width:850px;
	height:50px;
	font-size:11px;
}

.paginationwork{
position:absolute;
left:570px;
top:300px;
z-index:999;
width:200px;
}
.paginationwork ul{
padding:0 0 0  0;
margin:0;
list-style:none;

font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.paginationwork ul li{
padding:0px;
margin-right:5px;
display:inline;
}
.paginationwork ul li a,.pagination-work ul li a:visited
{
	padding:0px 4px;

color:#9e9e9e;
font-weight:600;
}
.paginationwork ul li .selected
{
	background:url(images/homepage_jslink_bg_hover.jpg);
}
.paginationwork ul li a:hover
{
background:url(images/homepage_jslink_bg_hover.jpg);
color:#fff;
text-decoration:none;
font-weight:normal;
font-weight:600;
}


/*---------------------- end of work page CSS -------------*/

/* Connect Page CSS */

DIV.connect_mainArea{
	position:relative;
	width:835px;
	left:20px;
	top:20px;
}

div.topLine_connectPg{
	position:relative;
	left:32px;
	top:-20px;
}

DIV.connectPageTitle{
	position:relative;
	left:30px;
	top:5px;
	height:25px;
	vertical-align:bottom;
	padding-top:25px;
	padding-bottom:20px;
	font-size:24px;
}

DIV.connect_instructions{
	position:relative;
	width:560px;
	float:left;
	font-size:12px;
	left:33px;
}

DIV.connect_leftSide{
	position:relative;
	width:560px;
	left:40px;
	float:left;
	font-size:12px;
}

DIV.connect_form{
	position:relative;
	width:560px;
	left:31px;
	float:left;
	font-size:12px;
	font-weight:bold;
}

DIV.connectRightSide{
	position:absolute;
	left:660px;
	width:275px;
	float:left;
	font-size:12px;
}

.blueText{
	color:#6ac6af;
	font-size:12px;
	font-weight:bold;
}

.boldText{
	font-weight:bold;
}

.textField_left{
	background-repeat:no-repeat;
	background:url(images/connectField_left.png) no-repeat;
	border:none;
	width:246px;
	height:28px;
	padding-bottom:5px;

}

.textField_right{
	background-repeat:no-repeat;
	background:url(images/connectField_right.png) no-repeat;
	border:none;
	width:291px;
	height:28px;
	padding-bottom:5px;

}

.textField_big{
	background-repeat:no-repeat;
	background:url(images/bigTextField_bg.png) no-repeat;
	border:none;
	width:549px;
	height:212px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;

}

.short_textfield_text{
	font-size: 1.1em;
	color:#c7c7c7;
	margin-top:5px;
	background: none;
	border: none;
	width:225px;
	margin-left:8px;
}

.long_textfield_text{
	font-size: 1.1em;
	color:#c7c7c7;
	margin-top:5px;
	background: none;
	border: none;
	width:265px;
	margin-left:8px;
}

.big_textfield_text{
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#c7c7c7;
	margin-top:5px;
	background: none;
	border: none;
	width:530px;
	margin-left:8px;
}

DIV.codeBox{
	position:relative;
	width:75px;
	height:25px;
	background-color:#101010;

}
.codeBoxText{
	margin-left:10px;
	text-align:center;
}

.send_bg{
	background:none;
	background-image:url(images/send_btn.png);
	border:none;
	width:75px;
	height:30px;
	
}
.pagination{
position:absolute;
left:570px;
top:300px;
z-index:999;
width:200px;
}
.pagination ul{
padding:0 0 0  0;
margin:0;
list-style:none;

font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;

}
.pagination ul li{
padding:0px;
margin-right:5px;
display:inline;
}
.pagination ul li a,.pagination ul li a:visited
{
	padding:0px 4px;

color:#9e9e9e;
font-weight:600;
}
.pagination ul li .selected
{
	background:url(images/homepage_jslink_bg_hover.jpg);
}
.pagination ul li a:hover
{
background:url(images/homepage_jslink_bg_hover.jpg);
color:#fff;
text-decoration:none;
font-weight:normal;
font-weight:600;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 910px; /*width of featured content slider*/
height: 360px;
background: url(images/featureArea_BG_grad.png);
left:25px;
top:-10px;
margin:0px;
padding:0px;
z-index:100;
}
.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 30px;  /*leave as is*/
top: 30px;  /*leave as is*/
background: #222;
width: 850px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper .contentdiv a, .contentdiv a:link  {
	color:#e36400;
}
.contentdiv h2{
	border-bottom:1px #666 dotted;
	padding: 0px 0px 10px 0px;
	margin:20px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:400;
}
.sliderwrapper .contentdiv span.txt{
	position:absolute;
	width:280px;
	top:10px;
	left:540px;
	color:#fff;
	font-size: 12px;
}
.sliderwrapper .contentdiv .sharethis{
	position:absolute;
	top:270px;
	left:745px;
}
.sliderwrapper .contentdiv .sharethis a{
	color:#fff;
}
.happen_title{
	display:block;
	font-size:13px;
	font-weight:bolder;
}
.happen_body{
	font-size:11px;
	width:268px;
	line-height:180%;
}
.happen_date{
	margin:20px 10px 0px 10px;
	float:left;
	width:50px;
	height:50px;
	background: url(images/date_image.png) no-repeat;
}
.happen_date_num{
	padding:8px 5px 0px 13px;
	line-height:2px;
}

.happen_content{
	width:290px;
	float:left;
	padding:0px 0px 20px 0px;
	border-bottom:1px #666 dotted;
}
.clear{
	clear:both;
}
.happen_module{
	margin-top:20px;
	margin-bottom:20px;
}

.pageTitle{
	position:relative;
	top:30px;
	left:40px;
	font-size:24px;
	height:57px;
}
#about_holder{
	
}
.about_content{
	float:left;
}
.aboutArea_rightNav{
	float:left;
}
.aboutArea_rightNav ul li{
	text-transform:lowercase;
	text-align:center;
	width:150px;
	margin:0px 0px 0px 40px;
	list-style:none;
	padding:5px 0px;
	border-bottom: 1px dotted #333;
}
#blastOption{
	position:relative;
	left:130px;
	display:inline;
	width:50px;
	text-align:right;
}


a{
	 outline: none;
}
object:focus
{
    outline: none;
}