/*
Theme Name: RedPepr Radio
Theme URI: http://www.redpepr.com
Description: Red Pepr Radio Website Template
Template: headway
Author: Thomas L. Forrester
Author: http://www.redpepr.com
Version: 1.0
*/

/* == Custom Fonts from Google */
@import url(http://fonts.googleapis.com/css?family=Architects+Daughter);
/* == END Custom Fonts from Google */

/* == Base Typography*/
/*
a:link    {color: #2B5580; text-decoration: none;}
a:visited {color: #2B5580; text-decoration: none;}
a:hover   {color: #b70c10;  text-decoration: underline;}
a:active  {color: #b70c10;  text-decoration: underline;}
*/
.blueink {font-family: 'Architects Daughter', cursive; color: #0033cc;}
.redink  {font-family: 'Architects Daughter', cursive; color: #b70c10;}

h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 18px; }
h4 { font-size: 12px; }

hr { color: #b70c10; height: 1px; }
/* == END Base Typography*/

/*
body { background-image: url(images/greysquares.png); }
    font-family: verdana, sans-serif;
    font: normal;
    font-size: 12px;
    color: black;
    line-height: 140%; }
*/

/* Responsive Text for Site Header Blocks, et al */
@media all and (max-width: 1023px) {
    #block-bdq5619c2df73f61 .block-content p {
        font-size: 1.5em;
        line-height: 1;
    }
}

@media all and (max-width: 800px) {
    #block-bdq5619c2df73f61 .block-content p {
        font-size: 0.5em;
        line-height: 1;
    }
}
/* END Responsive Text for Headers, et al */


/* Site-Wide Padding */
.block-type-content     { padding: 0 12px;}
.block-type-widget-area { padding: 0 12px;}
.block-type-custom-code { padding: 6px;}

/* Site-Wide Titles */
.block-title { margin-bottom: 4px; padding: 4px 0; border-bottom: 1px solid red; }
.block-type-content .entry-title { font-family: 'Architects Daughter', cursive; color: #0033cc; border-bottom: 1px solid red; padding-bottom: 5px; }
.block-type-custom-code .entry-title { font-family: 'Architects Daughter', cursive; color: #0033cc; border-bottom: 1px solid red; padding-bottom: 5px; margin: 6px 0;}

/* Site-wide SLider Rounded Corners */
.flexslider .slides img { border-radius: 8px; }
.block-type-slider .flex-caption {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    }

/* Header Block */
#block-1 { height: 194px !important; }
    /*#block-1 .block-mirroring-1 { height: 194px; }*/

/* Main Navigation */
#block-2 { text-align: center; }      /* not working */

/* Now Playing Block */
#block-6 { height: 194px; padding: 0 !important; }

/* Widget Blocks */
.widget-area a:link {color: blue;}                 /* unvisited link  */
.widget-area a:visited {color: purple;}            /* visited link    */
.widget-area a:hover {text-decoration: underline;} /* mouse over link */
.widget-area a:active {color: red;}                /* selected link   */
.block-type-widget-area li.widget .widget-title {border-color: red; border-width: 0 0 1px 0; padding: 0 0 8px 0;}


/* Chat Box Styling */
#ChatBox {width: 396px; height: 290px}
/* END Chat Box Styling */

/* Featured Content Slider */
#block-123 .sliderkit img { padding-top:8px; padding-left:4px;}
#block-125 .sliderkit img { padding-top:8px; padding-left:4px;}
    #block-125 .sliderkit-panel-overlay { height: 50px; margin-left: 5px; padding-left: 0px;}
    #block-125 .sliderkit-panel-textbox { top: 240px;}
    #block-125 .sliderkit-panel-text    { height: 45px; padding-left: 5px; padding-top: 5px; margin-left: 5px;}


/* Sidebar Tune In and Chat Room Buttons */
.grrSidebarButton {
    padding-top:0;
    text-align:center;
    height: 40px;
    background-color: #82E0FF; /* fallback/image non-cover color */
    /*background-image: url(images/fallback-gradient.png);*/   /* fallback image */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C0C0C0), to(yellow)); /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-linear-gradient(top, #C0C0C0, yellow);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top,  #C0C0C0,  yellow); /* for firefox 3.6+ */
    background-image: -o-linear-gradient(top, #C0C0C0, yellow); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #C0C0C0, yellow); /* IE 10+ */
    <!--[if lte IE 9]>
        background-image: none;
    <![endif]-->
    }
    .grrSidebarButton a {
            font-family: 'Architects Daughter', cursive;
            font-size: 24px;
            font-weight: bold;
            color:black; text-decoration:none;
            padding-top: 12px;
            }
    .grrSidebarButton:hover   {
        background-color: #FF6262; /* fallback/image non-cover color */
        /*background-image: url(images/fallback-gradient.png);*/   /* fallback image */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(red)); /* Safari 4+, Chrome 1-9 */
        background-image: -webkit-linear-gradient(top, white, red);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
        background-image: -moz-linear-gradient(top,  white,  red); /* for firefox 3.6+ */
        background-image: -o-linear-gradient(top, white, red); /* Opera 11.10+ */
        background-image: -ms-linear-gradient(top, white, red); /* IE 10+ */
        <!--[if lte IE 9]>
            background-image: none;
        <![endif]-->
        }
/* END Sidebar Tune In and Chat Room Buttons */



/* == Support Grid == */
div#supportGrid {
    /* position: absolute; top: 0; right: 8px; width: 350px; height: 150px; */
    margin: 0;
    font-family: 'Architects Daughter', cursive;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none; */
    /* -webkit-border-radius: 8px; */
    /* -moz-border-radius: 8px; */
    /* border-radius: 8px; */
    color:black; text-decoration:none;
    background: white; /* for non-css3 browsers */ }

.paypaltable {font-family: 'Architects Daughter', cursive; font-weight: bold; color: #0033CC; width:100%; border: 0px solid #0033CC; border-collapse:collapse;}
    .paypaltable td, {font-size:10px; border:0px solid #3399FF; }
    .paypaltable tr { height: 30px; }
    .paypaltable tr.alt td { background-color:#F0F8FF; }
    .paypaltable td.btn { text-align: center; border:0px solid #959596;}
    .paypaltable td.rowcap { font-size:14px; width:150px; /*padding-left: 45px;*/ }
    .paypaltable th { border: none; }
    .paypaltable td { border: none; }

div.paypallogo {min-height: 80px; text-align: center;}
    /* div.paypallogo a img {position: absolute; left: 3px; top: 3px;} */

.paypaltable td.btn a {
    /*vertical-align: text-bottom !important;  */
    color: black;
    width:46px;
    font-size: 12px;
    text-align: center;
    padding: 2px 10px;
    border: 1px solid black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
     background-color: #C0C0C0; /* fallback/image non-cover color */
    /*background-image: url(images/fallback-gradient.png);*/   /* fallback image */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#C0C0C0)); /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-linear-gradient(top, white, #C0C0C0);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top,  white,  #C0C0C0); /* for firefox 3.6+ */
    background-image: -o-linear-gradient(top, white, #C0C0C0); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, white, #C0C0C0); /* IE 10+ */
    <!--[if lte IE 9]>
        background-image: none;
    <![endif]-->
    }
        .paypaltable td.btn a:link { color:black; text-decoration:none; }
        .paypaltable td.btn a:visited { color:black; text-decoration:none; }
        .paypaltable td.btn a:hover {
            background-color: #FFFF99; /* fallback/image non-cover color */
            /*background-image: url(images/fallback-gradient.png);*/   /* fallback image */
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C0C0C0), to(yellow)); /* Safari 4+, Chrome 1-9 */
            background-image: -webkit-linear-gradient(top, #C0C0C0, yellow);/* Safari 5.1+, Mobile Safari, Chrome 10+ */
            background-image: -moz-linear-gradient(top,  #C0C0C0,  yellow); /* for firefox 3.6+ */
            background-image: -o-linear-gradient(top, #C0C0C0, yellow); /* Opera 11.10+ */
            background-image: -ms-linear-gradient(top, #C0C0C0, yellow); /* IE 10+ */
            <!--[if lte IE 9]>
                background-image: none;
            <![endif]-->
            }
        .paypaltable td.btn a:active {color:black; text-decoration:none; }
/* == END Support Grid == */

/* == Playlist Index Page Styling */
.playlistIndexRow {position: relative;}
.playlistIndexRowCell {
    float: left;
    background-image: url(http://www.girlsrockradio.com/images/pCenter.png);
    background-repeat: repeat-x;
    min-width: 84px;
    height: 84px;
    padding: 0; margin: 0;
    border: none;}
.playlistIndexEndCap {
    float: left;
    min-width: 10px;
    height: 84px;
    padding: 0; margin: 0;
    border: none;
    background-repeat: no-repeat;}
    .Right {background-image: url(http://www.girlsrockradio.com/images/pRight.png);}
    .Left  {background-image: url(http://www.girlsrockradio.com/images/pLeft.png); }
.playlistIndexLetter{
    font-family: 'Architects Daughter', cursive;
    font-size: 72px;
    font-weight: bold;
    color: #990000;
    text-shadow: 2px 2px 4px #444444;
    text-align: center;
    margin-top: 30px;}
    .playlistIndexLetter a:link { text-decoration: none; color: #990000;}
    .playlistIndexLetter a:visited {color: #990000;}
    .playlistIndexLetter a:active {color: #ff0000;}
    .playlistIndexLetter a:hover {color: #ff0000; text-decoration: none;}
/* == END Playlist Index Page Styling */

/* == Individual Playlist Page Styling */
#playlistSelect {text-align:center;}
#playlistSelect input { padding: 2px 4px; }
div#playlist {font-family: verdana, sans-serif; font-size: 10px; line-height: 140%; color: black;}
    div#playlist i { border: none; }
    div#playlist table {border: 1px solid #000000;}
    div#playlist table caption {color: #b70c10; text-align: left; margin-bottom: 2px;}
    div#playlist table th {
        background: #CCCCCC;  /* for non-css3 browsers */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#888888'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#888888)); /* for webkit browsers */
        background: -moz-linear-gradient(top,  #EEEEEE,  #888888); /* for firefox 3.6+ */
        border: 1px solid #000000;
        padding: 0 4px 0 4px;
        font-size: 10px; font-weight: bold;
        color: #b70c10;
        text-align: left;}
    div#playlist table td { border: 1px solid #000000; padding: 2px 4px;}
/* == END Individual Playlist Page Styling */


/* == Track Page CSS */
.track { /*font-size: 10px; padding: 4px; border: thin solid #b70c10;*/}
    .track a:link    {color: #0000FF; text-decoration: none;}
    .track a:visited {color: #800080; text-decoration: none;}
    .track a:hover   {color: #0000FF; text-decoration: underline;}
    .track a:active  {color: #FF0000; text-decoration: underline;}
    .track h3 {margin: 0; padding: 0; font-size: 24px; font-weight: bold; color: #b70c10;}
    .track h4 {margin: 0; padding: 0; font-size: 12px; font-weight: bold; color: #b70c10;}
    .track table {/*border: thin solid #b70c10;*/}
        .track table img {padding: 20px;}
    .track table tr {vertical-align: top; /*border: thin solid #b70c10;*/}
    .track table td {/*padding-top: 1px;*/  border: thin solid #888888; vertical-align: top;}
        .track table td.picture {background-color: #ededed;}
        .track table table {/*border: thin solid #339900;*/ width: 330px;}
            .track table table td {padding: 0 0 0 5px; border: none;}
#trackmeta {/*border: thin solid #b70c10;*/}
    #trackmeta table {table-layout: fixed; width: 565px;}
    #trackmeta table td { border: none; }
    #trackmeta table tr:nth-child(even) {background: #ECECEC; border-bottom: 1px solid #CCCCCC;};
    #trackmeta table tr:nth-child(odd) {background: #FFF;}
    #trackmeta table .c1 {border: none; padding: 2px; margin: 0; width: 30%;}
    #trackmeta table .c2 {border: none; padding: 2px; margin: 0; width: 20%;}
    #trackmeta table .c3 {border: none; padding: 2px; margin: 0; width: 8%;}
    #trackmeta table .c4 {border: none; padding: 2px; margin: 0; width: 15%;}
    #trackmeta table .c5 {border: none; padding: 2px; margin: 0; width: 15%;}
    #trackmeta table .c6 {border: none; padding: 2px; margin: 0;}
/* == END Track Page CSS */


/* == Contact Form 7 Styling */
.wpcf7 p { margin:0; padding:0;}
.wpcf7 input { margin:0; padding:0;}
/* == END Contact Form 7 Styling */


/* == GRR Uploader Styling */
body.custom div#grrUploader h4 {color: #CC0000; font-size: 14px; font-weight: bold;}

    /* WordPress File Upload Pro Stylings */
    #wordpress_file_upload_block_1 { width: 926px; padding: 20px; border: 1px solid #C0C0C0;}
    #wordpress_file_upload_drag_1 { width: 100%; height: 90%; }
    span.file_title_clean { font-family: 'Architects Daughter', cursive; color: #0033cc; font-size: 24px; }
    div.file_div_clean { width: 100%; }
    table.file_table_clean { width: 100%; }
    div#wordpress_file_upload_userdata_1 { margin-top: 6px; }
    label.file_userdata_label { display: inline-block; width: 208px; }
    input.file_userdata_message { margin-top: 4px; }
    #wordpress_file_upload_form_1 { margin-top: 20px; }
    #uploadform_1 { width: 100%; }
    #input_1 { width: 100%; }
    #filelist_1 { width: 100%; }
    #progressbar_1.file_progress_bar { width: 100%; }
    /* END WordPress File Upload Pro Stylings */

/* END GRR Uploader Styling */



/* Music Submission Guidelines Page Styles */
#MSGForm .grunion-field-label .checkbox {margin:16px 0 0 -1px;}
#MSGForm .grunion-radio-label {margin:0 0 0 -6px;}
#MSGForm .contact-submit {margin:12px 0 22px 0;}
/* END Music Submission Guidelines Page Styles */

/* Review Queue Page Styles */
table.Submissions {
    font-family: verdana,sans-serif;;
    font-size: 12px;
    border-collapse: collapse;
    border: 1px solid #C0C0C0;
    margin-top: 20px;
}
table.Submissions td {
    border: 1px solid #C0C0C0;
    padding: 2px 4px 2px 4px;
}
table.Submissions th {
    border: 1px solid #C0C0C0;
    padding: 2px 4px 2px 4px;
    text-align: center;
    vertical-align: middle;
}
.SDotG {
    line-height: 12px;
    text-align: center;
    vertical-align: -2px;
    font-size: 22px;
    color: #339900;
}
.SDotR {
    line-height: 12px;
    text-align: center;
    vertical-align: -2px;
    font-size: 22px;
    color: #CC0000;
}
.SDotB {
    line-height: 12px;
    text-align: center;
    vertical-align: top;
    font-size: 22px;
    color: #000000;
}
.LDotG {
    line-height: 12px;
    vertical-align: -2px;
    font-size: 22px;
    color: #339900;
}
.LDotR {
    line-height: 12px;
    vertical-align: -2px;
    font-size: 22px;
    color: #CC0000;
}
.LDotB {
    line-height: 12px;
    vertical-align: -2px;
    font-size: 22px;
    color: #000000;
}
/* END Review Queue Page Styles */

/* StreamLicensing Player Page Styles */
.PlayerGrid table {border-top:none; width: 100%;}
.PlayerGrid td {text-align:center; border-top: none; padding: 0;"}
/* END StreamLicensing Player Page Styles */

/* == Footer Styling */
/*#block-21 { padding:0 !important; }
#block-21 ul li {padding: 0; margin: 0;}

#footerLeft   { }
#footerCenter {width: 728px; padding: 0 0 0 8px;}
#footerRight  {min-height: 110px;}
.grrFooterBottom {font-family: 'Architects Daughter', cursive; font-size: 14px; color: #C0C0C0;}
    .grrFooterBottom a {text-decoration:none; color: white; }
    .grrFooterBottom a:hover {text-decoration:underline;}
div#fb_footer {text-align: center; width: 100%; }
*/
div#otherStations { border: solid 1px #000000; padding: 5px; }
div#CGRlogo a img {width: 162px; height: 162px; overflow:hidden; border: 2px solid #777777; border-radius: 6px }

/* == END Footer Styling */