/* @override 
	http://66.147.244.227/~tannaked/wp-content/themes/tannaked/style.css
	http://www.tannaked.ca/wp-content/themes/tannaked/style.css
*/

/* Website Credits START

Coded by:
Daniel Waltz - Fat Atom Internet Markting

Designed by:
Whitney Watt - Fat Atom Internet Marketing

Please-in-out feel free to use any helpful code, as long as credit is given.

Website Credits END */


/* -------- Universal Page Defaults START -------- */
* {
  margin: 0;
  padding: 0;
  font-family: inherit;
  line-height: 1.5;
}
::-moz-selection {
  background: rgba(222,25,135,0.5);
}
::selection {
  background: rgba(222,25,135,0.5);
}

p, ul, ol, table, dl, h1, h2, h3, h4, h5, h6, div {font-size: 14px; font-family: Arial, sans-serif; color: #4b4b4b;}

p, ul, ol, h1, h2, h3, h4, h5, h6, dl, hr {margin: 13px 0;}
p:first-child, ul:first-child, ol:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, dl:first-child, hr:first-child {margin: 0 0 13px 0;}
p:last-child, ul:last-child, ol:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, dl:last-child, hr:last-child {margin: 13px 0 0 0;}

ul, ol, dd {padding-left: 25px;}
li {padding: 3px 0;}

a {color: #de1987; text-decoration: underline;}
a:hover {color: #53a4ee; text-decoration: none;}
a img {border: 0;}

.wrapper, .header, .main, .footer {width: 1053px; max-width: 1053px;}

.headercontent, .maincontent, .footercontent {padding: 0 10px;}

input.textinput, textarea {
  padding: 1px;
  
  border: solid #de1987 1px;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input.textinput:focus, textarea:focus {
  border: solid #53a4ee 1px;
  outline-color: #53a4ee;
}

#clearboth, .clearboth {clear: both;}
#aligncenter, .aligncenter {text-align: center;}
#alignleft, .alignleft, .floatleft, #floatleft {float: left;}
#alignright, .alignright, .floatright, #floatright {float: right;}

fieldset {padding: 8px;}
legend {font-weight: bold;}
blockquote {padding: 10px; border: #333333 solid 1px; background: #ffffff; font-style: italic;}
blockquote p:first-child {margin: 0;}
blockquote p {margin: 13px 0 0 0;}
/* -------- Universal Page Defaults END -------- */


/* Custom Color Classes START */
.color, #color {color: # !important;}
/* Custom Color Classes END */


/* Wordpress Styling START */
.maincontent ul.xoxo,
.maincontent ul.xoxo li.widget-container {margin: 0; padding: 0; list-style: none;}

.maincontent .post img {padding: 6px;}

.maincontent #comments .commentlist {
  display: block;
  background: #eeeeee;
  margin: 0;
  padding: 10px;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.maincontent h3#comments-title,
.maincontent h3#reply-title {
  margin-top: 20px;
  padding-top: 18px;
  border-top: solid #999999 1px;
}
.maincontent #comments .comment {
  display: block;
}
.maincontent #comments .avatar {
  width: 16px;
  height: 16px;
}
.maincontent #comments .comment-meta {
  font-size: 10px;
  line-height: 1;
  margin-bottom: 10px;
}
.maincontent #comments #commentform label {
  display: block;
}
.maincontent #comments #author,
.maincontent #comments #email,
.maincontent #comments #url,
.maincontent #comments #comment {
  width: 100%;
}
.maincontent #comments .form-submit {
  float: right;
  font-size: 13px;
}
.maincontent #comments #commentform .required,
.maincontent #comments .form-allowed-tags {
  display: none;
}
/* Wordpress Styling END */

html, body {
  height: 100%;
}

html {
  background: url(images/bgrepeater.jpg) repeat top center;
}
body {
  background: url(images/bg.jpg) repeat-x top center;
}
.wrapper {
  text-align: left;
  margin: 0 auto;
  padding: 0 0 1px 0;
}


