/**
 * Theme Name: Racciman's World 
 * Author: Michelle Bottorff
 * Author URI: http://www.lshelby.com/
 */


/** Load the Basic Site CSS*/
@import url( '../../Includes/basic.css' );




body {background:url(../Images/SiteGraphics/fill.jpg);}

h1 {font-family: 'racciman', Arial, sans-serif; 
	font-size:60px; color:#644624;  
	font-weight:normal;
	-webkit-text-stroke: 3px #533513; 
	text-stroke: 3px #533513; 
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
	letter-spacing:2px;
	}
	
h2 {font-family: 'racciman', Arial, sans-serif; font-size:xx-large; color:#644624; text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;-webkit-text-stroke: 1px #533513; 
	text-stroke: 1px #533513; letter-spacing:1px;
	 font-weight:normal;}
h3 {font-family: 'racciman',  Arial, sans-serif; font-size:x-large; color:#644624;}
h4 {color:#644624;}

-webkit-text-fill-color: transparent;
-webkit-mask-image: -webkit-gradient(
radial, 50% 50%, 70, 50% 50%, 90, from(#fff), to(rgba(0,0,0,0)));
background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#666666'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #666); /* for firefox 3.6+ */
div.column {text-align:center;}
table {cellpadding:5px;}

A:link {color:blue;}
A:visited {color:#644624;}
A:hover {color:#0086FF;}

nav li.here {list-style: disc url(../Images/SiteGraphics/button2-s.png) inside;}

div#page {
	border: 50px;
	-webkit-border-image: url(../Images/SiteGraphics/RaccimanFrameSmall.png) 50 50  50 50 repeat;
  	-moz-border-image: url(../Images/SiteGraphics/RaccimanFrameSmall.png) 50 50  50 50 repeat;
  	-o-border-image: url(../Images/SiteGraphics/RaccimanFrameSmall.png) 50 50  50 50 repeat;
  	border-image: url(../Images/SiteGraphics/RaccimanFrameSmall.png) 50 50  50 50 repeat;
  	}
 @media only screen and (min-width: 1200px) {
div#page {
	border: 100px;
	-webkit-border-image: url(../Images/SiteGraphics/RaccimanFrame.png) 100 100  100 100 repeat;
  	-moz-border-image: url(../Images/SiteGraphics/RaccimanFrame.png) 100 100  100 100 repeat;
  	-o-border-image: url(../Images/SiteGraphics/RaccimanFrame.png) 100 100  100 100 repeat;
  	border-image: url(../Images/SiteGraphics/RaccimanFrame.png) 100 100  100 100 repeat;
  	}
}
@media only screen and (min-width: 601px) and (max-width: 920px) {
div#page {
	border: 10px #644624 ridge; 
  	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
  	}
}
@media only screen and (max-width: 600px) {
div#page {
	border: 0px;
  	}
}
.sidebar, figure, .blurb {border: 2px outset #644624;}
@media only screen and (max-width: 600px) {
nav.sidebar {border:0px;}
} 	
.sidebar, figure, .blurb {border: 2px outset #644624;}

input.bigtext {font-family: 'heimat', Arial, sans-serif; font-size:120pt; color:#644624; text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;-webkit-text-stroke: 1px #533513; 
	text-stroke: 1px #533513; letter-spacing:1px;}
	
nav li li.racciman {list-style: disc url(../Images/SiteGraphics/button-s2.png) inside; padding:3px 10px;}
nav li li.racciman:hover {list-style: disc url(../Images/SiteGraphics/button2-s2.png) inside; padding:3px 10px;}
nav li li.here {list-style: disc url(../Images/SiteGraphics/button2-s2.png) inside; padding:3px 10px;}

nav li li li.racciman {list-style: disc url(../Images/SiteGraphics/button-s3.png) inside; padding:2px 8px;}
nav li li li.racciman:hover {list-style: disc url(../Images/SiteGraphics/button2-s3.png) inside; padding:2px 8px;}
nav li li li.here {list-style: disc url(../Images/SiteGraphics/button2-s3.png) inside; padding:2px 8px;}

nav li li li li.racciman {list-style: none;}
nav li li li li.racciman:hover {list-style: none;}
nav li li li li.here {list-style: none;}

/**Map Elements*/
img#RaccimanMap {width:600; hieght:600; background: url(../Images/Maps/BaseMap.png);}
img#RaccimanGridMap {width:600; hieght:600; background: url(../Images/Maps/BaseMapGrid.png);}

/**Gyre Elements*/
div.Dice {display:inline-block; text-align:center;}

/**Mages Wild Elements*/

button.viashi {max-width: 8%; width:88px; margin:6px; border-radius: 7px; padding:3px; border: ridge white; background:#FFF;}
img.viashi {max-width: 100%; height:auto; width:80px; padding:0; margin: 0; }
button.playable {border:ridge green;}
button.playable:hover {border:ridge #99ff99;}
button.playable:active {border:solid #99ff99;}
button.mage {border: ridge purple;}
button.mage:hover {border:ridge #99ff99;}
button.mage:active {border:solid #99ff99;}
button.unplayable {border: ridge white; cursor:not-allowed;}
.animated {position: absolute;}
#popboxcontent.viashi {text-align:center;}



img.discard {border: ridge black;}
div.magewild {
	display:inline-block; 
	padding=6em; 
	margin:5px; 
	border: thick ridge blue; 
	width: 20em; 
	text-align:left;}
div.loot {
	display:inline-block; 
	padding:1em; 
	margin:5px; 
	border: thick ridge blue; 
	width: 24em; 
	text-align:left;}
div.cardtalk {
	display:inline-block; 
	padding=2em; 
	width: 10em; 
	margin:5px; 
	text-align:left;}
div.cardsort {
	display:inline-block; 
	padding=2px; 
	margin:3px; 
	width: 84px; 
	text-align:center;}