/* CSS Document */
/* Copyright (c) Fuzzy Future Inc., All Rights Reserved. */

body { 
  font-family: arial,helvetica,sans-serif; 
  font-size: 12px;
  text-align: center; 
  background: #333333;
  color: #EEEEEE;
  margin: 0px;
  padding: 0px;
}
#body-wrap {
	height: 800px;
	width: 1024px;
	margin: 0 auto;
	margin-top: 10px;
        padding-top: 0px;
	border: 1px solid #336699;
	background: #000 url( ../images/wowvanitypets_bg.jpg ) top left repeat-x;
}
a, a:visited {
  color: #FF6600;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #FFFF66;
  font-weight: bold;
  text-decoration: underline;
}
#container {
  width: 1024px;
  height: 768px;
  margin: 0px;
  padding-top: 0px;
  background: url( ../images/wowvanitypets_background.jpg ) no-repeat bottom right;
  text-align: left;
  position: relative;
}
h1,h2,h3,h4,h5 {
  padding: 0px;
  margin: 0px;
}

/* BANNER */

#banner { 
  width: 800px;
  height: 100px;
  padding-top: 5px;
  padding-left: 20px;
}

#banner a { 
   color: #99FFFF;     
}

#banner a:hover {
  color: #FFFF66;
}


#banner #site-title {
  font-family: Impact, Arial Black, sans-serif; 
  font-size: 48px; 
  color: #FFFF66; 
  font-weight: normal;
}
#banner #site-desc {  
  font-family: Arial,sans-serif; 
  font-size: 20px; 
  color: #FFFFFF;
  font-weight: normal; 
  text-transform: uppercase;
}

/* NAVBAR */

#navbar {   
  width: 700px; 
  height: 20px;
  background-color: #D2CD92; 
  padding: 5px;
  font-size: 14px; 
  padding-left: 5px;
  padding-right: 15px;
  border-top: 10px solid #fff;
  text-align: center;
}
#navbar a:link, #navbar a:visited { 
  font-family: Arial,Helvetica,sans-serif; 
  color: #0b68cf;  
  font-weight: bold; 
  text-transform: uppercase; 
  text-decoration: none; 
  letter-spacing: 0.1em; 
  background-color: #D2CD92;
  padding-left: 10px;
}  
#navbar a:hover {
  text-decoration: underline; 
}

/* HEADING STYLES */

.heading {
  margin-bottom: 8px;

}
h2, h3 {
	color: #FFFF66;
	align: left;
	font-weight: bold;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}

.title {
	 font-size: 14px;
     color: #FFFF66;
     font-family: serif;
     text-transform: uppercase;
	 text-decoration: none;
}

/* WELCOME BOX */

#welcome-box {
	padding-bottom: 10px;
}

/* NEWS ITEM */

.news-item {
	padding-bottom: 10px;
	font-size: 12px;
	border-bottom: 1px dotted #0b68cf; 
	padding-top: 10px;
}

.news-item a, .news-item a:visited {
	text-decoration: none;
	color: #0b68cf;
}

.news-item a:hover {
	text-decoration: underline;
}

/* NEWS TITLE */

.news-title {
	padding-top: 10px;
	font-size: 12px;
}

.news-title a, .news-title a:visited {
	text-decoration: none;
	color: #FFFF33;
}

.news-title a:hover {
	text-decoration: underline;
}

/* INNER BOX */

#inner-box {  
     width: 120px; 
	 position: absolute;
	 top: 0px;
	 left: 270px;
     padding: 10px; 

}

/* OUTER BOX */

#outer-box {  
    width: 279px;
	position: absolute;
	top: 0px;
	left: 415px;
    padding-left: 15px;
    padding-right: 15px;
}

#outer-box img {
    border: 5px solid #0b68cf;
	margin-bottom: 5px;
    align: center;
}
    
.img-center {
    text-align: center;
}

/* FULL BOX */

#full-box {
	width: 980px;
	padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    border-left: 1px #999 solid;
	overflow: scroll;
	height: 650px;
}



/* ITEM VIEW */

#item-view {
	font-size: 14px;
}

#item-view .title {
	font-size: 18px;

}

#item-view .body-text {
	margin-top: 10px;
}

#item-view .item-source {
	font-size: 11px;
	padding-left: 5px;
}

#item-view .item-source .point{
	color: #0b68cf;
}

/* COPYRIGHT */

#copyright-text {
	color: #FFF;
	text-align: right;
	width: 1024px;
	font-size: 10px;
	background-color: #336699;
	margin: 0 auto;
	border: 1px solid #336699;
	padding-top: 10px;
	padding-bottom: 10px;
}
#copyright-text a, #copyright-text a:visited {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding-right: 15px;
	font-weight: normal;
}
#copyright-text a:hover {
	font-size: 10px;
	color: #FFF;
	text-decoration: underline;
	font-weight: normal;
}

/* NEWS-COL */

#news-col {
	position: absolute;
	height: 650px;
	width: 250px;
	text-align: center;
	right: 25px;
	top: 0px;
}

/* PETS */



#pet-groups {
	margin-top: 8px;
	padding-left: 85px;
	height: 475px;
	background: url( ../images/wowhunterpets_families.jpg ) top left no-repeat; 
}


