/*
Theme Name: GameStorm 2013
Theme URI: http://wordpress.org/extend/themes/gs2013
Author: GameStorm Web Development Team
Author URI: http://gamestorm.org/
Description: The 2013 theme redesign for the official GameStorm website.
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
*/

/*
Change log:

        5/16/13 JD  - Added exclusion to P tag for WooCommerce info box.
                                - Commented out overflow hidden because it was messing with the admin bar.
        5/13/13	JD	- Changed .title to .entry-title for articles.
                                - Added avquestregular to entry title A tags.
                                - Added paddig to P tags.



*/

/*@import url(http://fonts.googleapis.com/css?family=Lovers+Quarrel);*/
/* general reset */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font: inherit;
    vertical-align: top;
    background-repeat: no-repeat;
}
/*	 border-box model  */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    display: inline;
    zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] {
    display: none;
}
/* Commented out overflow hidden because it was messing with the admin bar. JD 5/16/13 */
html, body {
    width: 100%;
    height: 100%;
    /*overflow: hidden;
    */}
h1, h2, h3, p {
    text-align: left;
    /*line-height: 1.4;*/
}

/* Add padding to P tags fors slight paragraph separation. JD 5/13/13 */
p {
    padding-bottom:10px;
}

a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    font-size: inherit;
}
a img {
    border: none;
}
span, b, strong, em {
    font: inherit;
    color: inherit;
}
b, strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
abbr[title] {
    border-bottom: 1px dotted;
}
form {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
label {
    cursor: pointer;
}
/* Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }
/* ledgend issues in IE7 */
legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    height: 20px;
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
label, input[type=button], input[type=submit], button {
    cursor: pointer;
}
/* Chrome Frame prompt	*/
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*  -----------------------------------------------------------------------------------------------------                                    
                                COLOR GRADIENTS        
        -----------------------------------------------------------------------------------------------------    */



/*  -----------------------------------------------------------------------------------------------------												
                                GENERAL  TYPOGRAPHY	   
        ------------------------------------------------------------------------------------------------------			*/
/* makes font-size consistant, set font size with percentages*/
/*	Sans Pro font		http://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro:400,700,900,400italic	*/
* {
    font-size: 1em;
    /*font-size: small;*/
    font: x-small;
    line-height: 1.22;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: always;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    color: #EAE4D8;
}
table {
    font-size: inherit;
    font: 100%;
}
select, input, textarea {
    font: 99% sans-serif;
}

/*	lovers quarrel*/
.page-header .gsnumber {
    font-family: 'Lovers Quarrel', cursive;
}



/*	Rockwell */

input[type=text],
input[type=password],
.article footer span,
textarea, 
a {
    font-family: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
}

/*	helvetica */
.article h2,
.article .entry-content ul li {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 300;
}

/*	AVQuest	*/
@font-face {		font-family: 'avqestregular';		
              src: url('fonts/avqest-webfont.eot');		
              src: url('fonts/avqest-webfont.eot?#iefix') format('embedded-opentype'),			 
                  url('fonts/avqest-webfont.woff') format('woff'),			 
                  url('fonts/avqest-webfont.ttf') format('truetype'),			 
                  url('fonts/avqest-webfont.svg#avqestregular') format('svg');		
              font-weight: normal;		
              font-style: normal;	
}

/* Made .title for entry more specific .entry-title JD 5/13/13
   Added .entry-title a for anchors so font doesn't get overridden.  JD 5/13/13 */
.news-title, .gsnumber, .page-title {
    font-family: avqestregular, Georgia, Times, "Times New Roman", serif;
}

a {
    font-size: inherit;
}

a:hover {
}

a:active {
    outline: none;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*  -----------------------------------------------------------------------------------------------------                                        
                                        FORMS        
        -----------------------------------------------------------------------------------------------------    */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
.woocommerce table.cart td.actions .coupon .input-text,
select,
textarea {
    background: #d5d5d5;
    color: #800000;
    text-shadow: 0px 1px 1px rgba(255,255,255,.5);
    font-size: 14px;
}
input[type=text],
input[type=password],
.woocommerce table.cart td.actions .coupon .input-text,
input[type=email],
input[type=number],
textarea {
    border-radius: 2px;
    box-shadow: inset 2px 2px 3px rgba(0,0,0,0.3);
    padding: 2px 5px;
    border-width: 2px;
    -webkit-border-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:   -moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;   
    border-image:   linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;  
}




option {
    background: #d5d5d5;
    color: #800000;
    text-shadow: 0px 1px 1px rgba(255,255,255,.5);
    font-size: 14px;
    padding: 2px 5px;
}
input[type=submit],
.button {
    color: #800000;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
    padding: 3px 5px;
    border-radius: 3px;
    background: #f0f9ff; /* Old browsers */
    background: -webkit-linear-gradient(top,  #f0f9ff 0%,#777 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f9ff 0%,#777 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f9ff 0%,#777 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f9ff 0%, #777 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#777',GradientType=0 ); /* IE6-9 */
}
/* Label red on grey hard to see.  Adjusted to white. JD 7/2/2013 */
label {
    display: block;
    color: #eee;
    padding: 0px 0px 3px 0px;
}


input[type=submit] {
}
/*  -----------------------------------------------------------------------------------------------------                                            
                                        HELPER FUNCTIONS        
        -----------------------------------------------------------------------------------------------------    */
li.widget {
    list-style-type: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.hidden {
    display: none;
}


/*	---	---	SCROLL BAR (webkit)	---	---	*/	
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background: #666;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(128,0,0, .4);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5),
        2px 2px 5px rgba(0,0,0,0.3); 
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(150,0,0, .4);
}



/*  -----------------------------------------------------------------------------------------------------                                                
                                        GENERAL LAYOUT        
        -----------------------------------------------------------------------------------------------------    */
body {
    overflow-Y: auto;
    background: #000;
}
.wrapper {
    position: relative;
    padding: 15px 0px;
    width: 1024px;
    margin: 0px auto;
}
/* 	-----------------------------------------------------------------------------------------------------											
                                        MASCOT        
        -----------------------------------------------------------------------------------------------------    */
.mascot {
    /*	mascot is positioned on each page, this is the default positioning */		position: absolute;
    top: 477px;
    left: 185px;
    z-index: 10;
    width: 90px;
    height: 135px;
    background: url("images/mascot_white.png") no-repeat;
    background-size: contain;
}

body.archive .mascot {
    top: 238px;
    left: 286px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    transform: scaleX(-1);
}
body.page-id-28 .mascot {
    top: 329px;
    left: 968px;
}
body.page-id-58 .mascot {
    top: 327px;
    left: 980px;
}
body.page-id-67 .mascot {
    top: 210px;
    left: 489px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    transform: scaleX(-1);
}
body.page-id-73 .mascot {
    top: 327px;
    left: 935px;
    width: 180px;
    height: 270px;
}
/*
Returning him home because of format changes.
body.page-id-75 .mascot {
    top: 265px;
    left: 418px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    transform: scaleX(-1);
}*/
body.page-id-136 .mascot {
    top: 245px;
    left: 961px;
}
body.page-id-239 .mascot,
body.page-id-238 .mascot {
    top: 238px;
    left: 972px;
}
body.blog .mascot{
    top: 231px;
    left: 291px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    transform: scaleX(-1);
}

/* 	-----------------------------------------------------------------------------------------------------                                                    
                                        HEADER        
        -----------------------------------------------------------------------------------------------------    */
.page-header {
    position: relative;
}
.page-header .top-nav {
    position: relative;
    z-index: 20;
    width: 100%;
    text-align: right;
    padding: 0px 0px 20px 0px;
}
/*	---	---	navigation ---	---	*/
.top-nav .menu {
    text-align: right;
    display: block;
}
.top-nav .menu a {
    display: inline-block;
    text-transform: uppercase;
}
.top-nav .menu a:hover {
    color: #222;
}
.top-nav .menu .menu-item {
    position: relative;
    display: inline-block;
}
.top-nav .menu .menu-item a {
    width: 115px;
    text-align: center;
    font-size: 20px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
}
.top-nav .menu .menu-item a:hover {
    background: #888;
    color: #000;
}
.top-nav .menu .sub-menu .menu-item a {
    display: block;
    text-align: left;
    font-size: 13px;
    padding: 5px 0px 10px 15px;
}
.top-nav .menu .sub-menu .menu-item a:hover {
    background: #ddd;
}
.top-nav .menu .sub-menu {
    display: none;
    position: absolute;
    left: 0px;
    opacity: 0;
    background: #555;
    border-radius: 0px 0px 2px 2px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
}
.top-nav .menu .menu-item:hover .sub-menu {
    opacity: .95;
    display: block;
}
.page-header .header-left {
    display: inline-block;
    width: 325px;
    margin-right: 20px;
}
.page-header .logo {
    width: 325px;
    display: block;
    position: relative;
    height: 89px;
    background: url("images/gamestorm_logo_small.png") no-repeat 0px 0px;
    background-size: cover;
    margin-top:15px;
}
.page-header .header-left .content {
    text-align: center;
    font-size: 25px;
}
.page-header .gsnumber {
    display: inline-block;
    font-size: 67px;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.7);
    position: absolute;
    top: 19px;
    left: 278px;
    -webkit-transform: rotate(-4deg);
    -mov-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.page-header .header-middle {
    display: inline-block;
    width: 546px;
}
.page-header .page-title {
    font-size: 42px;
    text-align: center;
}
/*		
                .page-header .page-title:before {
                        content:"System Alert: Jim broke the FUN timer. ";
                        position: absolute;
                        z-indx: 100;
                        top: 160px;
                        background: #800000;
                        padding: 0px 10px;
                }
*/


.page-header .header-middle .content {
    color: #e00000;
    padding: 0px 0px 0px 15px;
    font-size: 20px;
}
.page-header .header-middle .content a {
    color: inherit;
    font: inherit;
    font-size: inherit;
    padding: inherit;
}
.page-header .header-middle .content a:hover {
    color: #fff;
}
.page-header .header-right {
    position: absolute;
    right: -40px;
    bottom: 0px;
    display: inline-block;
    width: 180px;
    padding: 37px 0px 0px 0px;
}
.page-header .header-right .content,
.page-header .header-right .content a {
    text-align: right;
    font-size: 16px;
    padding: 5px 0px;
    color: #E0B646;
}

.page-header .header-right .content a {
    font-family: inherit;
}

.page-header .header-right .content a:hover {
    color: #E0D7B2;
}

/* Login/cart tag at top of page. */
#logintab {
    position: fixed;
    top: 0px;
    cursor: pointer;
    padding:5px;
    margin-top: 0;
    z-index: 10000;
    background-color: #444;
    opacity:.9;
    border-radius: 0 0 0.5em 0.5em;
}

#logintab i {
    position: absolute;
    left: 49%;
    top: 14px;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    font-size: 20px;
}

#logintab ul.logintab-extended {
    /* display: none;*/
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    padding: 4px 0px 0px 0px;
    transition: height .25s;
    box-shadow: inset 2px 2px 7px rgba(0,0,0,0.5);
}

