/* --------------------------
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:#f1f1f1;
font:normal 11px/13px "Lucida Grande", arial,verdana,sans-serif;
letter-spacing: 1px;
color:#0a0d12;
}
p {
padding:6px;
}
ul li {
list-style: none;
}
a {
text-decoration:underline;
color:#fff;
}
a:hover {
text-decoration:underline;
color:#b1b1b1;
}
// kill outline on links
:active {
border: 0;
}
:focus {
outline: 0;
}


/* #313131 dark
	#b1b1b1 light */

/* ----  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/Mash_Logo.png) no-repeat;
}
a.logo:hover {
background: url(../_img/Mash_Logo.png) -54px 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:#313131;
}
#nav li a:hover, #nav li a.on {
color:#b1b1b1;
}

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

/* ---- 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, #location, #photoSets, #store, #mailingListHolder, #press, #cross, #rides, #vimeo, #cinelliHome, #tweetPreview {
width:267px;
height:153px;
margin:0 0 12px 14px;
border: 1px solid #313131;
overflow:hidden;
float:left;
}

#arkitip a, #location a, #photoSets a, #store a, #press a, #cross a, #rides 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;
}

#location{
background: url("../_img/fp_modules/location.jpg");

}



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

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

#storeSlideshow a, #locationFader a, #video a, #blogPreview a {
display:block;
padding: 5px 0 0 5px;
width:545px;
height:316px;
}
#storeSlideshow{
position: relative;
}
#storeSlideshow li a{
padding: 0;
}
#storeSlideshow span {
position: absolute;
top: 5px;
left: 5px;
z-index: 999;
text-decoration: underline;
}
.double {
height:336px;
width:267px;
margin-right:16px;
float:left;
}

/* ---- home page module backgrounds ---- */
#photoSets {
background-image: url(../_img/fp_modules/photosets_1.jpg);
}
#store {
/* background-image: url(../_img/fp_modules/store_2.jpg); */
}
#store a:link, #store a:visited{
color: #000;
}
#store a:hover{
color: #b1b1b1;
}
#press {
background-image: url(../_img/fp_modules/press_1.jpg);
}
#arkitip {
background-image: url(../_img/fp_modules/arkitip.jpg);
}
#vimeo {
background-image: url(../_img/fp_modules/vimeo_1.jpg);
}
#cinelliHome {
background-image: url(../_img/fp_modules/cinelli_page_1.jpg);
}
#tweetPreview {
background-image: url(../_img/fp_modules/tweet_1.jpg);
}
#cross{
background: url(../_img/fp_modules/crossThumb.jpg) no-repeat;
}
#rides{
background: url(../_img/fp_modules/rides.jpg) no-repeat;
}

/* temp */
#blogPreview {
background-image: url(../_img/fp_modules/mash-blog_img.jpg);
-o-background-size: 550px auto;
-webkit-background-size: 550px auto;
-khtml-background-size: 550px auto;
-moz-background-size: 550px auto;
background-size: 550px auto;
}

/* ---- gallery page ---- */
.gallery {
width:275px;
height:153px;
margin:0 0 12px 14px;
border: 1px solid #313131;
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 */
#Vegas-Extras{
background-image: url(../_img/video_modules/vegasExtras.jpg);
}
#vegas {
background-image: url(../_img/video_modules/vegas.jpg);
}
#chas-vittoria {
background-image: url(../_img/video_modules/chas.jpg);
}
#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 */
#project_space {
background-image: url(../_img/photos_modules/project_space.jpg);
}
#mt_diablo {
background-image: url(../_img/photos_modules/mt_diablo.jpg);
}
#breakers {
background-image: url(../_img/photos_modules/breakers.jpg);
}
#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 {
color:#313131;
}
.links a:hover {
color:#b1b1b1;
}

.links a:visited {
color:#1d92cf;
}

#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;
color:#fff;
}

.formButn {
background:#000;
color:#fff;
padding:2px 5px 2px 5px;
text-decoration: underline;
cursor: pointer;
}
.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;
}
#contact a {
color:#313131;
}
#contact a:hover {
color:#b1b1b1;
}

/* ---- 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;
}
/* Location Page - Added by Dean on June 22, 2011 */

#locationMap iframe{
border:1px solid #313131;
width: 267px;
height: 153px;
margin: 0 0 14px 14px;
float: left;
}
#mashLocationImage{
border:1px solid #313131;
width: 550px;
height: 320px;
margin: 0 0 14px 14px;
float: left;
}
#locationInfo{
   border: 1px solid #313131;
	float: left;
   height: 143px;
   margin: 0 0 12px 14px;
   overflow: hidden;
   width: 257px;
   padding: 5px;
   background: #fff;
}
#locationInfo h2{
	margin: 6px;
}
#locationInfo p{
padding-bottom: 0;
}
#mashMap{
border: 1px solid #313131;
margin: 0 0 12px 14px;
	float: left;
	width: 267px;
	   height: 153px;
}
#formContainer{
float: left;
}
#formContainer input, #formContainer textarea {
padding: 2px;
border: 1px solid #ccc;

}