#pet-groups .pet-type {
	padding-top: 5px;
}
#pet-groups .pet-type .heading {
	text-transform: uppercase;
	margin-bottom: 3px;
         margin-top: 3px;   
}
#pet-groups .pet-type a, #pet-groups .pet-type a:visited {
	color: #FF6600;
}
#pet-groups .pet-type a:hover {
	color: #FFFF66;
}
#pet-groups .pet-type .pet-family {
	font-size: 14px;
	padding-left: 10px;
}
#pet-groups .pet-type .pet-family .pet-stats {
	font-size: 10px;
}

#pet-groups .pet-type .pet-family .pet-stats .highlight {
	color: #FF6600;
}

.pet-details-table { 

  text-align: left;
  font-size: 14px;
  margin-left: 360px;
  padding: 5px;
 
 
  
}

.pet-details-table table tr td { 
 
  padding: 7px;
  font-size: 14px;
  border: 1px solid #FFFFFF;
}

.pet-details-table .heading { 
   color: #FFFF66;
  background: #732010;
  width: 100%;
  
}

.pet-details-table .heading2 { 
   color: #FFFF66;
   font-size: 16px;
 font-weight: bold;
  background: #424952;
   
}


.pet-details {
     	margin-left: 15px;
	text-align: left;
	margin-bottom: 15px;
  	font-size: 14px;
}

.pet-details table tr td {
    padding: 1px;
  padding-right: 5px;

}

.pet-details .movetd {
  padding-left: 0px;

}

.pet-details .heading {
	text-align: left;
	padding-top: 2px;
}

.pet-details  .highlight {
	color: #FFFF66;
  	text-align: left;
	font-size: 16px;
	margin-left: 0px;
}

.pet-details h2 {
	font-size: 24px;
	font-weight: bold;
	padding-top: 0px;
  padding-bottom: 0px;
}




.pet-model {
     	margin-left: 15px;
	text-align: left;
	height: 155px;
	border: 0px solid #000;
	margin-bottom: 10px;
}

.pet-model .type-image {
  	float: left;
	background: #000;
	width: 155px;
}

.pet-model img {
	border: 0px;
	height: 155px;
	width: 155px;
}

.pet-model .heading {
	text-align: left;
	padding-top: 2px;
	margin-left: 170px;
}

.pet-model  .highlight {
	color: #FFFF66;
  	text-align: left;
	font-size: 14px;
	margin-left: 30px;
}

.pet-model h3 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
}

.pet-model-small {
     	margin-left: 15px;
	text-align: left;
	height: 100px;
	border: 0px solid #000;
	margin-bottom: 5px;
}

.pet-model-small .type-image {
  	float: left;
	background: #000;
	width: 100px;
}

.pet-model-small img {
	border: 0px;
	height: 100px;
	width: 100px;
}

.pet-model-small .heading {
	text-align: left;
	padding-top: 2px;
	margin-left: 110px;
}

.pet-model-small  .highlight {
	color: #FFFF66;
  	text-align: left;
	font-size: 14px;
	margin-left: 30px;
}

.pet-model-small h3 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
}


.pet-info {
     	margin-left: 15px;
	text-align: left;
	height: 350px;
	border: 0px solid #000;
	margin-bottom: 10px;
}

.pet-info .pet-image {
  	float: left;
	background: #000;
	width: 350px;
}

.pet-info img {
	border: 0px;
	height: 350px;
	width: 350px;
}

.pet-info .heading {
	text-align: left;
	padding-top: 2px;
	margin-left: 370px;
}

.pet-info  .highlight {
	color: #FFFF66;
  	text-align: left;
	font-size: 14px;
	margin-left: 30px;
}

.pet-info h3 {
	font-size: 12px;
	font-weight: bold;
	padding-top: 3px;
}





#pet-family-info {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
#pet-family-info .heading {
	margin: 0px; 
	padding: 0px;
}

#pet-family-info .pet-family-details {
	margin-left: 15px;
}

#pet-family-info .pet-family-details .highlight {
	color: #FFFF66;
}

#pet-family-info .pet-family-details a, 
#pet-family-info .pet-family-details a:visited {
	color: #FF6600;
} 

#pet-family-info .pet-family-details a:hover {
	color: #FFFF66;
	text-decoration: underline;
}



.pet-profile {
	margin-left: 15px;
	text-align: center;
	height: 400px;
	border: 0px solid #000;
	margin-bottom: 5px;

}

.pet-profile .profile-image {
	float: left;
	background: #000;
	width: 400px;
}

.pet-profile img {
	border: 0px;
	height: 400px;
	width: 400px;
}
.pet-profile .pet-list {
	text-align: left;
	margin-left: 410px;
	font-size: 16px;
	font-weight: bold;
}
.pet-profile .heading {
	text-align: left;
	padding-top: 2px;
	margin-left: 410px;
}

.pet-ability {
	font-size: 10px;
	font-style: italic;
}

/* ADSENSE */

#adblock {
	position: absolute;
	height: 550px;
	width: 120px;
	text-align: center;
	right: 350px;
}

#adsense-120x600 {
	margin-bottom: 10px;
}

#adsense-200x90 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.adsense-200x200 {
	margin-top: 15px;
}

.adsense-728x90 {
	margin-left: 15px;
	margin-bottom: 10px;
}

.adsense-728x15 {
	padding-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.adsense-728x15-nopad {
}


/* OTHER */

#wrapper {
	width: 1024px;
	position: relative;
}

#main {  
    width: 650px;
    padding-left: 20px;
    padding-right: 15px;
}
     
 .footer {
      font-size: 9px;
      color: #ccc;
      font-family: sans-serif;
      text-transform: none;
      text-align: center;
   }