#logintab:hover  a{ 
    color: #fff;
}
#logintab:hover > ul.logintab-extended {
    height: 70px;
    margin: 5px 0px;
    visibility: visible;
}

#logintab:hover i  {
    display: none;
} 
#logintab.adminbar {
    top:28px;
}

#logintab li {
    display:inline;
    margin:0px 5px;
}

#logintab .logintab-extended li {
    display:block;
    margin:0px 5px;
}

#logintab a:hover {
    color:white;
}

/*  -----------------------------------------------------------------------------------------------------                                                    
                                SIDEBAR        
        -----------------------------------------------------------------------------------------------------    */
.sidebar {
    float: left;
    width: 256px;
}
.sidebar .widget_nav_menu {
    margin: 0px 0px 50px 0px;
}
.sidebar #meta-3 {
    margin: -50px 0px 0px 25px;
}
.sidebar #meta-3 li{
    font-style: italic;
    color: #666;
}
/* Added widget title class. JD 5/20/13 */
.sidebar .widgettitle {
    font-family: avqestregular, Georgia, Times, "Times New Roman", serif;
    text-shadow: 0px 1px 1px rgba(255, 211, 181, .4);
    display: block;
    font-size: 20px;
    padding: 5px 0px;
}

.sidebar .menu-quick-menu-container {
}