.header {
  background: url(images/headerbg.png) no-repeat;
  position: relative;
  height: 35px;
}
.headercontent {
  
}

.headercontent .menubox,
.headercontent .menubox ul,
.headercontent .menubox ul li,
.headercontent .menubox ul li a {
  display: block;
}
.headercontent .menubox {
  float: left;
  margin: 3px 0 0 19px;
  width: 301px;
}
.headercontent .menubox ul,
.headercontent .menubox ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.headercontent .menubox ul li,
.headercontent .menubox ul li a {
  float: left;
}
.headercontent .menubox ul li:first-child a {
  
}
.headercontent .menubox ul li a {
  margin: 0 0 0 14px;
  padding: 0 10px;
  color: #fffefe;
  font-family: Futura, Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 1.8;
  text-decoration: none;
  
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.headercontent .menubox ul li a:hover {
  background: #ffffff;
  color: #53a4ee;
  text-shadow: 0 0 1px #999;
}

.headercontent .logo {
  float: left;
  position: relative;
  z-index: 30;
  left: 35px;
  background: url(images/logobg.png) top left;
  width: 713px;
  height: 181px;
}
.headercontent .logo a,
.headercontent .logo .sponsor,
.headercontent .logo .logoimage {
  float: left;
  display: block;
  border: 0;
}
.headercontent .logo .sponsor {
  margin: 13px 0 0 63px;
}
.headercontent .logo .sponsor,
.headercontent .logo .sponsor img {
  width: 128px;
  height: 52px;
}
.headercontent .logo .logoimage {
  margin: 5px 0 0 76px;
}
.headercontent .logo .logoimage,
.headercontent .logo .logoimage img {
  display: block;
  width: 360px;
  height: 71px;
}


.main {
  background: url(images/repeater.png) repeat-y;
}
.maincontent {
  background: url(images/left.png) bottom left no-repeat;
}
.main .left {
  position: relative;
  z-index: 10;
  width: 502px;
  max-width: 502px;
  min-height: 250px;
}
.main .right {
  width: 418px;
  max-width: 418px;
  margin: 0 45px;
}
.main .banner {
  position: relative;
  z-index: 20;
  background: url(images/banner.png) bottom right no-repeat;
  height: 158px;
  padding: 20px 0 0 0;
}

.main .banner .offertext {
  float: right;
  width: 465px;
  height: 89px;
  margin: 6px 44px 0 20px;
  text-align: center;
  font-size: 33px;
  font-style: italic;
  color: #de1384;
  line-height: .7;
}
.main .banner .enter {
  float: right;
  width: 279px;
  height: 59px;
  margin: 0 51px 0 0;
}

h1 {
  font-size: 36px;
  font-family: Lucida Grande, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #de1384;
}
h2 {
  font-size: 31px;
  color: #53a4ee;
  font-family: Lucida Grande, Arial, sans-serif;
}
h3 {
  font-size: 26px;
  font-weight: normal;
  text-transform: uppercase;
  color: #de1384;
  font-family: Lucida Grande, Arial, sans-serif;
}
.main h4 {
  font-size: 13px;
}
.main h5 {
  font-size: 11px;
}
.main h6 {
  font-size: 9px;
}


.footer {
  position: relative;
  z-index: 20;
  background: url(images/flower.png) bottom right no-repeat;
  height: 188px;
  margin: 0 0 30px 0;
  clear: both;
}
.footercontent {
  background: url(images/footer.png) no-repeat top left;
  height: 188px;
  padding: 40px 7px 0 7px;
}
.footer .left {
  width: 568px;
  max-width: 568px;
  margin: 20px 42px 0 20px;
}
.footer .right {
  width: 369px;
  max-width: 369px;
  margin: 10px 20px 0 20px;
}


.footer h3 {
  margin: 0 0 3px 0;
  line-height: 1.2;
}
.footer p {
  font-size: 11px;
  margin: 8px 0;
}
.footer .social {
  width: 300px;
}
.footer .social img {
  display: block;
  width: 88px;
  height: 87px;
}











