/*
Theme Name: Phillyside Arts Theme
Theme URI: http://www.phillysidearts.com
Description: This is a custom theme and style sheet
Version: Version number 1
Author: Stranger Studios
Author URI: http://www.strangerstudios.com

/*-----------Block Level Elements--------------*/

Body {margin: 0; padding: 0; text-align: center; font: .85em Arial, Helvetica, sans-serif; background: #A66C32; color: #222; }

#header {background: #000; }

#wrapper, #headerinner, #footerinner {margin: 0 auto; text-align: left; width: 790px; }

#page {background: #F7F6F1; }

#content {float: left; width: 580px; margin: 20px 0 0 0; padding: 0 0 30px 0; }
#sidebar {float: right; width: 180px; font-size: .9em; padding: 20px 0 30px 0; }

#footer {background: #A66C32; }
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer ul li {float: left; }
#footer li a {display: block; padding: 8px 15px 7px 15px; color: #F7F6F1; font-weight: bold; font-size: .9em; text-decoration: none; text-transform: uppercase; }
#footer li a:hover {background: #F7F6F1; color: #9A5108;}
#footer .ss {float: right; text-align: right; width: 300px; font-size: .9em; color: #F7F6F1; padding: 10px; line-height: 1.3em; }
#footer .ss a {color: #F7F6F1; }

/*-------------Colors---------------*/

.red {color: #CC0000; }

/*-------------Defaults-------------*/

p {margin: 0 0 14px 0; line-height: 1.3em; }

a, a:link {color: #9A5108; }
a:hover {color: #B86E25; }

small {font-size: .9em; }

blockquote { }

cite { }

acronym, abbr { }

a img { border: none; }

/*-------------User header-------------*/
#wphead {
	background-color: #464646;	
	border:0 none;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	height:46px;
	color: #333333;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

#wphead-h1 {
	-x-system-font:none;
	float:left;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:22px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:10px 8px 5px;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	color: #333333;
}

#wphead-h1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:22px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

#wphead-info {
	margin:0 0 0 15px;
	padding-right:15px;
}

#user_info {
	color: #AAAAAA;
	float:right;
	font-size:12px;
	height:46px;
	line-height:46px;
}

#user_info p {
	line-height:46px;
	margin:0;
	padding:0;
}

