/*
Here is a generic style sheet for the simplev2 theme.
Please feel free to modify this sheet for your own site.

At any time you see XXXXXX for a color code, replace it with the color code of your choice.

There will also be places where you can change images, if you need help please feel free to contact < tequila / Nyxi > on AIM with your questions.

There is no need to credit < tequila / Nyxi > for work on this theme, just keep the MysAdopts credit in place.
*/


/* Setting Up Basic Styles */

html {
    background:url("http://taleofdragons.mysidiahost.com/picuploads/overlay.png");
    background-repeat: no-repeat;
	margin-bottom: -12px !important;
	background-size: cover;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: "verdana";
	font-size: 13px;
	overflow-y: scroll;
}
@font-face {
	font-family: "verdana";
}
br {
   display: block;
   margin: 3px 0;
}

ul{ 
  padding: 5px;
}

#menu li{
  background-image: url(http://taleofdragons.com/green-folder-2.png); /*or link to a blank image*/
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align:left;
}

#wrapper {
	width: 100%;
	margin: auto auto;
}

#container {
    background:url("http://taleofdragons.mysidiahost.com/picuploads/overlay.png");
    background-repeat: no-repeat;
	margin-bottom: -12px !important;
	background-size: cover;
	background-position: bottom;
	color: #fff;
	text-align: left;
	line-height: 1.2;
	margin: 0;
	width: 100%;
	
	font-family: "verdana";
	font-size: 13px;
}

table {
color: #fff;
font-size:11px;
width: 100%;
border-spacing: 0;
border:none;
}


.outerDiv
	{
		background-color: #5d6636;
		color: #fff;
		height: 200px;
		width: 100%;
		margin: 0px auto;
		padding: 5px;
	}
	.leftDiv
	{
			    padding: 5px;
			    text-align:left;
		background-color: #4c3530;
		color: #fff;
		height: 200px;
		width: 48%;
		float: left;
	}
	.rightDiv
	{
			    padding: 5px;
			    text-align:right;
		background-color: #4c3530;
		color: #fff;
		height: 200px;
		width: 48%;
		float: right;
	}		
body, html {
cursor: url('http://taleofdragons.mysidiahost.com/favicon.ico'), pointer;
}

table.menu {
	text-align: center !important;
background: #1E2225;
width: 200px;

color: #d5fc9e;
}

table.menu th {

color: #fff;
padding: 5px 10px;
border-top: 1px none rgb(30, 34, 37);
border-bottom: 1px solid rgb(30, 34, 37);
margin: 0px;
min-height: 2px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); 
}

table.menu tr {
	text-align: center;
padding-right: 12px;
padding-left: 12px;
height: 10px;
}

table.menu td {
	text-align: center !important;
padding-right: 0px;
height: 10px;
}

p {
    padding: 10px;
    font-size: 12px;
}
/* Here's for the top most links */

th {
padding:5px;
background: #5d6636;
}

/* Next is our background for the title box, just save your image to the media folder, and put it's name and type in the box. */

#image {
background: #000;
}


/* Change the color of the link for your site title here */

#image a{

color: #d5fc9e;
text-decoration:none;
font-weight:bold;
font-size: 52px;
}
#image a:hover {

color: #fff;
}

/* Standard table cell definitions */

sideber{ 
    float: left !important;

}
td {
border:none;
padding-left: 12px !important;
background:#fff;
text-align:center;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
color: #000;
}

.progress-bar {
background-image:url(/picuploads/progressbar2.png);
text-align: center;
border: 0;
height: 22px;
width: 100px;
border-radius: 9px;
position: relative;
display: block;
}

.progress-bar > span {
background: #662d16; / Old browsers /
border-width: 1px;
border-style: solid;
border-color: gray;
margin-top:5px;
height: 47%;
border-radius: 9px;
float:left;
max-width:98px;
}

/* Let's fix up your menu */

#menu {
padding-left: 2px;
text-align: center;
width:200px;
max-width:200px;
background: #000;
vertical-align:top;
font-style: bold;
color: #fff;
}

ul {
color:#000;
padding: 2px;
margin:auto 0px;
list-style-type: none;
}

#menu p{
padding-left: 2px;
text-align:left;
}

#menu h1 {
font-size: 11pt;
border-bottom: 1px solid #DDD;
margin:auto 0px;
color: #fff;
}

#menu a {
padding-left: 2px;
margin:auto 0px;
font-size: 11px;
letter-spacing: 1px;
}
		
#menu a:hover {
}
	
#content {
background: #000;
vertical-align:top;
	font-family: "verdana";
font-size:12px;
text-align:center;
color: #fff;
}

#footer {
background: transparent;
font-size:10px;
text-align:center;
text-shadow: 1px 1px 1px #000;
}

#content p {
  overflow: hidden;
text-align:center;
	font-family: "verdana";
font-size:12px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#content h1 {
font-size: 12pt;
color: #fff;
}

a:link {
	color: #fff !important;
	text-decoration: none;
}

a:visited {
	color: #fff !important;
	text-decoration: none;
}

a:hover,
a:active {
	color: #fff !important;
	text-decoration: underline;
}
#adoptwind td{
background: #000;
border:1px solid #3c505c;
padding-right: 0;
padding: 10px;
width: 25%;
vertical-align: middle;
}

.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}