/*

Theme Name: PurpleBlab Custom

Theme URI: http://www.purplelabnyc.com/purpleblab

Description: Custom Theme for PurpleLab

Version: 1.0

Author: Calliope Studios

Author URI: http://www.caliopestudios.com/

*/





/* reset */



* {

	padding: 0;

	margin: 0;

	outline: 0;

}



img, fieldset {

	border: 0;

}





/* basic styles */



body {

	font-size: 14px;

	font-family: "Arial",sans-serif;

	background: #000000;

	color: #ec008c;

}

a {

	text-decoration: none;

	color: #ffffff;

}

a:hover {

	text-decoration: underline;

}

small {

	font-size: 11px;

	line-height: 13px;

}

h2 {

	font-size: 24px;

	line-height: 24px;

}

h2.pagetitle {

	margin-bottom: 30px;

	text-align: center;

	text-transform: uppercase;

	padding: 10px;

	background-color: #000000; 

}

h3 {

	font-weight: normal;

	font-size: 22px;

	line-height: 22px;

	margin-top: 30px;

}

h3.comments {

	padding: 0;

	margin: 40px auto 20px;

}



h2 a, h3 a {

	color: #ec008c;

}



#sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

}

code {

	font: 1.1em 'Courier New', Courier, Fixed;

}

acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

	cursor: help;

}

acronym, abbr {

	border-bottom: 1px dashed #999;

}



p img {

	max-width: 100%;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	padding: 4px;

	margin: 0 0 -18px -44px;

	display: inline;

	position: relative;

	right: -50px;

	top: -20px;

}

img.alignleft {

	padding: 4px;

	margin: 10px;

	float: left;

	display: inline;

}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}

.clear {

	clear: both;

}

blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

}

blockquote cite {

	margin: 5px 0 0;

	display: block;

}

.center {

	text-align: center;

}

.hidden {

	display: none;

}

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

}

.aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

}

.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}





/* general form styles */

.entry form {

	text-align: center;

}

select {

	width: 130px;

}





/* page wrapper with multiple backgrounds */



#page {

	margin: 0px auto;

	width: 966px;

	min-height: 550px;

	overflow: auto;

	background: no-repeat center 150px fixed;

	/*background: #999999;*/

}



#page.background-1 { background-image: url(images/background1.jpg); }



#page.background-2 { background-image: url(images/background2.jpg); }



#page.background-3 { background-image: url(images/background3.jpg); }





/* masthead and top navigation */



#header {

	width: 966px;

	padding-top: 45px;

	height: 127px;

}

#header h1 {

	width: 204px;

	height: 85px;

	background: url(images/masthead.png) no-repeat top left;

	margin: 0 0 9px 387px;

}

#header h1 a {

	display: block;

	text-indent: -9999px;

	height: 100%;

	width: 100%;

}

#navigation {

	padding: 11px 35px 7px 50px;

	width: 881px;

	list-style: none;

	background: url(images/nav_bg.png) repeat-y;

}

#navigation li {

	display: inline;

	text-transform: uppercase;

	line-height: 14px;

}

#navigation a {

	color: #ec008c;

}





/* transparent boxes */



.container {

	position: relative;

}

.transparent-box {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #000000;

	filter: alpha(opacity=50);

	-khtml-opacity: 0.5;

	-moz-opacity: 0.5;

	opacity: 0.5;

}





/* ie6 fix */

* html .transparent-box {

	height: expression(this.parentNode.offsetHeight + 'px');

}



.container h2, .container h3 { 

	padding: 8px;

	background-color: #000000;

	margin: 0;

	position: relative;

	

}

.content-box {

	position: relative;

	padding: 10px;

}





/* slim menu */



#slimmenu ul {

	margin: 0;

	padding: 0;

	height: 36px;

	list-style: none;

}

#slimmenu li {

	display: inline;

}

#slimmenu a {

	float: left;

	height: 13px;

	padding: 12px 11px 10px 11px;

	color: #ffffff;

	text-decoration: none;

}

#slimmenu li a:hover {

	text-decoration: underline;

}

#slimmenu a:hover, #slimmenu a:active #slimmenu li.current_page_item a:link, #slimmenu li.current_page_item a:visited, #slimmenu li.current_page_item a:hover, #slimmenu li.current_page_item a:active {

	background: #111111;

}

#slimmenu #rss a {

	float: left;

}





/* comments */

.commentlist {

	padding: 0;

	text-align: justify;

}

.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	font-weight: bold;

}

.commentlist p {

	margin: 10px 5px 10px 0;

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

}

