html, body, form { margin: 0; padding: 0; }
body { font: normal 76% Arial, Helvetica, sans-serif; color: #000; background: #AFAEAC url('/images/background.jpg') repeat-x; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, i, em, b, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
q:before, q:after { content: ''; }
ol, ul { list-style: none; }
hr { display: none; }
input, textarea, select { font-family: inherit; font-size: 1em; color: #000; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

a img { border: 0; }
a { text-decoration: none; }
a:link,
a:active,
a:visited { color: #cb6900; }
a:hover { text-decoration: none; }

h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 1.2em; margin: 1.2em 0em 1.2em 0em; font-weight: normal; }
h3 { font-size: 1.1em; margin: 1.2em 0em 1.2em 0em; font-weight: normal; }
h4 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h5 { font-size: 1.0em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }
h6 { font-size: 0.8em; margin: 1.2em 0em 1.2em 0em; font-weight: bold; }

.br { border: 0; margin: 0; clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.cleardiv { clear: both; height: 1px; font-size: 0; line-height: 0; }
.clearfix:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.datatable td { padding: 6px; }

.webform_errors { background-color: #fdd; padding: 6px; margin: 0 0 10px; }

.container { 
  margin: 0 auto; 
  padding: 30px 20px 20px 20px; 
  width: 940px; 
  background: #AFAEAC url('/images/background.jpg') repeat-x;
}

.avatarholder { 
  float: left; 
  display: inline; 
  margin: 0 10px;
  height: 60px;
  -width: 60px;
}

.newestavatar {
  margin: 5px;
  height: 45px;
  width: 45px;
}

.barsep {
  background: #F6F5F5;
  height: 2px;
  width: 600px;
  margin: 0 10px 15px 10px;
}

.box { 
  border: 5px solid #979797; 
  width: 300px; 
  background-color: #e1dcda; 
  float: left;
  display: inline;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 300px;
  height: auto !important;
  min-height: 300px;
}

.boxheader { padding: 10px 0; margin-left: 10px;}

.boxtitle { 
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 15px 0 0;
  display: inline;
  float: left;
}

.boxsubtitle { float: left; font-style: italic; line-height: 1.5em;}

.boxrightsub { 
  float: right; 
  font-style: italic; 
  line-height: 1.5em;
  margin-right: 10px;
}

.boxfooter { 
  text-transform: uppercase; 
  font-weight: bold;
  float: right;
  color: #000;
  display: inline;
  margin: 10px 15px 15px 0;
}
.boxfooter a { color: #000; }

.rightbox { margin-right: 0px; float: right; display: inline;}

.tallbox { min-height: 590px; }

.widebox { width: 615px; clear: left; height: 235px; min-height: 235px;}

/*---------- NAVIGATION -----------*/

.header { margin-bottom: 10px; }

.header img {float: left; display: inline; }

.header .anoop { margin-right: 10px; }

.header .onlineocmmunity { vertical-align: top; }

.nav { float: left; display: inline; margin-top: 5px;}
.nav ul li { 
  float: left; 
  display: inline; 
  margin: 0 7px; 
  text-transform: uppercase; 
  font-weight: bold;
}

.nav ul li a:hover {
  color: #000000;
}

.musicplayer {
  position: relative;
  top: -15px;
  left: 480px;
  width: 460px;
}

.musicplayer #player {
  margin-top: 6px;
  width: 400px;
  float: right;
}

.musicplayer #musicbuy {
  width: 60px;
  float: left;
}

.musicplayer #musicbuy a {
  float: left;
  margin-right: 5px;
}

/*---------- COMMUNITY ------------*/

.uploadcontent a { color: #FFF; }

/*---------- COPY -----------------*/

.main { 
  width: 620px; 
  float: left;
  display: inline;
}

.main h1 {
  text-transform: uppercase;
  color: #cb6900;
  display: inline;
  font-size: 2.5em;
  font-weight: bold;
}

.main h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.1em;
}

.main h3 {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  margin: 0 10px;
}

.main h3 a {
  color: #000;
}

.sidebar {
  float: right;
  display: inline;
}

/*---------- BLOG -----------------*/

.blogbox .blog-item {
  border-bottom: 1px solid #979797;
}

.blogbox .blog-item .blog-title, 
.blogbox .blog-item .blog-post {
  margin: 0px 10px;
}

.blogbox #blog-pages,
.blogbox .blog-item .blog-tags {
  display: none;
}

.blog-item {
  margin-top: 10px;
  padding-bottom: 15px;
  border-bottom: 2px solid #F6F5F5;
}

.blog-item .comment-count {
  margin-left: 10px;
}

h2.blog-title {
  font-weight: bold;
  margin-bottom: 0px;
}

.blog-title a {
  color: #000;
}

.blogbox .blog-author {
  margin-left: 10px;
}

.blog-author {
  font-style: italic;
  color: #CB6900;
}

.blog-post {
  margin-top: 15px;
}

#blog-pages {
  text-align: center;
  margin: 10px 5px;
}

#blog-footer {
  text-align: center;
  margin: 10px 5px;
}

#blog-footer a {
  color: #000;
  font-weight: bold;
  margin: 0 5px;
}

.blog-page, #blog-next-page a, #blog-first-page a, #blog-last-page a,
#blog-previous-page a, .blog-page a {
  font-weight: bold;
  margin: 5px;
  color: #000; 
}

.blog-pages-title {
  display: none;
}

#blog-comments {
  margin-top: 15px;
}

