/* -----------------------------------------------
	FreerideMX.com Screen CSS	07/14/2009
	Derek Balmer of Hold Fast Creative
----------------------------------------------- */
@import url(reset.css);

/* @group Common */
body {background:#000 url(/themes/site_themes/FRMX/FreeRideMX-BG.jpg) 50% 0 no-repeat;color:#fff;}
* {margin:0;padding:0;}

h1,h2,h3,h4 {font-weight:bold;}

h1 {font-size:36px;}
h2 {font-size:24px;line-height:32px;margin:0 0 12px 0;color:#fff;}
h3 {font-size:18px;line-height:20px;margin:0 0 4px 0;letter-spacing:1px;}
h4 {font-size:14px;line-height:16px;margin:0 0 8px 0;}
h5 {font-size:11px;line-height:14px;margin:0 0 6px 0;border-top:1px solid #ddd;color:#999;text-transform:uppercase;letter-spacing:1px;font-weight:normal;}
h6 {font-size:10px;line-height:12px;color:#ccc;text-transform:uppercase;letter-spacing:1px;font-weight:normal;}
p {font-size:12px;line-height:18px;margin:0 0 8px 0;}

/* @end */

/* @group Layout */
#masthead {width:960px;height:80px;position:relative;margin:0 auto;text-align:center;}
#content {width:960px;margin:100px auto 20px auto;padding:20px 0;text-align:left;text-shadow:1px 2px 2px #000;overflow:hidden;}
#primary {float:left;display:inline;width:660px;margin:0 20px 20px 0;overflow:hidden;}
#secondary {float:left;display:inline;width:280px;margin:0 0 20px 0;overflow:hidden;}
#footer {width:960px;margin:0 auto;padding:20px 0 10px 0;text-align:center;border-top:1px solid #181818;color:#333;}

/* -- COLUMNS -- */
.col880 {float:left;display:inline;width:860px;margin:0 20px 20px 0;overflow:hidden;}
.col800 {float:left;display:inline;width:780px;margin:0 20px 20px 0;overflow:hidden;}
.col720 {float:left;display:inline;width:700px;margin:0 20px 20px 0;overflow:hidden;}
.col640 {float:left;display:inline;width:620px;margin:0 20px 20px 0;overflow:hidden;}
.col560 {float:left;display:inline;width:540px;margin:0 20px 20px 0;overflow:hidden;}
.col480 {float:left;display:inline;width:460px;margin:0 20px 20px 0;overflow:hidden;}
.col400 {float:left;display:inline;width:380px;margin:0 20px 20px 0;overflow:hidden;}
.col320 {float:left;display:inline;width:300px;margin:0 20px 20px 0;overflow:hidden;}
.col240 {float:left;display:inline;width:220px;margin:0 20px 20px 0;overflow:hidden;}
.col160 {float:left;display:inline;width:140px;margin:0 20px 20px 0;overflow:hidden;}
/* -- END COLUMNS -- */
.col880end {float:left;display:inline;width:860px;margin:0 0 20px 0;overflow:hidden;}
.col800end {float:left;display:inline;width:780px;margin:0 0 20px 0;overflow:hidden;}
.col720end {float:left;display:inline;width:700px;margin:0 0 20px 0;overflow:hidden;}
.col640end {float:left;display:inline;width:620px;margin:0 0 20px 0;overflow:hidden;}
.col560end {float:left;display:inline;width:540px;margin:0 0 20px 0;overflow:hidden;}
.col480end {float:left;display:inline;width:460px;margin:0 0 20px 0;overflow:hidden;}
.col400end {float:left;display:inline;width:380px;margin:0 0 20px 0;overflow:hidden;}
.col320end {float:left;display:inline;width:300px;margin:0 0 20px 0;overflow:hidden;}
.col240end {float:left;display:inline;width:220px;margin:0 0 20px 0;overflow:hidden;}
.col160end {float:left;display:inline;width:140px;margin:0 0 20px 0;overflow:hidden;}
.col80end {float:left;display:inline;width:60px;margin:0 0 20px 0;overflow:hidden;}

/* @end */

/* @group Masthead */
h1#branding {float:right;display:inline;width:320px;height:80px;font-size:12px;text-indent:-9999px;}
h1#branding a {display:block;width:320px;height:80px;overflow:hidden;background:transparent;}
h1#branding a:active {outline:none;}

#masthead ul {position:absolute;bottom:15px;left:0;width:590px;list-style:none;font:14px/20px arial, sans-serif;background:rgba(0,173,239,0.3);}
#masthead li {float:left;display:inline;}
#masthead li a {display:block;width:70px;height:20px;margin:0 10px 0 0;padding:4px;color:#fff;}
#masthead li a.tnWallpapers {display:block;width:140px;height:20px;margin:0 0 0 0;padding:4px;color:#fff;}
#masthead li a:hover {color:#00adef;background:#fff;}


#about-freeride-mx {position:absolute;z-index:300;top:70px;left:0;width:440px;background:rgba(255,255,255,0.8);color:#181818;display:none;}
#about-freeride-mx div {padding:10px;text-align:left;}
#about-freeride-mx h3 {color:#000;}
#about-freeride-mx p {background:#fff;padding:10px;}

#contact-freeride-mx {position:absolute;z-index:300;top:70px;left:0;width:440px;background:rgba(255,255,255,0.8);color:#181818;display:none;}
#contact-freeride-mx div {padding:5px 10px;text-align:left;}
#contact-freeride-mx h3 {color:#000;}

/* @end */

/* @group Primary */
.entry {margin:0 0 20px 0;padding:10px;background:rgba(51, 51, 51, 0.3);border-bottom:1px solid #333;}
.entry h2 a {color:#fff;}
.entry h2 a:hover {color:#000;background:#00adef;}
.entry p img, .entry img {margin:10px auto;display:block;}

.freeride-mx-video {margin:10px auto;font-size:12px;line-height:1.75;}

.pagination {font-size:14px;line-height:20px;margin:20px 0;padding:4px;border-top:1px solid #181818;text-align:center;}
.pagination a {margin:0 2px;}
a.prevLink {float:left;}
a.nextLink {float:right;text-align:right;}
/* @end */

/* @group Secondary */
#secondary div {padding:10px;margin:0 0 20px 0;background:rgba(51, 51, 51, 0.3);}
ul#friendsList {margin:0 0 20px 0;font:12px/16px arial, sans-serif;}
ul#friendsList li {display:inline;}
ul#friendsList li a {display:block;padding:4px;border-bottom:1px solid #333;}

dl.recentEntries {margin:0;}
dl.recentEntries dt {float:left;display:inline;font:16px/18px arial, sans-serif;width:80px;margin:0 0 8px 0;padding:4px 0;color:#999;border-top:1px solid #333;}
dl.recentEntries dd {float:left;display:inline;font:12px/18px arial, sans-serif;width:180px;margin:0 0 8px 0;padding:4px 0;border-top:1px solid #333;}

#secondary select {width:258px;margin:0;padding:2px 0;background:#00adef;border:1px solid #333;color:#000;outline:none;}
/* @end */

/* @group Forms */
fieldset {margin:0 0 20px 0;padding:10px;border:1px solid #00adef;background:#fff;}
.inputField {width:250px;font-size:12px;padding:2px;background:#000;border:none;color:#ccc;}
.inputMessage {width:250px;height:50px;font:12px/16px arial, sans-serif;padding:2px;background:#000;border:none;color:#ccc;}
.inputField:focus, .inputMessage:focus {background:#00adef;color:#000;}
.btnSubmit {padding:4px;background:#000;color:#00adef;font-size:11px;letter-spacing:1px;text-transform:uppercase;}

#write-comment fieldset {margin-bottom:20px;padding:10px;border:1px solid #00adef;background:#181818;}
#write-comment legend {padding:4px 8px;background:#00adef;font-size:16px;text-transform:uppercase;color:#fff;letter-spacing:1px;text-shadow:1px 2px 2px #000;}
#write-comment fieldset p {line-height:16px;}
#write-comment fieldset ul {margin-bottom:10px;font-size:12px;font-family:arial, sans-serif;}
#write-comment fieldset li {padding:4px;margin-bottom:4px;border-bottom:1px solid #333;}
#write-comment fieldset li label {float:left;display:inline;width:60px;margin-right:20px;line-height:20px;}

#comments {margin:20px 0;}
.entry-comment {margin:0 0 20px 0;padding-bottom:5px;border-bottom:1px solid #fff;}
.comment-author {float:left;display:inline;width:140px;margin:0 20px 10px 0;overflow:hidden;}
.comment-body {float:left;display:inline;width:500px;margin:0 0 10px 0;overflow:hidden;font-style:italic;}

/* @end */

/* @group Footer */
#footer p {float:left;display:inline;width:660px;margin:0 20px 20px 0;padding:0;margin:0 0 10px 0;font-size:14px;line-height:18px;text-align:left;}
#footer ul {float:left;display:inline;width:280px;margin:0 0 20px 0;text-align:center;overflow:hidden;}
#footer li {float:left;display:inline;width:140px;margin:0;padding:0;font:10px/20px arial, sans-serif;text-transform:uppercase;letter-spacing:1px;}
#footer li a {display:block;padding:4px 0;width:140px;height:20px;color:#999;background:#000;}
#footer li a:hover {color:#fff;background:#00adef;}

/* @end */

/* @group Wallpapers */
ul.wallpaper-list {margin:0 0 20px 0;padding:0;}
ul.wallpaper-list li {float:left;display:inline;width:330px;height:285px;margin:0 0 10px 0;}
.wallpaper-entry {width:320px;height:250px;margin:5px;overflow:hidden;}
.wallpaper-entry h5 {margin:0;padding:0;width:320px;height:24px;line-height:20px;display:block;overflow:hidden;}
.wallpaper-entry img {width:320px;height:225px;border:0;}
.wpDownload {margin:5px auto;width:320px;font-size:12px;line-height:24px;text-align:center;}
.wpDownload a {margin:0 4px;}
/* @end */