#commentform p {

	margin: 5px 0;

}

.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

}

.commentmetadata {

	display: block;

	font-weight: normal;

}

.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

}



.commentlist li .avatar {

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

}

.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

}

#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

}

#commentform textarea {

	width: 446px;

	padding: 2px;

	background: #460c3d;

	color: #eeeeee;

	border: 1px solid #cc0099;

}

#commentform #buttons {

	text-align: right;

}

#commentform #submit {

	margin: 0;

}



/* sidebar */



#sidebar {

	float: right;

	width: 300px;

	padding: 55px 35px 0 0;

}



#sidebar .container {

	width: 300px;

	margin-bottom: 30px;

}



#sidebar .container h2 {

	font-size: 21px;

	padding-left: 15px;

}



#sidebar .content-box {

	padding-left: 15px;	

}

#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

}

#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 20px;

}

#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

}

#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 0px;

	border: none;

}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 0 0 0 22px;

	padding: 6px 0;

	font-size: 11px;

	border: none;

}

#sidebar ul ol li a:hover {

	text-decoration: underline;

}

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

}

#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	font-size: 11px;

	background: #2E2421;

	color: #ffffff;

	border: 1px #000000 solid;

	height: 16px;

}

#sidebar #searchsubmit {

	background: #2E2421;

	color: #ffffff;

	font-size: 11px;

	height: 21px;

	padding: 2px 8px;

	border: 1px #000000 solid;

}





/* calendar */



#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

}

#wp-calendar a {

	display: block;

	text-decoration: none;

}

#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

}

#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}

#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}

#wp-calendar caption {

	font-weight: bold;

	line-height: 1.3em;

	text-align: center;

	width: 100%;

}

#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

}

#wp-calendar td {

	padding: 3px 0;

	text-align: center;

}

#wp-calendar td.pad:hover {

	/* Doesn't work in IE */

	background-color: #fff;

}





/* content styles */



#content .container {

	width: 555px;

	margin-bottom: 50px;

}

.narrowcolumn, .widecolumn {

	float: left;

	padding: 55px 0 16px 44px;

	margin: 0px;

	width: 415px;

}

#content p, #content ul {

	margin: 15px 0;

}

.alt {

	background-color: #460c3d;

	border-top: 1px solid #cc0099;

	border-bottom: 1px solid #cc0099;

	padding: 10px;

}

.post h2, .post h3 {

	text-transform: uppercase;

	padding: 8px;

}

.post h5.date {

	font-weight: normal;

	color: #ffffff;

	text-transform: uppercase;

	margin-top: -3px;

}



.widecolumn .post {

	margin: 0;

}

.widecolumn .postmetadata {

	margin: 30px 0;

}

.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}

.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}

.postmetadata {

	clear: both;

	color: #ffffff;

	font-size: 12px;

	font-weight: bold;

}

.postmetadata a {

	color: #ffffff;

}

#content p.postmetadata {

	margin-bottom: 5px;

}

.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

}

.entry ol li {

	margin: 0;

	padding: 0;

}

.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

}



#footer {

margin-left:auto;

margin-right:auto;

	text-align: center;

	

	height: 102px;

	width: 955px;

	padding-top: 15px;

	background-image: url(http://www.jsuska.com/purple/images/footer_back.jpg);

	color: #3d0b35;

	background-repeat: no-repeat;

	padding-bottom: 10px;

}



#footer_middle {

	margin-left:auto;

margin-right:auto;

	height: 117px;

	width: 597px;

	text-align: center;

	padding-right: 25px;

	padding-left: 25px;

}



.follow {

	clear: both;

	}

.follow * { vertical-align: top; }

.follow h5 { position: relative; top: 5px; float: left; }

.follow ul { float: left;  }

.follow li { display: block; float: left;  }

.follow #twitter { position: relative; margin-left: 0px;}

.follow #twitter ul { 

	display: none;

	position: absolute;

	z-index: 1;

	bottom: 3px;

	background-color: #ededed;

	list-style: none;

	font-size: 12px;

	padding-right:5px;

	margin-left:5px;

	border: 1px solid #d8dad6;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

}



.follow #twitter a { color: #EC008C; font-weight: bold; }







.legal {

   color: #280724;

   font-size: 11px;

	/*margin-right: 25.5%;*/

   text-align: center;

}



#share {

	border-left: 1px solid #4c0d42;

	padding: 5px 0 4px 21px;

   position: relative;

	float: left;

   margin-top: -3px;

   width: 83px;

}