/* --------------------------
MASH SF STYLES
-------------------------- */

/* ----
 in jquery.lightbox.css also, otherwise layout gets funky
---- */
*, html, body {
margin:0;
border:0;
padding:0;
}


body {
/* fade in/out FF bug */
/* opacity:.9999; */
background:#0a0d12;
font:normal 11px/13px "Lucida Grande", arial,verdana,sans-serif;
letter-spacing: 1px;
color:#8d8d8d;
}
p {
padding:6px;
}
ul li {
list-style: none;
}
a {
text-decoration:underline;
color:#fff;
}
a:hover {
text-decoration:underline;
color:#8d8d8d;
}
// kill outline on links
:active {
border: 0;
}
:focus {
outline: 0;
}


/* ----  global page items  ---- */
/* added for lightbox to work */
#holder {
padding:15px 0 0 15px;
}

#update { /* for when doing updates */
width:780px;
margin:20px auto;
}

/* ----  navigation  ---- */
#navigation {
width:165px;
float:left;
}
a.logo {
margin:0 0 40px 5px;
height:63px;
width:53px;
display:block;
overflow:hidden;
position: relative;
background: url(../_img/logo_sm_hover_color.gif) no-repeat;
}
a.logo:hover {
background: url(../_img/logo_sm_hover_color.gif) -53px 0 no-repeat;
}

/* ul */
#nav li {
height:32px;
list-style: none;
}
#nav li a {
font-size: 12px;
height:27px;
font-style: italic;
display:block;
padding:5px 0 0 5px;
color:#8d8d8d;
}
#nav li a:hover, #nav li a.on {
color:#fff;
}

#footer {
color:#333;
clear:both;
position: relative;
}
#footer p {
font-size: 9px;
}
#footer a {
color:#444;
text-decoration: none;
}
#footer a:hover {
color:#555;
}

/* ---- input form stuff ---- */
.input {
}
.button, .buttonWide {
border: 1px solid #e4e4e4;
background: #fff;
padding:4px;
margin: 5px 0 5px 0;
font-size: 11px;
color:#606060;
}
.button {
width:245px;
margin-left:6px;
}
.buttonWide {
width:295px;
}

p.mailingTitle {
color:#fff;
text-decoration: underline;
padding-bottom:16px;
}

/* ---- home page ---- */
#arkitip, #photoSets, #store, #mailingListHolder, #press, #vimeo, #cinelliHome, #tweetPreview {
width:267px;
height:153px;
margin:0 0 12px 14px;
border: 1px solid #fff;
overflow:hidden;
float:left;
}

#arkitip a, #photoSets a, #store a, #press a, #vimeo a, #cinelliHome a {
display: block;
padding: 5px 0 0 5px;
width:267px;
height:149px;
}
#tweetPreview a {
display:block;
padding: 5px 0 0 5px;
}

/* single modules */
/*
#press, #cinelliHome {
float:left;
}
*/
#mailingListHolder {
background: #000;
}
#random, #video, #blogPreview {
width: 550px;
height: 320px;
overflow:hidden;
float:left;
margin:0 0 14px 14px;
border: 1px solid #fff;
}

#genericVid {
width: 550px;
height: 320px;
float:left;
/* --- 
border: 1px solid #fff; 
this is in flash now
---- */
}

#random a, #video a, #blogPreview a {
display:block;
padding: 5px 0 0 5px;
width:545px;
height:316px;
}

.double {
height:336px;
width:267px;
margin-right:16px;
float:left;
}

/* ---- home page module backgrounds ---- */
#photoSets {
background-image: url(../_img/fp_modules/photosets.jpg);
}
#store {
background-image: url(../_img/fp_modules/store.jpg);
}
#press {
background-image: url(../_img/fp_modules/press.jpg);
}
#arkitip {
background-image: url(../_img/fp_modules/arkitip.jpg);
}
#vimeo {
background-image: url(../_img/fp_modules/vimeo.jpg);
}
#cinelliHome {
background-image: url(../_img/fp_modules/cinelli_page.jpg);
}
#tweetPreview {
background-image: url(../_img/fp_modules/tweet.jpg);
}

/* temp */
#blogPreview {
background-image: url(../_img/fp_modules/mash-blog_img.jpg);
}

