/*  
Theme Name: Nottingham Roller Girls - Stripes
Theme URI: http://www.christinafowler.com/
Description: A theme designed especially for Nottingham Roller Girls featuring black and white stripes, lime green and acid purple.
Version: 1.0
Author: Christina Fowler
Author URI: http://www.christinafowler.com
*/

@import url(css/layout.css);
@import url(css/color.css);
@import url(css/typography.css);

body {
background:#fefdfe url('images/stripes.gif') repeat-x;
color:#303030;
font:0.813em/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
}
h1 {
font-size:200%;
}
h2 {
font-size:130.8%;
}
h3, h4 {
font-size:115.4%;
}
h5, h6 {
font-size:100%;
}

a:link, a:visited {
color:#642566;
border-bottom:1px solid #ccc;
}
a:hover, a:active {
border-bottom:1px solid #642566;
}

hr, blockquote, pre, table th, table td, form fieldset, form p, div.respond fieldset {
border-color:#ccc;
}

legend {
font-weight:bold;
}
label, span.label {
font-weight:bold;
float:left;
width:25%;
}
input, textarea, select {
border:1px solid #ccc;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
border-color:#999;
}
input[type=button], input[type=submit], input.button {
background:#8dc63f;
border:1px solid #303030;
padding:4px;
font-weight:bold;
width:auto;
margin-left:26%;
}
input[type=button]:hover, input[type=submit]:hover, input.button:hover {
background-color:#79b22b;
cursor:pointer;
}

.wp-caption-text {
font-size:85%;
color:#999;
}

div#container {
width:auto;
}
div#content-wrapper {
width:960px;
margin:0 auto 20px;
}

div#content img, div#content a img {
border:6px solid #303030;
}
div#content a:hover img {
border:6px solid #642566;
}
div#content .sfforumlink a img {
border:0;
}

#header {
height:270px;
background:url('images/nyx.png') left 30px no-repeat;
padding:40px 240px 0;
clear:both;
}
div#header h1, div#header .pseudoh1 {
background:url('images/logo.png') no-repeat;
width:461px;
height:167px;
margin-top:0px;
border:0;
}
div#header h1 span, div#header .pseudoh1 span, p.description {
display:none;
}

.donate {
display:none;
float:right;
background:#303030;
border:3px solid #000;
border-top:0;
padding:0 10px 10px;
margin-top:11px;
text-align:center;
margin-left:285px;
position:absolute;
left:50%;
}
.donate a {
background:#642566 url('images/donate.gif') center center no-repeat;
display:block;
width:135px;
height:30px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
border:2px solid #000;
}
.donate a:hover {
background-color:#591c5b;
}
.donate a span {
display:none;
}
.donate form, .donate input, .donate input:hover, .donate input:focus, .pay form, .pay input, .pay input:hover, .pay input:focus {
padding:0;
border:0;
margin:0;
width:auto;
}
.pay {
display:none;
}
.donate img, .pay img {
display:none;
}

.logged-in {
float:right;
width:215px;
margin:40px -240px 0 0;
border:3px solid #000;
background:#303030;
color:#fff;
}
.logged-in h2 {
color:#303030;
background:#8DC63F;
padding:5px 15px;
}
.logged-in ul {
padding:0;
margin:10px 15px;
}
.logged-in ul li, .logged-in ul li p {
margin:0;
}
.logged-in a {
color:#8DC63F;
}
.logged-in a:hover {
border-bottom:1px solid #8DC63F;
}

ul#page-nav {
margin-top:55px;
}
ul#page-nav li {
float:left;
font-weight:bold;
font-size:115.4%;
}
ul#page-nav li a {
/*padding:7px 10px;*/
margin-left:20px;
}
ul#page-nav li a:hover, ul#page-nav li a:active {
background:#642566;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
color:#fff;
border:0;
}
ul#page-nav li.current_page_item a, ul#page-nav li.current_page-item a:hover {
color:#fff;
background:#303030;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
cursor:text;
}

div#content {
width:700px;
margin-left:10px;
}
#content-wrapper .page-content {
width:700px;
margin:0 auto;
float:none;
}
#content-wrapper .full-width, #content-wrapper .two-col {
margin:0 10px;
float:none;
width:940px;
}
#content-wrapper .two-col .entry {
width:700px;
float:left;
}
#content-wrapper .two-col .asides {
float:right;
width:220px;
overflow:hidden;
}
#content-wrapper .two-col .asides img {
width:208px;
height:auto;
}
#content-wrapper .two-col .asides strong a, #content-wrapper .two-col .asides a strong {
background:#642566;
padding:7px 10px;
text-align:center;
font-size:115%;
font-weight:bold;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
color:#fff;
border:0;
display:block;
}
#content-wrapper .two-col .asides strong a:hover, #content-wrapper .two-col .asides a strong:hover {
color:#fff;
background:#303030;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
}
#content-wrapper .two-col .asides ul, #content-wrapper .two-col .asides li {
list-style:none;
margin:0;
}
#content-wrapper .two-col .asides li a {
display:block;
padding:2px;
}
#home #content {
float:right;
margin:0 10px 0 0;
}

#home .join-us {
width:220px;
float:left;
margin-left:10px;
}

#archive li span {
color:#999;
}
.archiveposttitle {
margin:0;
}

div.post {
background:#eaeaea;
padding:20px;
margin:0 0 20px;
}
.posttitle {
margin:0;
}
.posttitle span.category a:link, .posttitle span.category a:visited{
color:#303030;
border:0;
}
p.postmetadata {
font-size:84.6%;
}
.post-image, .wp-post-image {
float:right;
margin:-30px -10px 20px 20px;
width:100px;
}