.sidebar .widget_nav_menu a {
    display: block;
    color: #e00000;
    font-size: 26px;
}
.sidebar .widget_nav_menu a:hover {
    color: #fff;
}
.sidebar .menu-quick-menu-container a {
    font-weight: bold;
}
.sidebar .menu-footer-menu-container {
    margin-bottom: 15px;
}
.sidebar .sb-social-links {
    margin-bottom: 0;
    border-top: dotted 1px #707070;
    border-bottom: dotted 1px #707070;
}


/*  -----------------------------------------------------------------------------------------------------                                                    
                                WIDGETS        
        -----------------------------------------------------------------------------------------------------    */


.sidebar .widget_shopping_cart {
    margin: 0px 0px 50px 0px;
}


/*  -----------------------------------------------------------------------------------------------------                                            
                                        IMAGE SLIDER        
        -----------------------------------------------------------------------------------------------------    */
.image-slider {
    height: 210px;
    width: 996px;
    /*background: #707070;*/
}
#lightbox #imageDetails * {
    color: #555;
}

/*  -----------------------------------------------------------------------------------------------------                                            
                                        PAGE CONTENT        
        -----------------------------------------------------------------------------------------------------    */
.page-content {
    padding: 25px 0px 0px 0px;
}
.page-content .upper-content {
    min-height: 350px;
}
.page-content .lower-content {
}
.main-content {
    float: left;
    width: 750px;
    padding: 0px 10px 0px 96px;
    min-height: 200px;
}
/*	---	---	home page	---	---	*/