/* ---- gallery page ---- */
.gallery {
width:275px;
height:153px;
margin:0 0 12px 14px;
border: 1px solid #fff;
float:left;
}
.gallery a {
display: block;
padding: 5px 0 0 5px;
width:270px;
height:149px;
}
/* hide the hidden thumbnails for light box */
.gallery a.hide {
display:none;
}


/* press backgrounds */
#sahtel {
background-image: url(../_img/press_modules/sahtel.jpg);
}
#vapors {
background-image: url(../_img/press_modules/vapors.jpg);
}
#brutus {
background-image: url(../_img/press_modules/brutus.jpg);
}
#xlr8r {
background-image: url(../_img/press_modules/xlr8r.jpg);
}
#honeyee {
background-image: url(../_img/press_modules/honeyee.jpg);
}
#japan {
background-image: url(../_img/press_modules/japan.jpg);
}
#road {
background-image: url(../_img/press_modules/road.jpg);
}
#untitled {
background-image: url(../_img/press_modules/stranger.jpg);
}
#swd {
background-image: url(../_img/press_modules/swd.jpg);
}
#common {
background-image: url(../_img/press_modules/common.jpg);
}


/* videos backgrounds */
#toc-video {
background-image: url(../_img/video_modules/toc.jpg);
}
#austin {
background-image: url(../_img/video_modules/austin.jpg);
}
#indy-50 {
background-image: url(../_img/video_modules/indy_50.jpg);
}
#trailer {
background-image: url(../_img/video_modules/trailer.jpg);
}
#garret {
background-image: url(../_img/video_modules/garret.jpg);
}
#night {
background-image: url(../_img/video_modules/night.jpg);
}
#demarco {
background-image: url(../_img/video_modules/demarco.jpg);
}
#emi-travis {
background-image: url(../_img/video_modules/emi-travis.jpg);
}
#james {
background-image: url(../_img/video_modules/james.jpg);
}


/* gallery backgrounds */
#richmond {
background-image: url(../_img/photos_modules/nahbs_richmond.jpg);
}
#work_bike {
background-image: url(../_img/photos_modules/work_bike.jpg);
}
#toc {
background-image: url(../_img/photos_modules/toc.jpg);
}
#cinelli {
background-image: url(../_img/photos_modules/cinelli_rvca.jpg);
}
#japan06 {
background-image: url(../_img/photos_modules/japan_2006.jpg);
}
#japan07 {
background-image: url(../_img/photos_modules/japan_2007.jpg);
}
#mash_products {
background-image: url(../_img/photos_modules/mash_products.jpg);
}
#naccc07 {
background-image: url(../_img/photos_modules/naccc_2007.jpg);
}
#races {
background-image: url(../_img/photos_modules/races.jpg);
}
#riding {
background-image: url(../_img/photos_modules/riding.jpg);
}
#premieres {
background-image: url(../_img/photos_modules/premieres.jpg);
}

/* --- links page --- */
.linksHolder {
float:left;
padding-right:35px;
margin-bottom:25px;
}

.links {
width:350px;
height:645px;
/* background: #fff; */
overflow: hidden;
line-height:15px;
}

.links a:visited {
color:#d48324;
}

#submitLink {
width:75%;
float:left;
}

#linkForm {
/* width:275px; */
height:98px;
/* border: 1px solid #fff; */
padding:6px 0 3px 0;
float:left;
clear:right;
}

.error {
color:#f00;
padding-left:5px;
}

/* -- mailing list stuff -- */
div.mailingList {
width:100%;
padding-top:150px;
text-align: center;
line-height:15px;
}

.formButn {
background:#000;
color:#fff;
padding:2px 5px 2px 5px;
text-decoration: underline;
}
.formButn:hover {
color:#ccc;
}

/* --- contact page --- */
#contact {
margin:85px 0 12px 100px;
padding:15px 0 0 0;
width:70%;
height:123px;
font-style:italic;
text-transform:uppercase;
float:left;
}
#contact p {
font-size:20px;
line-height:21px;
}

/* ---- blog store page ---- */

/*
#blogFeed {
width:625px;
height:650px;
background: #fff;
overflow: hidden;
}
*/

/*
#storeFeed {
width:500px;
height:650px;
background: #fff;
overflow: hidden;
}
*/

/* ---- misc ---- */
.clear {
clear:both;
height:15px;
}