/*
Theme Name: DesignPhiladelphia
Theme URI: 
Description: 
Version: 1.0
Author: Electronic Ink
Author URI: 
Tags:


*/
.show{display:block !important;}

* {
     margin: 0;
	 
	 padding:0;
}

img{border:0;}

#windowh{
	width: 1px;
	height:100%;
	position:absolute;

}
 
html, body {

	width:100%; 
	
    overflow: auto;
	
	font-family: 'DroidSansRegular', Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	
	color:#362f2d;
	
	 
}
 
body {background:url(images/background.jpg) repeat 0 0;}

a{

	color:#ec1d25; 
	
	text-decoration:none;
	
	font-weight:bold;
	
	font-size:12px;
	
	outline:none;
	
	cursor:pointer;
}



a:hover{color:#8dc641;}



p{line-height:20px;}

h1, h2, h3, h4, .blogtime, #MainNav a, #arrow, #caldate, #datelist, .pagetitle{
	font-family: 'MuseoSlab500', Georgia, "Times New Roman", Times, serif !important;
	font-weight:normal;

}

h3{font-size:20px;}

.blogtime{
	display:inline;
	
	font-size:14px; 
	
	font-style:italic;
	
}

#copyright{
	
	width: 660px;
	padding-bottom:250px;
	font-size:10px;
}

#copyright p{
	padding-top:20px;
	line-height: 16px;
}


.post{

	width: 414px; 
	
	padding-top:18px;
	
	font-weight: normal !important;
	
}

#blognews .entry, #archiveposts .entry, #eventposts .entry{padding: 20px 0;}

#blognews p, #archiveposts p, #eventposts p{padding-bottom:10px;}

#blognews .blogtime{font-size:18px; }

#eventposts{
position:relative;
top:25px;
}

.staticHeader{

position:fixed; 

z-index:10;

position: relative;

}

.sectionDate{padding-bottom: 10px; font-size: 24px;}

#header{
	margin-left: 21px;
	
	background-color: #fff;
	
	height:100%;

	width:247px;
	
	position:fixed;

	top:216px;
	
	left:0;
	
	z-index:10;
	
	padding: 0 15px 0 15px; 
	
	font-size:11px;
	
}

#header a{font-size:11px;}

#header img{border:none;}

#shadowleft{

	height:100%;
	
	background:url(images/mainnav_shadowleft.png) right repeat-y;
	
	position:fixed;
	
	margin-left:12px;
	
	width:10px;
	
	z-index: 1;	

}

#navshadow{

	height:100%;
	
	background:url(images/mainnav_shadow.png) right repeat-y;
	
	position:fixed;
	
	margin-left:295px;
	
	width:10px;
	
	z-index: 1;	
}

#headerimg{

	margin-left: 22px;

	background:url(images/mainnav_dp.gif) -2px 0 no-repeat;

	height:220px;
	
	width:276px;

	position:fixed;
	
	z-index: 10; 

}

#altlogo{display:none;}
#headerimg img{border:0;}

#DPinfo h2{

	padding-bottom: 5px;
	
	text-align:center;
	
	font-size:27px;

}


#DPinfo p{

	padding-bottom:10px; 

	font-size:11px; 
	
}

#MainNav{

	text-align:right;
	
	text-transform:uppercase;
	
	position: relative;
	
	z-index:4;
	

}

#MainNav ul li{

	list-style:none;
	
	display:block;
	
	width:280px;
	
	height: 40px;
	
	z-index:11;
	
}

#MainNav img{border:0;}

#MainNav a{
	
	color:#362f2d; 
	
	
	z-index:11;
	
	display:block;
	
	height: 34px;
	
	padding-top: 6px;
	
	font-style: normal !important;
	
	font-size:18px;
	
	text-align: left;

}

#MainNav a:hover{color:#ec1d25}

#redribbon{	
	
	width:290px;
	
	height:43px;
	
	background: url(images/nav_selected.gif) no-repeat;
	
	position:absolute;
	
	left:-20px;

	z-index: -1;
	
	top:2000px;
	
}

