@charset "utf-8"; 

/* CSS Document */

* { margin: 0px;  padding: 0px;  outline: none; }
img { border-width: 0px; }
body { background: #e48500 url(../images/site_bg_y.jpg) repeat-y 50% 3%;  font: 13px/ 20px "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1,h2,h3,h4 { font-weight: bold;  text-transform: uppercase; }
h1 { font-size: 18px;  line-height: 23px; }
h2 { font-size: 16px;  margin-bottom: 8px; }
h3 { font-size: 14px;  line-height: 23px; }
h4 { font-size: 10px;  line-height: 23px; }
p,ol,ul { margin-bottom: 10px; }

li { margin-left: 20px;  margin-bottom: 4px; }

a { color: #f68700;  text-decoration: none; }
a:hover { text-decoration: underline; }

a, a:active { border:0; outline: none; }


/* Daniel Log Layout */
#danielLogLayout { border-collapse: collapse; }
#danielLogLayout h2 { font-size:18px; margin-bottom:9px; line-height:32px; }
#danielLogLayout td { vertical-align:top; }
#danielLogLayout .left { width: 490px; padding-right:30px; }

#danielLogLayout .right h2 { color: #878687; font-size: 1.2em; margin:50px 0 25px 18px; text-transform: none; line-height:normal; }
#danielLogLayout .right ul { padding:0; margin:0; list-style:none; }
#danielLogLayout .right ul li { margin-bottom: 15px; }
#danielLogLayout ul li.heading a { color: #f04955; font-weight:bold; }
#danielLogLayout ul li.heading ul li { margin:0; }
#danielLogLayout ul li.heading ul li a { color: #999999; }


/* General Classes */
.blk { background: black;  color: #999999; }
.gry { background: #666666;  color: #c6eced;  font-size: 15px; }
.gry h2 { margin-bottom: 0px; }
.dk_gry { background: #232323; }
.red { background: #ff3333; }
.wht { background: #efeff1; }
.wht,.wht a { color: #999999; }
.wht strong { color: #666666; }
.lt_grn { background: #8ebc42; }
.blu { background: #47a2fc; }
.blu a { color:#232323; }
.dk_gry,.blu,.lt_grn { color: white; }
.blk h2,.dk_gry h2 { color: #c9e53b; }
.wht h2 { color: #f04955; }

h2.ylw { color: #ffcc00; }
h2.grn { color: #66cc99; }
h2 .all { float: right;  color: #666666;  font-size: 10px; }
.tn,.av,.tn3 { margin: 0px 3px 4px;  background-repeat: no-repeat;  background-position: center center;  display: inline-block;  overflow: hidden; }
.tn { width: 40px;  height: 40px; }
.tn3 { width: 51px;  height: 51px; }
.av { width: 50px;  height: 50px; }
.tn2 { display: block;  position: relative;  height: 50px;  border-top: 1px solid;  background-position: left center;  padding-left: 58px;  margin: 0px -10px;  color: #666666;  line-height: 50px;  font-size: 14px; }
.tn2 img { position: absolute;  top: 4px;  left: 10px; }
.tn2 strong { text-transform: uppercase; }
.polaroid2 { background-repeat: no-repeat;  background-position: 11px 33px;  width: 238px;  height: 313px;  margin-left: -11px;  margin-top: -24px;  position: relative;  overflow: hidden; }
.polaroid2 .caption { font-family: 'Reenie Beanie', arial, serif;  font-size: 18px;  position: absolute;  top: 248px;  left: 20px;  color: #666666;  width: 200px;  height: 40px;  overflow: hidden; }
.polaroid2 .crown { position: absolute;  bottom: 22px;  right: 14px; }
.events a { display: block;  padding: 4px 10px;  margin: 0px -10px;  border-bottom: 1px solid #cbcbcd;  font-size: 14px; }
.events a:hover { text-decoration: none; }
.events .add { color: #ff3333;  border: none;  font-weight: bold; }
.clr { clear: both;  line-height: 0px;  height: 0px;  margin: 0px;  padding: 0px; }
.ad { margin-bottom: 10px;  margin-top: -8px; }
.small { font-size:12px; }

/* Setup Curves */
.curve { position: relative;  margin-bottom: 24px;  margin-top: 8px;  padding: 0px 10px; }
.curve .curve { margin-bottom: 18px; }
.crv_top,.crv_btm,.crv_lft,.crv_rgt { position: absolute;  height: 8px; }
.crv_top,.crv_btm { left: 8px; }
.crv_top { top: -8px; }

*.crv_top { top: -7px; /* IE7 */ }
.crv_top img { top: 0px;  width: 8px; }
.crv_top .crv_lft { background-position: top left; }
.crv_top .crv_rgt { background-position: top right; }
.crv_btm { bottom: -8px; }

*.crv_btm { bottom: -7px; /* IE7 */ }
.crv_btm img { bottom: 0px;  width: 8px; }
.crv_btm .crv_lft { background-position: bottom left; }
.crv_btm .crv_rgt { background-position: bottom right; }
.crv_lft { left: -8px; }
.crv_rgt { right: -8px; }
.intro { padding: 24px 36px; }
.intro .btn { display: block;  float: left;  margin-right: 14px;  width: 263px;  height: 350px;  font-size: 14px;  color: white; }
.intro .btn span { display: block;  margin-bottom: 10px; }
.intro .btn .h1 { padding-top: 18px;  text-align: center;  border-bottom: 2px dotted white;  padding-bottom: 20px; }
.intro .copy { font-size:18px; line-height:24px; }
.intro .copy p { margin-bottom:24px; }

/* Forms */
.curve .curve input, .curve .curve select, .curve .curve textarea , .curve .curve label,  { border:0; width: 98%;  }
.curve .settings input, .curve .settings textarea, .curve .settings select { width: 98%; }
.curve form input, .curve form select, .curvetextarea , .curve form label { font-size:12px; height:20px; }
.curve input[type=checkbox], .curve input[type=radio] { width:auto; margin-right:4px; }
.curve select { padding:0px; }
.curve textarea { height:auto; }
.curve select option { padding:2px 4px; }
input.wht {   color: #66666;  }
.curve .curve .button, .curve .curve input[type="button"], .curve .curve input[type="submit"] { background:none; text-shadow:none; -moz-border-radius:0px; font-size:11px; padding:0px 15px 3px!important; } /* Override */
.curve .btns { background:none; border:1px solid black!important; width:auto!important; color:white; }
.curve .btns:hover { border:1px solid white!important; color:white; }
.curve.wht .btns, .curve.wht .btns:hover { color:#333; }
.curve.gry .btns, .curve.gry .btns:hover { color:#fff; }
select.month {width:100px!important; margin-right:4px;}
select.day {width:53px!important; margin-right:4px;}
select.year {width:67px!important; margin-right:4px;}
input[type=checkbox] {position:relative; top:4px; height:20px;}


/* Setup Tabs */
.tabs { height: 40px;  overflow: hidden;  margin: -8px 0px; }
.tabs a { float: left;  display: block;  margin-right: 2px;  padding-bottom: 8px;  font-size: 16px;  font-weight: bold;  color: white;  text-transform: uppercase;  text-align: center; }
.tabs a:hover { text-decoration: none; }
.post { border-top: 1px solid;  padding: 10px 0px 10px 59px;  position: relative;  min-height: 51px; }
.post .tn3 { position: absolute;  top: 10px;  left: 0px; }

.tab_section .crv_top.wht .crv_lft { background:#EFEFF1; }

/* Site Layout */
#site_wrap { width: 1020px;  margin: auto;  background: url(../images/site_bg.jpg) no-repeat top center;  border-bottom: 0px solid #E48500; }
#site { width: 950px;  margin: auto;  min-height: 700px;  position: relative;  overflow: visible; }
#site_top_nav { width: 910px;  height: 35px;  padding-left: 30px;  margin-left: -35px;  padding-top: 30px;  margin-bottom: 256px;  position: relative;  background: url(../images/top_nav_bg_x.png) repeat-x 0px 30px; }
#site_top_nav .btn_account { float: right;  height: 24px;  margin-top: 5px;  background-position: center;  background-repeat: no-repeat;  color: white;  text-align: center;  font: bold 11px/ 20px Verdana, Geneva, sans-serif; }
#site_top_nav a { display: inline-block;  padding: 0px 12px;  background-position: 12px 9px;  background-repeat: no-repeat;  height: 35px; }
#site_top_nav .menu_item img { height: 35px; }
#site_top_nav a.menu_item:active,.home #home,.logs #logs,.help #help,.training #training,.community #community,.store #store  { background-position: 12px -26px; }
.marker img { background: url(../images/top_nav_pointer.png) no-repeat bottom center;  width: 100%; }
#site_top_nav .drop_menu { position: absolute;  top: 65px;  left: 30px;  width: 910px;  height: 30px;  background: #ff3333;  color: white; }
#site_top_nav .drop_menu * { height: 30px; }
#site_top_nav .drop_menu a { padding: 0px 24px;  background-position: 24px 9px; }
#site_top_nav .drop_menu a:hover { background-color: #db0a0d; }
#site_top_nav .drop_menu a.lock { background-position: 24px -21px; }
#site_content { width: 710px;  float: left; }
#account_bar { background: black;  height: 30px;  line-height: 28px;  color: white;  text-transform: uppercase;  font-weight: bold;  font-size: 12px;  margin-bottom: 30px;  padding: 0px 10px; }
#account_bar a { display:inline-block; color: white;  text-decoration: none;  padding: 0px 20px 0px 22px;  background-repeat: no-repeat;  background-position: 0% 50%; }
#account_bar span { margin-right: 30px;  font-size: 16px; }
#account_bar span a { padding:0; }
#content_rgt { width: 470px;  float: right;  display: inline; }
#content_lft { width: 220px;  float: left;  display: inline;  margin-left: 10px; }
#site_rgt { width: 230px;  float: right; }

#footer { text-align:right; margin:-10px 10px 25px 10px; }
#footer a { text-decoration:underline; color: #fff; margin-left:25px; }
#footer a:hover { text-decoration: none; }


/* Training */
.training h1 { font-size:20px; }
.training h1, .training h2 { color:#FA162D;  }
.training a { color:#FA162D; }
.fold { background:#EFEFF1 url(../images/training/fold_bg.jpg) no-repeat bottom center; padding-bottom:60px; }


#training_progress { background:#343434; text-align:center;  height:77px; overflow:hidden; margin-bottom:20px; margin-top:-30px; padding-left:16px; }
#training_progress span { cursor:pointer; display:block; float:left; height:25px; width:68px; padding:52px 0px 0px;  background-position:16px 10px; background-repeat:no-repeat;  color:white; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:normal; }
#training_progress span a { color:white; }
#training_head { min-height:130px; height:auto!important; height:130px; position:relative; margin:0px -10px 30px; padding:21px 10px 30px 107px; }
#training_head .tags { position:absolute; top:-16px; right:-1px; width:246px; height:142px; background:url(../images/training/dog_tags.png) no-repeat center center; }
#training_head .tags:hover, #training_head .hover { background-image:url(../images/training/tag_keep_going.png); }
* html #training_head .tags { background-image:url(../images/training/tag_keep_going.gif); /*IE6*/ }
* html #training_head .hover { background-image:url(../images/training/dog_tags.gif); /*IE6*/ }
#training_head .icon { position:absolute; top:16px; left:16px; }
#training_head h1 { margin-top:0px; }
#training_head p { width:350px; font-size:16px; color:#343434; }
#training_steps { height:28px; width:700px; line-height:28px;  padding-right:10px;  background:#202020; color:#828282;  text-align:right; overflow:hidden;  position:absolute; left:0px; bottom:0px; }
#training_steps a, #training_steps span { display:block; float:left; padding:0px 12px; letter-spacing:1px;  border-right:2px solid #EFEFF1; background:#343434;  color:white; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; }
#training_steps span { padding:0px 20px; }
#training_steps .complete, #training_steps span, #training_progress .complete { background-color:#fa162d; }
#training_content .lft { float:left; width:412px; display:inline; }
#training_content .lft h1 { margin-bottom:30px; }
#training_content .rgt { float:right; width:270px; display:inline; margin-top:-20px; }
#training_content .clr { clear:both; display:block; padding:10px 0px; }
.talking_img { background:url(../images/training/brent_smith.jpg) no-repeat center center; width:259px; height:318px; position:relative; }
.talking_img img { display:none; position:absolute; top:131px; left:-219px; }
.talking_img:hover img, #training_content .rgt .hover img { display:block; }
#training_content span.clr, #training_content a.clr { clear:both; display:block; width:290px; height:75px; margin-left:-10px; }