#blog-comments h3 {
  margin-left: 0;
}

.blog-comment {
  border-bottom: 2px solid #F6F5F5;
  padding-bottom: 5px;
}

.blog-comment h4 {
  margin-bottom: 0px;
}

.blog-comment .author-title {
  display: none;
}

.blog-comment .author, .blog-comment .date {
  font-style: italic;
  color: #CB6900;
}

.blog-comment .comment {
  margin-top: 5px;
}

/*---------- FORUM BOX -------------*/

.thread {
  padding: 10px;
  border-bottom: 1px solid #979797;
}

.thread h3 {
  font-weight: bold;
  margin: 0px;
}

.thread .postcount {
  float: right;
  display: inline;
}

/*---------- NEWS ARTICLE ----------*/

.latestnews {
  clear: left;
}

.latestnews .news-item {
  border-bottom: 1px solid #979797;
}

.latestnews .news-item .news-title, .latestnews .news-item .news-post {
  margin: 0px 10px;
}

.news-item {
  margin-top: 10px;
  padding-bottom: 15px;
  border-bottom: 2px solid #F6F5F5;
}

h2.news-title {
  font-weight: bold;
  margin-bottom: 0px;
}

.news-title a {
  color: #000;
}

.latestnews .news-author {
  margin-left: 10px;
}

.news-author {
  font-style: italic;
  color: #CB6900;
}

.news-post {
  margin-top: 15px;
}

#news-article-pages {
  text-align: center;
  margin-top: 10px;
}

.news-article-page, #news-article-next-page a, #news-article-first-page a, 
#news-article-previous-page a, #news-article-last-page a, .news-article-page a {
  font-weight: bold;
  margin: 5px;
  color: #000;
}

.news-article-pages-title {
  display: none;
}

/*---------- PHOTOS ---------------*/

#iphoto {
  width: 620px;
  height: 450px;
  height: auto !important;
  min-height: 450px;
  margin-bottom: 20px;
}

.gallery_img {
  text-align: center;
  display: inline;
  float: left;
  margin: 15px 30px 15px 0;
  min-height: 130px;
  height: auto !important;
  height: 130px;
  width: 120px;
}

.gallery_img .title {
  font-weight: bold;
}

#photo-pages {
  text-align: center;
  margin-top: 10px;
}

.photo-page, #photo-next-page a, #photo-first-page a, #photo-last-page a,   
#photo-previous-page a, .photo-page a {
  font-weight: bold;
  margin: 5px;
  color: #000;
}

.photo-pages-title {
  display: none;
}

.gallery_cat {
  color: #000 !important;
  margin: 0 15px;
}

.upload {
  margin-top: 15px;
}

.upload .instructions {
  margin-left: 20px;
}

.uploadlink {
  display: inline;
  margin-left: 100px;
}

.upload .info {
  margin-left: 20px;
  font-style: italic;
}

/*---------- VIDEOS ---------------*/

#ivideo {
  width: 620px;
  height: 775px;
  height: auto !important;
  min-height: 775px;
}


.gallery_vid {
  text-align: center;
  display: inline;
  float: left;
  margin: 15px 30px 15px 0;
  height: 130px;
  width: 120px;
}

.gallery_vid .title {
  font-weight: bold;
}

#video-pages {
  text-align: center;
  margin-top: 10px;
}

.video-page, #video-next-page a, #video-first-page a,  #video-last-page a,
#video-previous-page a, .video-page a {
  font-weight: bold;
  margin: 5px;
  color: #000;
}

.video-pages-title {
  display: none;
}

.gallery_cat {
  color: #000 !important;
  margin: 0 15px;
}
/*---------- FORM -----------------*/

input { border-width: 0px; padding: 5px;}
textarea { border-width: 0px; }

#newsletter { 
  text-transform: uppercase;
  font-weight: bold;
  background: #000; 
  text-align: center; 
  font-size: 1.1em; 
  color: #fff;
  padding: 12px 0;
}

#emailsignup { height: 40px; }

.uploadcontent {
  text-transform: uppercase;
  font-weight: bold;
  background: #cb6900 url('/images/upload-bg.jpg') repeat-x;
  color: #fff;
  font-size: 1.1em;
  height: 37px;
  border: 1px solid #fff;
  border-width: 1px 0 1px 0;
  text-align: center;
  line-height: 37px;
}

.submitphotos { 
  text-transform: uppercase;
  background-color: #000; 
  text-align: center; 
  font-size: 2.1em; 
  color: #fff;
  height: 135px;
}

.submitphotos img {
  margin: 20px;
  height: 45px;
}

/*---------- TWITTER --------------*/

#twitterbox {padding-top: 5px; }
#twitter_div {}
#twitter_update_list li, 
#twitterfan_update_list li { 
  padding: 10px;  
  border-bottom: 1px solid #979797;
}
#twitter_update_list li .retweet , 
#twitterfan_update_list li .retweet {
  float: right;
} 
#twitter_update_list li .retweet a, 
#twitterfan_update_list li .retweet a {
  font-weight: bold;
  color: #666;
  font-size: 1.1em;
} 
#twitter_update_list li .reply , 
#twitterfan_update_list li .reply { 
  font-style: italic;
} 

/*---------- GALLERY ---------------*/

.userphotos .newestusers{
  margin: 5px 12px;
}

/*---------- FOOTER ---------------*/

#social { margin: 10px 0 10px 35px; } 
#social img { margin: 0 5px; }

#footer {
  height: 200px;
  width: 980px;
  margin: 0 auto;
}