.redribboncal{	
	
	width:290px;
	
	height:43px;
	
	background: url(images/nav_selected.gif) no-repeat;
	
	left:-20px;
	
	position:absolute;
	
	text-align:left;
	
	padding-left:19px;
	
	color:#FFFFFF !important;
	
	z-index: -1;
}

.redribboncal a{
color:#FFFFFF;
}


#arrow, #arrow2{

	position:absolute; 
	
	left: 250px;

	color:#fff;
	
	z-index:12;
	
}
#arrow{ top:5px;}

#arrow2{ top: 45px;}

.isHere{color:#fff !important; font-weight: normal !important;}

#blogfilter, #blogfilter2{ 
	
	text-transform:none;
	
	text-align: left;
	
	width: 171px;
	
	position: absolute;
	
	left: 263px;
	
	top: 0px; 
	
	display: none;
	
	z-index:20;
}

#blogfilter2{
	
	top: 40px; 

	
}

#blogfilter li, #blogfilter2 li{

	width: auto !important;

	height: auto !important;
	
	background:url(images/filter_repeat.gif) repeat-y;
	
	padding: 5px 0 5px 0px;	
	
	
}

#blogfilter li{padding-left: 10px;}

#blogfilter li.first-child, #blogfilter2 li.first-child{background:url(images/filter_top.gif) bottom no-repeat; padding: 6px 0 0 0;}

#blogfilter li.last-child, #blogfilter2 li.last-child{background:url(images/filter_bottom.gif) top no-repeat; padding:0 0 4px 0; }

#blogfilter li a, #blogfilter2 li a{

	color:#ec1d25;
	
	font-family: 'DroidSansRegular', Verdana, Arial, Helvetica, sans-serif !important;
	
	font-size: 12px;	
	
	font-weight:bold;
	
	padding: 0 0 0 22px;
	
	display:inline;

	float:none;
	
}

#blogfilter li a:hover, #blogfilter2 li a:hover{color:#8dc641;}


#socialmedia{
	position:absolute;
	
	bottom:235px;

	z-index:11;
	
	font-size:11px;
}

#socialmedia img{

	padding-right:5px; 
	
	vertical-align:middle;
	
}

#house{
	display:inline-block;
	width: 23px;
	height: 20px;
	overflow:hidden;
	background:url(images/house.gif) no-repeat;
	vertical-align:middle;
}

#house:hover{background-position:0 -33px;}



.sectionhead{padding: 16px 0 50px 320px;}

.transitions{

	margin-left:16px; 
	
	height:500px;
	
}

#frontnews{
	padding-left:320px;
	width: 335px;
	position:relative;
	top: -5px;
}
.isDate a{color:#fff!important;}
#frontnews .post{width:335px;}
#frontnews hr{display:none;}

#transition1{background:url(images/t1.gif) 10px 0 no-repeat;}

#transition2{background:url(images/t2.gif) 10px 0 no-repeat;}

#transition3{background:url(images/t3.gif) 10px 0 no-repeat;}

hr{

	clear:both;

	border: 0;
	
  	width: 100%;
	
 	color: #adaca9;
	
	background-color: #adaca9;
	
	height: 1px;
	
	
}

.pagecontent, #copyright{

	padding-left:320px;
	
}

/*CALENDER WIDGET*/
#calwidget{

	clear:both; 
		
	position:absolute;
	
	top:0;
	
	left: 690px;
	
	top: 360px;
	
	width:290px;
	

}

#calwidget img{
	border:none;
}

#calwidget h3{
	font-size:21px;
	padding-bottom:5px;
	
}

#calwidget ul{

	list-style:none;
	width:230px;
}

#rightLinks, #newslinks{
	position:absolute;
	right:0;
	top:8px;
}


#calwidget .ftitle{
	font-size:14px;
}
.rightLink{
font-size:12px;
}


#caldate{
font-size:15px;
color:#666666;
vertical-align:top;
}

.calNavitem{
display:inline;
padding-right:20px;
color:#FFF;
}

.calNavitem a{
color:#362f2d;
font-weight:normal;
font-size:14px;
font-style: italic;
}
.calNavitem a:hover{
color:#fff;
}

#calendarNav{

width:290px;
height:30px;
background:url(images/calribbon.gif) no-repeat;
text-align:center;
}

