/* 
Theme Name: Black Girls Run
Theme URL: http://www.blackgirlsrun.com
Author: Purr Design
Author URI: http://www.purrdesign.com
Version: 1.0
*/
/*CSS RESET*/
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea, p, blockquote, table {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3, h4, h5 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}
input, select, textarea {
	font-size: 12px;
	font-family: Arial, sans-serif, Helvetica }
/*STRUCTURE*/
body {
	color: #000;
	font-size: 12px;
	font-family: Arial, sans-serif, Helvetica;
	line-height: 18px;
	background-image: url("images/bg.png");
	letter-spacing: 0.05px }
p  {
	margin-bottom: 10px }
.clear {
	clear: both }
h1, h2, h3, h4, h5   {
	color: #e82987;
	font-weight: bold;
	letter-spacing: -0.05px }
h1  {
	color: #747474;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -0.5px }
h2  {
	color: #e82987;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -0.5px;
	margin-top: 10px;
	margin-bottom: 10px }
h3  {
	color: #747474;
	font-size: 18px;
	line-height: 18px;
	margin-top: 15px;
	margin-bottom: 10px }
h4 {
	color: #747474;
	margin-top: 15px;
	margin-bottom: 10px }
a:link {
	color: #e82987;
	text-decoration: none }
a:visited {
	color: #e82987;
	text-decoration: none }
a:hover {
	color: #e82987;
	text-decoration: underline }
a:active {
	color: #e82987;
	text-decoration: none }
#wrapper  {
	margin-right: auto;
	margin-left: auto;
	width: 960px }
#content  {
	margin-top: -60px;
	position: relative;
	z-index: 100;
	width: 640px;
	float: right }
#sidebar   {
	position: relative;
	z-index: 50;
	width: 300px;
	float: left }
#topbar  {
	font-weight: bold;
	line-height: 37px;
	background-image: url("images/navbg.png");
	background-repeat: no-repeat;
	text-align: right;
	text-transform: lowercase;
	height: 33px }
#topbar ul  {
	margin-right: 16px }
#topbar li  {
	display: inline;
	margin-left: 13px }
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #fff }
#topbar a:hover, #topbar .current_page_item a {
	color: #000;
	text-decoration: none }
#box  {
	background-color: #fff;
	padding: 20px;
	min-height: 500px;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc }
.social {
	color: #e82987;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.05px;
	margin-top: 15px;
	float: right }
.social img {
	position: relative;
	top: 3px;
	vertical-align: bottom }
#header h1 {
	text-align: center;
	margin-top: 25px;
	width: 300px;
	float: left }
#footer  {
	color: #8b8b8b;
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 320px;
	width: 640px }
/*POST STYLES*/
.post   {
	padding-top: 0;
	padding-bottom: 35px }
.date {
	color: #747474;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px }
.post h2   {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0 }
.post h2 a:hover {
	color: #ed5aa3;
	text-decoration: none }
.postmeta   {
	color: #e82987;
	font-size: 11px;
	line-height: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	clear: both;
	border-top: 1px dotted #d1d1d1;
	border-bottom: 1px dotted #d1d1d1 }
.postmeta a {
	font-weight: bold }
.metaleft  {
	width: 70%;
	float: left }
.metaright  {
	text-align: right;
	width: 30%;
	float: right }
.metaicon {
	margin-top: -2px;
	vertical-align: middle; }
img.alignleft {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left }
img.aligncenter {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto }
img.alignright {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: right }
/*SIDEBAR*/
#sidebar .widget {
	margin-bottom: 30px }
#sidebar h3   {
	color: #e82987;
	background-image: url("images/sidebar_rule.png");
	background-repeat: repeat-x;
	background-position: 0 bottom;
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 0;
	padding-bottom: 5px }
#sidebar #sidebar-left  {
	margin-right: 20px;
	width: 120px;
	float: left }
#sidebar #sidebar-right  {
	text-align: center;
	width: 160px;
	float: left }
#sidebar #sidebar-top  { }
#sidebar #sidebar-bottom {
	padding-bottom: 25px;
	clear: both }
#sidebar .widget li {
	color: #e82987;
	list-style-type: disc;
	list-style-position: inside }
#text-3  {
	background-image: url("images/listbg.png");
	background-repeat: repeat-x;
	background-position: right 0;
	margin-top: 35px;
	margin-right: -20px;
	padding: 25px 15px 15px;
	width: 290px;
	height: 48px }
#text-3 h3 {
	background-image: none;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none }
#sidebar ul a:link {
	color: #747474 }
#sidebar ul a:visited {
	color: #8b8b8b }
#sidebar ul a:active {
	color: #e82987 }
#sidebar ul a:hover {
	color: #e82987 }
.widget_twitter {
	background-image: url("images/twitter_standing.png");
	background-repeat: no-repeat;
	background-position: 130px 0;
	margin-top: -27px;
	padding-top: 27px }
.widget_twitter h3 a {
	color: #e82987 !important;
	text-decoration: none }