a.lite, a.lite:link, a.lite:visited, a.lite:active {
	color: #DDDDDD;
	text-decoration:none !important;
}
a.lite:hover {color: #FFFFFF;}

#user_info a { padding: 4px 5px 6px 5px; line-height: 16px; color: #FFF !important; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; font-weight: bold; border: 1px solid #777; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#user_info a:hover {border-color: #CCC; text-decoration: none !important;}

/*-------------Headings-------------*/

h1 {float: left; display: block; height: 140px; min-height: 140px; background: #000; padding: 20px 58px; margin: 0; }

h2 {margin: 0; font-size: 1.4em; color: #9A5108; }
h2 a {text-decoration: none; }

h3 {margin: 10px 0 3px 0; color: #410000; font-size: 1.1em; }
h3 small {font-size: 10px; font-weight: normal; }

h3#comments, h3#respond {border-top: 1px solid #e0e0d5; padding: 10px 0 0 0; margin: 10px 0 8px 0; font-size: 1em; }

h4 {margin: 10px 0 3px 0; color: #410000; font-size: 1.1em; }
h5 {margin: 0 0 5px 0; color: #; font-size: 1em; }

#sidebar h4 {background: url(images/bg_sidebar-h4.gif) top left no-repeat; padding: 22px 0 0 10px; margin: 25px 0 8px 0; font-size: 1em; }
#sidebar h4 a {text-decoration: none; color: #410000; }
#sidebar h4 a:hover {text-decoration: underline; }

/*-------------Header-------------*/
#headerinner {background: url(images/bg_headerinner.jpg) top right no-repeat; }

#nav {float: right; margin: 150px 0 0 0; padding: 0; background: #000; }

#nav li {float: left; list-style: none; }

#nav li a {display: block; padding: 8px 15px 7px 15px; background: #000; color: #F7F6F1; font-weight: bold; font-size: .9em; text-decoration: none; text-transform: uppercase; border-bottom: 3px solid #000; }
#nav li.icon a {padding-top: 7px;}
#nav li a:hover {border-color: #F7F6F1;}
#nav li a.selected {background-color: #F7F6F1; color: #000; border-color: #F7F6F1;}


/*-------------The Post-------------*/

.post {margin-bottom: 40px; }
.page {border: 0; }
.single {border-bottom: 0;}

.post { }
.post p { }
.post a { }
.post ul {margin: 3px 0 10px 20px; padding: 0; line-height: 1.3em; }
.post li {margin: 0 0 5px 0; }
.entry { }
.entrytext .postmetadata { }
.postmetadata alt { }
.postmetadata a { }

.postdata {padding: 5px 0; margin-bottom: 10px; border: 1px solid #e0e0d5; border-left: 0; border-right: 0; color:#747474; font-size: .9em; }
.postdata a {text-decoration:none; }
.postdata a:hover {text-decoration:underline; }

.tags {line-height:1.2; clear:both;} 

.navigation { display: block; margin: 10px 0 10px 0; }
.navigation .alignleft {float: left; text-align: left; width: 48%; }
.navigation .alignright {float: right; text-align: right; width: 48%; }

.pagetitle { }


.page img {float: right; margin: 0 0 15px 15px; border: 1px solid #CCC; padding: 5px; background: #FFF; }

/*--------------Sidebar------------*/
#sidebar h4 {text-transform: uppercase;}
#sidebar ul {list-style: none; margin: 0 0 0 10px; padding: 0; color: #666; }
#sidebar ul h2 { }
#sidebar ul li {margin: 0 0 10px 0; }
#sidebar ul ul { }
#sidebar ul ul li { }
#sidebar ul ul ul { }
#sidebar p { }
#sidebar a {text-decoration: none; }
#sidebar a:hover {text-decoration: underline; }
#sidebar a:visited { }

/*--------------Comments------------*/
#commentform {margin-top:12px; }
#commentform input {padding: 4px; }
#commentform input.text {width:200px; }
#commentform textarea {width: 570px; padding: 4px; }
#commentform label {color: #666; font-size: .9em; }

.comment {margin: 0 0 20px 0; padding: 10px; background: #FFF; }
.comment .details {margin: 0 0 5px 0; }
.comment .details small {line-height: 20px; }

.status {border-top: 1px solid #e0e0d5; padding: 10px 0 0 0; margin: 10px 0 8px 0; font-size: 1em; font-weight: bold; color: #410000; }

/*--------------Search Form-------------*/

#searchform {margin: 0 0 0 10px; }
#searchform input {float: left;  }
#searchform #s {width: 100px; }


/*--------------Images------------------*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/*-------------------------------------------------
			Buttons, Links
-------------------------------------------------*/
.icon_facebook {background: url("images/icon_facebook.gif") left center no-repeat; padding: 2px 0 2px 18px; font-size: 12px;}
.icon_twitter {background: url("images/icon_twitter.gif") left center no-repeat; padding: 2px 0 2px 18px; font-size: 12px;}
.icon_gmail {background: url("images/icon_gmail.gif") left center no-repeat; padding: 2px 0 2px 18px; font-size: 12px;}

/*-------------------------------------------------
			Open Inviter
-------------------------------------------------*/
#openinviter h2 {display: none;}

#openinviter {padding: 10px; }

#openinviter label {display: block; float: left; width: 130px; margin: 0 10px 0 0; padding-top: 5px; font-weight: bold; text-align: right; }
#openinviter div {clear: left; margin-bottom: 15px;}
#openinviter div div div {clear: none; margin-bottom: 0;}
#openinviter small { font-size: .8em; }
#openinviter submit {cursor: pointer; }
#openinviter .TextField, form textarea { border: solid 1px #AAA; padding: 3px; margin-right: 5px; font-size: 11px; color: #000;}
#openinviter .lite {color: #666;}
#openinviter .findent {clear: none; margin-left: 190px; }

.invites {padding: 8px; background: #FFF; }
.sendinvites {background: #B00000; padding: 5px; border: 1px solid #EDEDED;  }

div.scrolling {height: 300px; overflow: auto; margin: 0;}

/*--------------Messages----------------*/
.message, #login_error {border: 1px solid #345395; background: #D5E4F7 url(images/icon_information.gif) 3px 3px no-repeat; margin: 10px 0 10px 0; padding: 4px 5px 5px 25px; color: #345395;}

.success {border: 1px solid #208A1B; background-color: #CFEECA; background-image: url(images/icon_success.gif); color: #208A1B; }

.error, #login_error {border: 1px solid #E36154; background-color: #F9D6CB; background-image: url(images/icon_error.gif); color: #E36154; }



/*--------------Miscellaneous-----------*/
.clear {clear: both; }
.clearleft {clear: left; }
.clearright {clear: right; }

.right { float: right; }
.left { float: left }
.center { text-align: center; }

.top1em {margin-top: 1em; }
.bottom1em {margin-bottom: 1em; }

.breadcrumbs {color: #444; font-size: .9em; margin: 0 0 25px 0; }
.breadcrumbs a {color: #222; }

.line {background: #CDCDCD; height: 1px; min-height: 1px; font-size: 1px; margin: 15px 0 15px 0; }
.shortline {margin-left: 50px; margin-right: 50px;}

.centered {text-align: center;}

.caps {text-transform:capitalize;}