.home .page-front-sticky {
    /*padding: 5px 0px;*/
}
.home .page-front-sticky .news-title {
    padding: 5px 0px;
    font-size: 20px;
    text-shadow: 0px 1px 1px rgba(255, 211, 181, .4);
}
.home .page-front-sticky .content{
    color: #FFDEB5;
}

.main-content .news-articles {
    padding: 0px 0px 15px 0px;
}
.main-content article,
#comments {
    background: #222;
    padding: 5px 10px 5px 10px;
    border-radius: 2px;
    border-top: solid 3px #444;
    border-bottom: solid 3px #444;
}
.main-content article + article,
#comments {
    margin-top: 15px;
}
#comments { 
    padding: 20px;
}
#comments ul.children {
    margin-left: 10px;
}

#comments div.comment-body {
    clear: right;
    margin-top: 10px;
    display: block;
}
#comments div.comment-author {
    font-size: small;
    display: inline-block;


}
#comments div.comment-meta,
#comments div.reply {
    color:#888;
    font-size: small;
    display: inline-block;
    text-align: right;
    float: right;
    margin-bottom: 10px;
}
#comments a {
    color: #888;
}

#comments p {
    margin-top: 5px;
}
#respond {
    clear: right;
    margin-top: 15px;
}
.main-content article h1 {
    font-size: 22px;
    font-weight: bold;
}
.main-content article h2 {
    font-size: 20px;
    font-weight: bold;
}
.main-content article h3 {
    font-size: 18px;
    font-weight: bold;
}
.main-content article h4 {
    font-size: 17px;
    font-weight: bold;
}
.main-content article h5 {
    font-size: 16px;
    font-weight: bold;
}

.main-content article .entry-title a{
    /*font-size: 20px;*/
    color: #E0D7B2;
    padding: 0px 6px 4px 6px;
    margin: 0px 6px;
}
.main-content article .entry-title:hover a{
    color: #E0B646;
}

/* Adjusted styling to help emphasize that it's meta data. JD 6/16/13 */
/* Added styling for article meta data. JD 5/20/13 */
.main-content article .entry-meta {
    font-size: 14px;
    color: #888;
    padding: 0px 6px 4px 6px;
    margin: 0px 6px;
}

.tiled-gallery .gallery-row {
    overflow: hidden;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right:auto;

}

/* Program book formating. JD 6/5/13 */
#post-32 .display-posts-listing .listing-item {
    display: block;
    padding: 5px;
    clear: both;
}

#post-32 .display-posts-listing .listing-item a.image {
    position: relative;
    float: left;
    margin: 5px;
}

#post-32 .display-posts-listing .listing-item a.title {
    position: relative;
    margin: 5px;
    font-size: 1.2em;
}

#post-32 .display-posts-listing .listing-item span.excerpt-dash {
    display: none;
}

#post-32 .display-posts-listing .listing-item span.excerpt {
    display: block;
    margin-left: 66px;
    color: grey;
    font-size: 18px;
}

#post-32 footer.entry-meta {
    clear: left;
}

/* Adjusted formatting to work better with cart plugin.  JD 5/21/13 */
.article .entry-content,
.article .event-entry-meta {
    margin: 5px 12px;
    font-size: 1.2em;
}

.article .entry-content p,
.article .event-entry-meta p {
    line-height: 1.2em;
}


.article .entry-content a,
.article .event-entry-meta a,
.venue-archive-meta a {
    color: #DFDACF;
    font-family: inherit;
    text-decoration: underline;
    line-height: inherit;
}

/* Fix formatting for checkout pull down. */
.article .entry-content a.chzn-single {
    color: #777;
    font-family: inherit;
    text-decoration: none;
}

.article .entry-content a:hover,
.article .event-entry-meta a:hover,
.venue-archive-meta a:hover {
    color: #E0B646;
}
.article .entry-content ul {
    list-style-type:circle;
    padding: 5px 60px 10px 20px;
}

.article .entry-content ul li{
    line-height: 20px;
    font-size: 16px;
    text-align: justify;
    padding: 2px 0px 2px 10px;
    /*color: #DDD3C0;*/	
}

/* Scheudle events formating override. JD 6/17/2013 */
.article .entry-content div.eventorganiser-event-meta {
    padding:0px;
    margin: 0px;
}
.article .entry-content .eventorganiser-event-meta div.eo-venue-map {
    margin-bottom: 15px;
}

.article .entry-content ul.eo-events,
.article .entry-content ul.eo-event-meta {
    list-style-type:none;
    padding: 0px;
}

.article .entry-content ul.eo-events li {
    padding: 0px;
}

.article .entry-content ul.eo-event-meta li {
    padding:5px;
}

.page-header div.eo-venue-map {
    margin-left: 1%;
    margin-bottom: 10px;
}
.page-header div.venue-archive-meta {
    margin: 5px 20px;
    font-size: 1.1em;
}

.article .entry-title {
    padding: 6px 0px 0px 0px;
    font-weight: normal;
}

.article footer a,
.article footer span {
    vertical-align: top;
    line-height: 18px;
}

.article .gmap {
    margin: 0px 0px 10px 5px;

}
.article .gmap-right {
    float: right;
}

/* Added exclusion for woocommerce info block. JD 5/16/2013 */
.article .entry-content p:not(.woocommerce-info) {
    font-size: 18px;
    line-height: 22px;
}
.article footer {
    text-align: right;
    padding: 4px 12px 5px 0px;
    margin: 0px -10px;
    background: #1a1a1a;
    border-top: solid 1px #58080C;
    border-bottom: solid 1px #58080C;
    vertical-align: bottom;
}
.article footer span {
    color: #999;
    font-size: inherit;
    vertical-align: bottom;
}
.article footer span a{
    color: #E0D7B2;
    font-size: inherit;
    line-height: inherit;
    vertical-align: bottom;
}
.article footer span a:hover{
    color: #E0B646;
    font-size: inherit;
}
.article footer span a span{
    color: inherit;
    font-size: inherit;
}

.home .content-section div.content + div.content {
    margin: 15px 0px 0px 0px;
}

/*
Commented this out for consistency.
body.page-id-75 form {
    padding: 0px 0px 0px 150px;
}*/

.page-front-recent {
    background: #222;
    padding: 5px 20px 5px 20px;
    border-radius: 2px;
    border-top: solid 3px #444;
    border-bottom: solid 3px #444;
}
.page-front-recent ul.article-list {
    display: block;
    list-style-type: none;
}

.page-front-recent ul.article-list li {
    padding:3px;
}

.page-front-recent ul.article-list li + li {
    display: block;
    border-top: solid 1px grey;
}

.page-front-recent ul.article-list div {
    display:inline-block;
}

.page-front-recent ul.article-list div.post-date {
    width: 60px;
}

.page-front-recent ul.article-list div.post-title {
    width: 534px;
}

.page-front-recent ul.article-list .post-title a {
    /*color: #E0D7B2;*/
}

.page-front-recent ul.article-list .post-title a:hover {
    color: #E0B646;
}



/*	---	lower content	---	*/
.lower-content .sponsors {
    /* background: url("images/tinderbox_image.jpg") no-repeat top center;*/
    background-size: contain;
    height: 200px;
}


/*	--- --- --- shopping cart and checkout	--- --- --- */



/*	---	---	---		leave a reply form	---	---	---	*/
.single-post form {	
    position: relative;
    padding: 10px 0px 5px 0px;
}
.single-post form .comment-form-notes {	
    padding: 0px 0px 5px 0px;
}
.single-post form input[type=text] {	
    width: 290px;
}
.single-post form .comment-form-comment{	
    /*position: absolute;
    */		
    top: 28px;
    right: 0px;
}
.single-post form #recaptcha_widget_div {
    margin: 30px 0px 0px 0px;
}

.single-post form .form-allowed-tags {
    color: #A50000;
}
.single-post form .form-allowed-tags abbr {
    color: inherit;
}
.single-post form code {
    margin: 0px auto;
    display: block;
    width: 600px;
    color: #888;
    font-size: 12px;
}
.single-post form .form-submit {
    padding: 5px 0px 5px 0px;
}

.comment-form-comment #comment {
    width: 100%;
}

