/* 
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* Typography */

h3 { color: #333333; line-height: 23px; }
.sub {text-align:center; }
h3.sub { font-size:160%; background-color:#009999; color:#ffffff; padding-top:5px; padding-bottom:5px; font-family:‘Courier New’, Courier, monospace; }
h3.sub a {color:#ffffff; }
.container-inner p { font-size:140%; }
.container-inner h2 { font-size: 375%; color:#428CE7; margin-bottom:0.20em; }
.container-inner h3 { font-size:200%; line-height: 120%;  }
.container-inner h4 { font-size: 170%; }
.page_cat {font-size:375%; background-color:#009999; color:#ffffff; padding-top:15px; padding-bottom:10px; font-family:‘Courier New’, Courier, monospace; text-align:center; }


/* PORTFOLIO THUMBNAILS */

.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;}
.portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:302px; overflow:hidden;margin-top:160px; position: absolute; max-width: 302px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#fff;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; color:#515151;padding:2px 5px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50;}
.portfolio-image-wrapper .category-overlay a {color:#515151}
.portfolio-image-wrapper .category-overlay a:hover {color:#fff}
.archive-thumbnail {max-width:310px;max-height:310px;width:310px;height:310px;margin:0 1.5em 1.5em 0;float:left}
.gallery-caption {font-style:italic;text-align:center}


/* DUEL ADS ON FEATURED PAGE */

div#duel-ads-on-featured { 
position : relative;
z-index : 10;
background-color:#ffffff;
float: left;
text-align: center;
width: 970px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;  }

div#ads-on-featured { 
position : relative;
z-index : 10;
background-color: #ffffff;
float:left;
text-align: center;
width: 475px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;  }


/* DUEL ADS ON ARCHIVES PAGE */

div#duel-ads-on-archives { 
position : relative;
z-index : 10;
background-color:#ffffff;
float: left;
text-align: center;
width: 990px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;  }

div#ads-on-archives { 
position : relative;
z-index : 10;
background-color: #ffffff;
float:left;
text-align: center;
width: 495px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;  }


/* AD ON POST PAGE */

div#post_ad_con {
width: 495px;
height: 85px;
align: center;
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
vertical-align: middle;  }

/* AD ON HOME PAGE SIDBAR */

div#ad-sidebar {
padding-bottom: 20px; }


/* Facebook HomePage */
div#facebook_sidebar {
padding-bottom: 25px; }

/* ROTATING BACKGROUND IMAGE */
body {
background-image:url('images/rotating_background/rotate.php'); }

/* FOOTER */
div#jazz-rules-media { background:#6C6C6C repeat-x scroll 0 0; border-top:1px solid #393939; bottom:0; color:#919191; left:0; margin:0; padding:7px 0 0 30px; text-align:left; width:100%; padding-bottom: 10px;  }
div#jazz-rules-media a { border-bottom:0px; font-size:130%; color:#E6FEBF; padding-left: 6px; padding-right: 6px;  }
div#jazz-rules-media a:hover { color:#000000; }