.navigation {
padding:10px;
background:#eaeaea;
margin:0 0 20px;
}
.navigation p {
margin:0;
}

div#sidebar {
float:none;
width:auto;
margin:0;
}
#sidebar ul {
width:220px;
margin-right:10px;
float:right;
}
#sidebar li.widget {
margin:0 0 20px;
}
#sidebar ul ul {
width:auto;
margin:0;
float:none;
}

#sidebar .home-image {
float:left;
width:auto;
margin-left:10px;
}
#sidebar .home-image img {
margin:0;
}

#sidebar .home-sidebar .widget_text {
background:#303030;
padding:19px;
color:#fff;
}
#home .home-sidebar .widget_text a:link, #home #sidebar .widget_text a:visited {
color:#8dc63f;
}
#home #sidebar .widget_text a:hover, #home #sidebar .widget_text a:active {
border-color:#8dc63f;
}

.widget_search input {
margin:0;
width:auto;
}
.widget_search #searchsubmit {
background:#8dc63f url('images/search.gif') center center no-repeat;
text-indent:-2000px;
width:57px;
border:1px solid #000;
padding:4px;
}
.widget_search #searchsubmit:hover {
background-color:#79b22b;
cursor:pointer;
}


.commentmetadata {
font-size:85%;
}

#footer {
background:#303030;
color:#fff;
}
#footer a:link, #footer a:visited {
color:#8dc63f;
}
#footer a:hover, #footer a:active {
border-color:#8dc63f;
}
#footer .wrapper {
margin:0 auto;
width:960px;
}
#footer .wrapper div {
float:left;
padding:0 20px;
margin:20px 0;
}
#footer .subscribe {
width:430px;
}
#footer .subscribe form p {
border:0;
margin:0;
width:100%;
padding:0;
float:left;
display:inline;
}
#footer .subscribe label, #footer .subscribe #unsubscribe {
display:none;
}
#footer .subscribe input {
margin-right:2px;
}
#footer .subscribe #subscribe {
background:#8dc63f url('images/subscribe.gif') center center no-repeat;
text-indent:-2000px;
width:74px;
border:1px solid #000;
padding:4px;
margin:5px 0;
}
#footer .subscribe #subscribe:hover {
background-color:#79b22b;
cursor:pointer;
}
#footer .subscribe input[type="button"], #footer .subscribe input[type="submit"], #footer .subscribe input.button {
margin:0;
}
#footer .follow, #footer .stuff {
border-left:1px dashed #999;
margin:0 0 20px;
width:300px;
}
#footer .follow h2 {
line-height:1.1;
margin:0 0 20px;
}
#footer .follow li, #footer .stuff li {
margin:0 0 20px;
}

#footer .follow li {
padding-left:25px;
}
#footer .follow .rss {
background:url('images/social-icons/feed.png') left bottom no-repeat;
}
#footer .follow .twitter {
background:url('images/social-icons/twitter.png') left bottom no-repeat;
}
#footer .follow .facebook {
background:url('images/social-icons/facebook.png') left bottom no-repeat;
}
#footer .follow .wordpress {
background:url('images/social-icons/wordpress.png') left bottom no-repeat;
}

/* CForms plugin */

#content ol.cf-ol {
margin:0;
}
#content ol.cf-ol li {
list-style:none;
}
.reqtxt, .emailreqtxt {
margin-left:10px;
}
.linklove, .cf_hidden {
display:none;
}

/* Forum */
div#content #sforum img, #sforum table td, #sforum table th, div#content #sforum a img, div#content #sforum a:hover img, div#content img.sficon {
border:0;
}
#sforum table {
margin:0;
}
#sforum textarea, #sforum input, #sforum select {
width:auto;
}
#sforum input[type=button], #sforum input[type=submit], #sforum input.button {
margin-left:0;
}
#sforum label, #sforum span.label {
float:none;
width:auto;
}

/* Calendar plugin */

#events {
margin:0 0 20px 10px;
background:#cbcbcb;
padding:10px;
width:200px;
float:left;
}
#events .date {
color:#303030;
font-weight:bold;
text-transform:uppercase;
margin:0 0 5px;
display:block;
font-size:13px;
}
#events .upcoming-events li {
clear:left;
color:#cbcbcb;
font-size:1px;
}
#events .upcoming-events li li {
clear:none;
margin:0 0 10px;
}
#events .upcoming-events li li em {
font-weight:bold;
font-style:normal;
padding-right:5px;
}
#events .upcoming-events li li a {
padding:7px 10px;
font-size:13px;
display:block;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-khtml-border-radius:7px;
border:0;
}
#events .upcoming-events li li a:hover {
background:#642566;
color:#fff;
}
#events .event-title, #events .calnk strong, #events .event-title-break, #events .event-content-break { 
display:none; 
}
	.calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #ddd;
        background-color:#eee;
        margin:0;
     }
     .calendar-heading td {
     border:0;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #ddd;
        background-color:#303030;
        color:#fff;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #ddd;
        background-color:#303030;
        color:#fff;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #ddd;
     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #eee;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #bbb;
        background-color:#eee;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
        position:absolute;
        left:-2000px;
        top:-2000px;
     }
     .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 {
        height:25px;
        text-align:center;
        border:1px solid #ddd;
        background-color:#eee;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #ddd solid;
     }
     .calendar-date-switcher select {
        border:1px #ddd solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #ddd;
     }