.widget_twitter .entry-content {
	color: #747474 }
.widget_twitter .entry-meta {
	color: #e82987;
	font-size: 11px;
	font-weight: bold }
.widget_twitter li {
	color: #e82987;
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 6px }
.widget_twitter .entry-meta a {
	color: #e82987 !important }
#mc_embed_signup {
	margin-top: 5px }
.btn {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	background-color: #e82987;
	background-image: url("images/pinkgradient.png");
	background-repeat: repeat-x;
	text-transform: lowercase;
	cursor: pointer;
	margin-left: 2px;
	padding: 1px 5px 4px;
	border-style: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px    }
.btn:hover {
	background-color: #ed5aa3;
	background-image: url("images/pinkgradient2.png");
	background-repeat: repeat-x }
.emailinput, .searchinput {
	color: #747474;
	font-size: 12px;
	line-height: 15px;
	padding: 4px;
	width: 215px;
	border: solid 1px #bcbcbc }
.searchinput {
	width: 130px }
#sidebar .widget_search h3 {
	background-image: none;
	display: inline;
	margin: 0;
	padding: 0;
	border-bottom: none }
#searchform {
	display: inline }
/*HOMEPAGE*/
.jdGallery  {
	margin-bottom: 25px }
.jdGallery .slideInfoZone h2 {
	line-height: 25px; }
.jdGallery .slideInfoZone {
	padding-top: 7px;
	padding-bottom: 0px; }
.jdGallery .slideInfoZone p {
	line-height: 16px; }
/*COMMENTS*/
.commentlist { }
.commentlist li { }
.commentlist {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	border-top: 1px dotted #d1d1d1 }
h3#comments { }
.commentlist li {
	list-style-type: none;
	padding: 20px 15px 10px 75px;
	border-bottom: 1px dotted #d1d1d1 }
.commentlist li.bypostauthor {
	background-color: #f3f3f1 }
.avatar {
	margin-left: -50px;
	float: left }
.comment-author, .comment-author cite {
	color: #e82987;
	font-weight: bold }
.comment-author a {
	color: #e82987;
	font-style: normal;
	text-decoration: underline }
.comment-author a:hover {
	color: #ed5aa3;
	text-decoration: underline }
.comment-meta {
	color: #8b8b8b;
	font-size: 11px;
	font-weight: bold }
.comment-meta a {
	color: #8b8b8b;
	text-decoration: none }
h3#respond {
	margin-bottom: 10px }
.commentlist .reply {
	font-size: 11px;
	font-weight: bold }
/*GALLERY*/
.flickr-mini-gallery { }
.flickr-mini-gallery-thumb {
	margin-right: 10px;
	margin-bottom: 10px }
/*----FORMS----*/
#submit, .submitbutton  {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-color: #e82987;
	text-transform: lowercase;
	cursor: pointer;
	padding: 3px 7px;
	border-style: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px   }
#submit:hover, .submitbutton:hover  {
	background-color: #000 }
.commentinput, .styledinput, .captchainput  {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	background-color: #e0e0e0;
	padding: 4px 6px;
	border-style: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px    }
.label  {
	margin-bottom: 2px }
.wpcf7 p {
	margin: 0;
	padding: 0 }
.wpcf7 .styledinput {
	margin-bottom: 7px }
.captchainput {
	margin-bottom: 10px;
	width: 50px }
/*CALENDAR*/
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span    {
	color: #fff;
	background: #e82987;
	display: block;
	margin-top: 4px;
	margin-left: 7px;
	padding: 15px;
	position: absolute;
	z-index: 100;
	width: 160px;
	border: 1px #d1d1d1;
	-moz-border-radius: 10px;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	border-radius: 10px;
	box-shadow: 1px 1px 5px #ccc }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading  {
	color: #e82987;
	font-size: 14px;
	text-align: center;
	height: 25px;
	border: 1px }
     .calendar-next  {
	color: #8b8b8b;
	font-size: 11px;
	text-align: center;
	width: 25% }
     .calendar-prev  {
	color: #8b8b8b;
	font-size: 11px;
	text-align: center;
	width: 25% }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading, .weekend-heading  {
	color: #747474;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 25px;
	height: 25px;
	border: 1px #d1d1d1 }
.day-with-date   {
	color: #747474;
	text-align: left;
	padding: 2px 5px;
	width: 60px;
	height: 60px;
	vertical-align: text-top;
	border: solid 1px #d1d1d1 }
     .no-events {

     }
     .day-without-date  {
	width: 60px;
	height: 60px;
	border: solid 1px #eaeaea }
     span.weekend  { }
     .current-day    {
	color: #ed5aa3;
	background-color: #f9c5df;
	text-align: left;
	padding: 2px 5px;
	width: 60px;
	height: 60px;
	vertical-align: text-top;
	border: solid 1px #bfbfbf }
     span.event   {
	font-size: 11px }
     .kjo-link, .kjo-link a  {
	color: #d1d1d1;
	font-size: 5px;
	text-align: center }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher  {
	background-color: #f9c5df;
	text-align: center;
	height: 25px;
	border: solid 1px #d6ded5 }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }