/* 
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.

*/

/* PORTFOLIO THUMBNAILS */

.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;}
.portfolio-image-wrapper h6.title-overlay { font-size:135%; text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 23px; 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; text-align:center; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none; padding-bottom:15px; padding-left:15px; }
.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:center;top: 0; right: 0;display: block; 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; font-size:120%;}
.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}



/*-- Typography  --*/

h3.sub, h2.sub { font-size: 200%; background-color:#333333; color:#B1EBFF; padding-left:8px; padding-top:8px; }

.container h2 {font-size:375%; }
.container h3 {font-size:215%; line-height: 145%; font-family:Georgia,Serif; }
.container h4 {font-size:170%; }
.container p {font-size:130%; }
.container ul {font-size:130%; }

h3.archives { text-align:center; font-size: 800%; background-color:#333333; color:#B1EBFF; padding-left:8px; margin-bottom:15px; font-family:"Arial Black", sans-serif; letter-spacing:9px; text-shadow: #000000 8px 8px, #1F95C0 -1px -3px; background-image:url('http://www.beermatsrule.com/wp-content/uploads/2010/12/archives-texture-background.jpg'); text-transform:uppercase; height:119px; line-height:110%; }




/*----------------------------
 --------    ADS     ------ */

div#post_ad_con { width:590px; }


/* Duel ads on ARCHIVES PAGE */

div#duel-ads-on-archives { 
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-archives { 
position : relative;
z-index : 10;
background-color: #ffffff;
float:left;
text-align: center;
width: 485px;
height: 70px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;  }




/*  Duel ads on WIDEPAGE  */

div#leaderboard-on-widepage {
width: 950px;
float: left;
height: 120px;
vertical-align: middle;
text-align: center;
}


div#duel-ads-on-widepage { 
position : relative;
z-index : 10;
background-color:#ffffff;
float: left;
text-align: center;
width: 950px;
height: 90px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;  }

div#ads-on-widepage { 
position : relative;
z-index : 10;
background-color: #ffffff;
float:left;
text-align: center;
width: 475px;
height: 90px;
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;  }




/*----------------------------
 ---    Custom PAGES     --- */


div#mat_container {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
float: left;
}

div#mat_container_3inRow {
margin: 0;
padding: 0;
width: 30%;
height: 100%;
float: left;
padding-right: 31px;
}

div#mat_container_3inRow p {
margin: 0;
padding: 0;
padding-right: 5px;
padding-left: 15px;
padding-bottom:10px;
}

div#mat_container_3inRow h2 {
text-align: center;
color: #348017;
margin: 0;
padding: 0;
align: center;
}

div#mat_container_3inRow img {
margin: 0;
padding: 0;
text-align: center;
}

div#mat_container_3inRow a {
margin: 0;
padding: 0;
}




div#mat_container_2inRow {
margin: 0;
padding: 0;
width: 45%;
height: 100%;
float: left;
padding-right: 31px;
}

div#mat_container_2inRow p {
margin: 0;
padding: 0;
padding-right: 5px;
padding-left: 15px;
padding-bottom:10px;
}

div#mat_container_2inRow h2 {
text-align: center;
color: #348017;
margin: 0;
padding: 0;
align: center;
}

div#mat_container_2inRow img {
margin: 0;
padding: 0;
text-align: center;
}

div#mat_container_2inRow a {
margin: 0;
padding: 0;
}


/* 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; }




/* Google Checkout */

div#product_con { width: 300px;  margin-right: auto; margin-left:auto; float:left;}
.product { width: 310px;  margin-right: auto; margin-left:auto; float:left; text-align:center; padding-left:3px; padding-right:3px;}
.product-image { width: 300px; border:solid 0px #ccc; margin-right: auto; margin-left:auto;}
.product-title, .product-price, .product-shipping { font-weight:bold; margin-right: auto; margin-left:auto;}
.data-cell { padding:0px 50px 0px 10px;border:solid 0px #fff;vertical-align:top; text-align:center;}
.align-cart { padding-left:480px }
.googlecart-add-button {margin-top:10px; margin-bottom:15px; margin-right: auto; margin-left:auto;)