#calList{
width:290px;
overflow:hidden;
white-space:nowrap;
display:inline;
height:35px;
position:relative;
top:8px;

}

.calNavitem2{
display:inline;
color:#fff !important;
position:absolute;
}


#calLinks{
overflow:hidden; 
width:150px; 
display:inline-block; 
white-space:nowrap;
height:15px;
}

#prevousDate{
top: 53px;
left:15px;
}

#nextDate{
top: 53px;
right:15px;}

.featured{
display:none;
padding: 20px 20px 0 20px;
}

.calposts{
	background:url(images/calpost.gif);
	height: 175px;
	width: 290px;
	margin:auto;
	z-index: -1;

}

.hide{
display:none;
}


/*Cal Top Nav*/
#datenav{
height:36px;
position:fixed;
left:298px;
top: 169px;
display:inline;
z-index:20;



top:  18px;

}

#dateicon{
background-image:url(images/hover.png);
background-image:url(images/idle.png);
background-repeat:no-repeat;
height:36px;
width:85px;
display:inline-block;
position:relative;

}

#datelist{
background:url(images/longribbon.gif) no-repeat;
height:36px;
display:none;
/*opacity:0.8;
filter: alpha(opacity = 75);*/


}

#octobertext{
font-family:'MuseoSlab500', Georgia, "Times New Roman", Times, serif;
color:#FFF;
font-size:15px;
}

#datelinks{
list-style:none;
position:relative;
font-size:14px;
display:none;
height:36px;

}

#datelinks li:first-child{
padding-left:27px;
}


#datelinks a{
color:#362f2d;
font-size:15px;
font-family: 'MuseoSlab500', Georgia, "Times New Roman", Times, serif;
}

#datelinks a:hover{
color:#FFFFFF;
}

.datenavItem{
display:inline;
padding-right:15px;
position:relative;
top:-3px;
}

#calicon{
display:inline;
position:relative;
top:3px;
padding-right:10px;
}
#end{
display:inline-block;
position:relative;
left:15px; /*19 for ie*/
z-index:10;
}
#datearrow{
display:inline;
position: relative;
top:4px;
}
#ongoing{
padding-right:10px;

}

#jump{
display:none;
height:36px;
width:30px;
background:#FF0000;
}

/* Gallery Popup (placed with Gallery styles)*/
#gallerytext{
background-color:#999999;
height:40px;
width:660px;
opacity:.75;
filter: alpha(opacity = 75);
position:relative;
top:-40px;
z-index:1;
text-align:right;
}

#gallerytexts{
opacity:.5;
filter: alpha(opacity = 1);
font-size:18px;
z-index:1;
}



.ivld{

	width:300px; 
	
	float:left;
	
	padding:0 50px 30px 0;
	
	
}

#maingallery{

	width:660px;
	
	height:328px;

	padding: 16px 0 0 0;
	
	margin-bottom: 20px;
	
	overflow:hidden;
	
	position:relative;
	
}


#maingallery img{border:none;}

.maingallery2{height:220px;}

#smallgallery{}

/* Gallery Popup (placed with Gallery styles)*/
#gallerytext{
height:40px;
width:660px;
position:relative;
z-index:1;
top:0;
}

#happeningFront{background:url(images/happening_repeat.gif) repeat-y 26px 0; }
#happening{
	padding-bottom: 100px;
	
	background:url(images/sec1repeat.gif) repeat-y 26px 0; 
	
	position:relative;
	

}

#involved{

	height: 768px; 
	
	background:url(images/involve_repeat.gif) repeat-y 26px 0;

}

.involve2col{width:780px;}

#sponsors{background:url(images/sponsor_repeat.gif) repeat-y 26px 0;}

#contact{

	height: 700px; 
	
	background:url(images/contact_repeat.gif) repeat-y 26px 0; 
	


}

#sponsors .pagecontent{width:660px;}

#sponsors h4{font: bold 12px 'DroidSansRegular', Verdana, Arial, Helvetica, sans-serif;}

.sponsor2col .logo{

	clear:both; 
	
	float:left;
	
	padding:15px 0 15px 0;
	
	width:330px;
	
}


