/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { background: url(../images/cesar_background.jpg) top left repeat-x; background-color: #2395cf; line-height: 1.5;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
 
/* typography.css */
body {font-size: 75%; color: #333; background: url(../images/cesar_background.jpg) top left repeat-x; background-color: #2395cf; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #111;}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em;}
h2 {font-size: 2em; margin-bottom: 0.75em;}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em;}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em;}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 {font-size: 1em; font-weight: bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
p {margin: 0 0 1.5em;}
p img.left {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color: #000; text-decoration: none;}
a {color: #009; text-decoration: none;}
blockquote {margin: 1.5em; color: #666; font-style: italic;}
strong {font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}
abbr, acronym {border-bottom: 1px dotted #666;}
address {margin: 0 0 1.5em; font-style: italic;}
del {color: #666;}
pre {margin: 1.5em 0; white-space: pre;}
pre, code, tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}
li ul, li ol {margin: 0 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}
table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #c3d9ff;}
th, td, caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #e5ecf9;}
tfoot {font-style: italic;}
caption {background: #eee;}

.highlight {background: #ff0;}
.first {margin-left: 0; padding-left: 0;}
.last {margin-right: 0; padding-right: 0;}
 
/* forms.css */
label {font-weight: bold; font-size: 16px;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size: 1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color: #fff; border: 1px solid #bbb; padding: 4px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color: #666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin: 0.5em 0;}
input.text, input.title {width: 300px; padding: 5px; }
input.title {font-size: 1.5em;}
textarea {width: 360px; height: 90px; padding: 6px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position: relative; top: .25em;}
form.inline {line-height: 3;}
form.inline p {margin-bottom: 0;}

/* Common */
.hidden-element {display: none;}
.clear { clear: both; }
.column-wrapper {overflow: hidden; padding-bottom: 50px; width: 1000px; margin: 0px auto; position:relative; }
.header { background: url(../images/cesar_header.jpg) top left no-repeat; width: 1000px; height: 238px; margin: 0px auto; }
.header-woof { background: url(../images/cesar_header_woof.jpg) top left no-repeat; width: 1000px; height: 238px; margin: 0px auto; }
.column-one { background: url(../images/cesar_instructions.jpg) top left no-repeat; width:454px; height:234px; float:left; margin: 0px 25px 0px 25px; }
.column-two { background: url(../images/cesar_index_sell.jpg) top left no-repeat; width:475px; height:296px; float: left; position:relative; }
.column-legal { width:475px; height:296px; position:absolute;  top:280px; left: 280px;}
.twitter-connect { margin: 20px 0px 0px 275px; }
.index-woof-img { margin: 175px 0px 0px 25px; }
.woof-wall { min-height: 50px; margin: 0px 0px 0px 30px; }
.sponsors { text-align: right; margin: 10px 20px 0px 0px; }
.sponsors img { margin: 10px 0px 0px 0px; }
.cesar_links { float: left; margin: 0px 0px 0px 55px; }
.cesar_links a { font-size: 18px; color: #165f84; margin: 0px 6px 0px 0px;  }
.cesar_links a:hover { font-size: 18px; color: #fff;  }


.column-tweet { background: url(../images/cesar_instructions_tweet.jpg) top left no-repeat; text-align: center; width:454px; height:234px; float:left; margin: 0px 25px 0px 25px; }
#count { font-family: Arial, Helvetica; font-size: 24px; color:#f89a1c; margin: 28px 0px 10px 375px;  }
.follows { font-size: 16px; color:#f89a1c; margin: 10px 0px; }
.follows a { color: #f89a1c }
.follows a:visited { color: #f89a1c }
.follows a:hover { color: #000000 }
.tweet-space { min-height: 50px; }

#hash_url { margin: -95px 0px 0px 0px; color: #000000; }
#auto_follow { margin: 80px; }
#woof_alert { margin: -70px 0px 0px 0px; }

.column-photo { background: url(../images/cesar_instructions_photo.jpg) top left no-repeat; text-align: center; width:459px; float:left; margin: 0px 0px 0px 35px; padding: 0px 0px 0px 25px; }
#update { margin: 80px 0px 0px 0px; }

.winners { width: 1000px; text-align: center; margin: 15px 0px 45px 0px; }
.facebook { float: right; margin-top:1.0em }
.woof-pooch { width: 215px; float:left; text-align: center; margin: 0px 0px 20px 20px; }
.woof-pooch img { border: 5px solid black;}
.woof-owner { margin: 5px; }
.woof-owner a:link { font-size: 18px; color:#f89a1c }
.woof-owner a:visited { font-size: 18px; color:#f89a1c }
.woof-owner a:hover { font-size: 18px; color:#000000 }
.terms-link {margin-top:10px;}
.terms-link a { font-size: .8em; color:#165f84; text-decoration:underline;}

.error, .notice { padding: 1.0em; text-align: center; }

.pagination {
  clear: both;
  display: block;
  text-align: center;
  padding: 1.0em 0;
}
.ticket-link-1 {position:absolute; top:200px; left:10px;}
.ticket-link-2 {position:absolute; top:230px; left:10px;}
.ticket-link-3 {position:absolute; top:260px; left:10px;}
.woofer-link-1 {position:absolute; top:10px; left:20px; width:100px; height: 15px; background: #555; padding: 5px;}
.woofer-link-2 {position:absolute; top:40px; left:20px; width:100px; height: 15px; background: #555; padding: 5px;}
.woofer-link-1 a, .woofer-link-2 a {color: #FFF; text-decoration: underline;}
.error, .notice { padding: 1.0em; text-align:center;}
.instructions {padding: 0; margin-top:18px;margin-bottom:0;margin-left:5px;}
/* Stats Styling */
.stats-header{position:absolute;top:0;left:200px;background:transparent url(/images/promojam-stats-header.png) no-repeat scroll 0 0;height:35px;width:800px;}
.statWrap{position:absolute;top:35px;left:200px;width:770px;background:#191919;padding:15px;position:relative;color:#DDD;}
.statWrap table tr {border-bottom: 1px dotted #444;}
.statWrap table tr td a {color: #de831e;}
.topBox{width:750px;margin:0 auto 48px auto;opacity:1;position:relative;}
.topStats{width:110px;display:inline;position:relative;float:left;}
.bottomBox{width:750px;margin:0px auto 10px auto;opacity:1;}
.bottomBox h3{font-size:1.1em;line-height:1.2em;margin:0;color:#FFF;text-transform: lowercase; text-align: left; padding: 5px; border-bottom: 1px solid #333333;}
.topStats h2{width:105px;font-size:.9em;line-height:1.1em;margin:0;color:#FFF;}
.topStats h3{width:105px;font-size:1.1em;line-height:1.1em;padding:0;margin:0;color:#FFF; text-align: left;}
.bottomBox *{color:#FFF;}