/*	---	---		buddypress overrides	---	---	*/
#buddypress div.item-list-tabs ul li {
    position: relative;
    top: 4px;
    z-index: 2;
    border-bottom-color: #222;
    background: #303030; /* Old browsers */
    background: -moz-linear-gradient(top,  #303030 0%, #111111 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#111111)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #303030 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #303030 0%,#111111 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #303030 0%,#111111 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #303030 0%,#111111 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
    opacity: .85;
    border: 1px solid #010101;
    display: inline-block;
    position: relative;
    z-index: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6);
    margin: 0 -5px;
    padding: 0 1em;
    transition: top .2s;
}
#buddypress div.item-list-tabs ul li  a {
    color: #a50000;
}
#buddypress div.item-list-tabs ul li:hover  {
    top: 2px;
}
#buddypress div.item-list-tabs ul li:hover  a {
    color: #E0B646;
}
#buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current {
    opacity: 1.0;
    top: 0px;
    background: #1A1A1A;
    background: -webkit-gradient(linear,left top,left bottom,from(#1A1A1A),to(#010101));
    background: -webkit-linear-gradient(#1A1A1A,#010101);
    background: -moz-linear-gradient(center top,#1A1A1A 0%,#010101 100%);
    background: -moz-gradient(center top,#1A1A1A 0%,#010101 100%);
}
#buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current.selected a {
    color: #fff;
    background: transparent;
}

#buddypress .bp-widget.base,
#buddypress #item-body  {
    border: solid #000 1px;
    border-radius: 5px;
    background: rgba(0,0,0,0.1);
}
#buddypress div#message p, #sitewide-notice p {
    color: #555;
}
#buddypress div.item-list-tabs#subnav {
    margin-bottom: 0px!important;
}

/*  -----------------------------------------------------------------------------------------------------                                            
                                        FOOTER        
        -----------------------------------------------------------------------------------------------------    */
.page-footer {
    padding: 25px 0px 10px 0px;
    font-size: small;
}
.page-footer .sitemap {
    text-align: center;
}
.page-footer .sitemap-section {
    display: inline-block;
    text-align: left;
    width: 220px;
    margin: 0px 15px 0px 15px;
}
.page-footer .sitemap-section .title {
    text-align: center;
    font-size: 18px;
    border-bottom: solid 1px #707070;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    color: #666;
}
.page-footer .sitemap-section a {
    text-align: left;
    display: block;
    float: left;
    padding: 0px 0px 0px 12px;
    min-width: 110px;
}
.page-footer .sitemap-section a:hover {
    color: #a50000;
}
.page-footer .footer-footer {
    padding: 2px 0px 0px 25px;
    color: #686868;
    border-top: solid 1px #222;
    margin-top: 5px;
}
.page-footer .footer-footer span {
    float: right;
    padding-right: 25px;
}
.page-footer .footer-footer span a {
    color: #a50000;
}
/*  -----------------------------------------------------------------------------------------------------                                        
                                                        MEDIA SETTINGS        
    -----------------------------------------------------------------------------------------------------     */
/* ---	---	print (generic)	---	--- */
@media print    {
    /*	generic print settings	*/
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a, a:visited {
        text-decoration: underline;
    }
    a {
        color: transparent !important;
    }
    a[href]:before {
        content: " (" attr(href) ")";
        color: #555;
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="."]:after {
        content: ""; /* Don't show links for images, or javascript/internal links */
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page   {               margin: 0.5cm;        }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
    /*	GS print settings	*/
    .mascot-pic {
        background: transparent url("images/mascot_black.png") no-repeat;
    }
    /*	page-specific print settings	*/
}
/* -------------------------------------------------- screen width -----------------------------------------------   */
@media  only screen    and (max-width : 850px)  /* tablet */    {
}
@media only screen    and (max-width : 420px)  /* phone */    {
}
@media all and (orientation:portrait) {
    /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
    /* Style adjustments for landscape mode goes here */
}
/* -------------------------------------------------------------------------------------------------------                                                 
                                        IE SETTINGS                            html class=ie inserted with html condition                            
        ------------------------------------------------------------------------------------------------------        
        '.ie6' = IE 6, '.ie78' = IE 7 & IE 8 (defaulting to IE 7), '.ie9' = IE 9 	              */
/*	----------------------------------	general	--------------------------------------	    */
.ie6 .clearfix, .ie78 .clearfix {
    zoom: 1;
    display: block;
}
/*	 border-box model  */
.ie78 * {
    box-sizing: content-box;
}