.sponsor2col p{

	padding: 10px 0 15px 50px;
	
	font-size:10px;
	
	line-height:14px;
		
	width:240px;
	
	float:left;

}

.sponsor3col{width:660px; padding-bottom:5px; }
.sponsor3col li{width: 200px; float:left; padding-right:20px;list-style:none;}

.subpages h4{padding: 5px 0 5px 0;}

#contactform{
	
	width:365px;
	
	float:left;
}

#contactform label{position:relative;}

#contactform #comments{position: relative; top:-115px; left: -5px;}

#contactform input, #contactform textarea, #contactform select{

	width:230px; 
	
	height:30px;
	
	border: 1px solid #8dc73f;

	margin-right:10px;
	
	
} 

#contactform p {

	padding-bottom:10px; 	
	
	text-align:right;
	
	font-family: 'MuseoSlab500', Georgia, "Times New Roman", Times, serif;

	font-size:17px;
	


}

#contactform textarea{height:135px;}
#contactform select{width: 233px; padding:4px;}
#contactform .button{

	clear:both;

	width:90px;
	
	height:35px;
	
	background: #ec1f28;
	
	border:none;
	
	float:right;
	
	font-family: 'MuseoSlab500', Georgia, "Times New Roman", Times, serif;
	
	font-size:18px;
	
	color:#fff;
	
	margin-top:10px;
	
	cursor:pointer;

}
#contactform .button:hover, #respond #submit:hover{background:#8dc641;}

#contactlist{

	float:left;
	
	padding-left:50px;
	
	width:250px;

}

#contactlist p{padding-bottom: 25px;}

#contactlist img{vertical-align:middle;}



.pagetitle{font-size:24px; margin-bottom: 10px;}

.here{color: #fff !important;}

#sidebar, .postmetadata, #footer{display:none;}

#comment{width: 414px;}

#respond #submit{

	height: 40px;
	
	width: 170px;
	
	background: #ec1f28;
	
	border:none;
	
	font-family: 'MuseoSlab500', Georgia, "Times New Roman", Times, serif;
	
	font-size:18px;
	
	color:#fff;
	
	margin-top:10px;
	
	cursor:pointer;
}

#happening .post{position: relative;top:-18px;}

/* Tag Clound styles*/
#tagcloud{

	clear:both; 
		
	position:absolute;
	
	top:0;
	
	left: 785px;
	
	top:215px;
	
	
	width:200px;
}




/* Gallery Popup (placed with Gallery styles)*/
#gallerytext{
background-color:#999999;
height:40px;
width:660px;
opacity:.75;
filter: alpha(opacity = 75);
position:relative;
z-index:1;
text-align:right;
}

#gallerytexts{
opacity:.5;
filter: alpha(opacity = 1);
font-size:18px;
z-index:1;
color: #666666;
}

/*Tag Cloud on Events Page*/
#tagcloud1{

	clear:both; 
		
	position:absolute;
	
	top:0;
	
	left: 785px;
	
	top: 215px;
	
	top: 340px;
	
	width:200px;
	
	line-height:20px;
	
}



/* Search Bar styles*/
#searchBar{
	clear:both; 
	position:absolute;
	top:0;
	left: 785px;
	top:215px;
	width:200px;
}


#searchBar #s {
	width: 200px;
	margin-bottom: 5px;
}

#searchBar .searchTease {
	margin-bottom: 5px;

}




#tagcloud2{
	margin-top:50px;
	
}

/*TwitterFeed and tagcloud on newspage*/
#twitterfeed{

	clear:both; 
		
	position:absolute;
	
	top:0;
	
	left: 785px;
	
	top: 218px;
	
	width:190px;
	
	overflow:hidden;
	
	line-height:20px;
	
}

#twitterfeed h3{
	padding-bottom:5px;
}

#twitterfeed ul{

	list-style:none;

}

.linktitle{
font-size:14px;
}


/*Last Minute padding on front page*/


.subpage232{
padding-top:5px;
}

.nocomments{}





#archiveposts .pagetitle, .sectionDate.searchTitle {
	width: 414px;	
	
	
	
	
}


p.nocomments {
	display: none;	
	
}