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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:arial, verdana, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

#fb-root{
	width:100%;
}

body{
	background:url(../_graphics/body_bg.jpg) no-repeat top center;
	padding-top:4px;
	font-size:12px;
	line-height:16px;
}

strong{
	font-weight:bold;
}

html{
	background:url(../_graphics/html_bg.jpg) repeat-y top center #cdcdce;
}

#loading{
	position:absolute;
	top:580px;
	left:50%;
	margin-left:328px;
	display:none;
}

p{
	margin-bottom:16px;
}

#post_details{
	color:#777;
}

/*Menu*/

#stitching{
	height:12px;
	position:absolute;
	top:22px;
	width:100%;
	left:0;
}

.c1 #stitching{	background:url('../_graphics/stichingred_top.gif') top center no-repeat; }
.c2 #stitching{	background:url('../_graphics/stitching_blue.gif') top center no-repeat; }
.c4 #stitching{	background:url('../_graphics/stitching_purple.gif') top center no-repeat; }
.c5 #stitching{	background:url('../_graphics/stitching_green.gif') top center no-repeat; }

#div_lang{
	padding-left:8px;
}

.a_lang img{
	position:relative;
	top:2px;
}

#div_lang .selected img{
	border:#A52735 1px dashed;
	top:3px;
}

#ul_menu{
	background:url(../_graphics/ul_menu.png) 0 0 no-repeat;
	width:802px;
	height:32px;
	text-indent:-9999px;
	position:relative;
	display:block;
	margin:0 auto;
}

body.fr #ul_menu{
	background-image:url(../_graphics/ul_menu_fr.png);
	width:760px;
}

#ul_menu li{
	position:absolute;
	top:0;
	height:32px;
}

#ul_menu li a{
	display:block;
	height:100%;
	width:100%;
}

#ul_menu li a:hover{
 background:url(../_graphics/hover.png);
}

#li_projects{width:116px;left:2px;}
#li_about_seed{width:121px;left:120px;}
#li_about_volcom{width:160px;left:243px;}
#li_press{width:72px;left:405px;}
#li_links{width:70px;left:479px;}
#li_contact{width:108px;left:551px;}
#li_sign_up{width:139px;left:661px;}

body.fr #li_projects{width:101px;left:2px;}
body.fr #li_about_seed{width:63px;left:105px;}
body.fr #li_about_volcom{width:100px;left:170px;}
body.fr #li_press{width:81px;left:272px;}
body.fr #li_links{width:69px;left:355px;}
body.fr #li_contact{width:107px;left:426px;}
body.fr #li_sign_up{width:223px;left:535px;}

/* Active states */
body#home #ul_menu #li_projects, body#about-seed #ul_menu #li_about_seed, body#about-volcom #ul_menu #li_about_volcom, body#press #ul_menu #li_press, 
body#links #ul_menu #li_links, body#contact #ul_menu #li_contact, body#sign-up #ul_menu #li_sign_up{ background:url(../_graphics/hover.png);}



/* TITLES */
#h1_seed a{
	display:block;
	background:url(../_graphics/h1_seed.png);
	text-indent:-9999px;
	height:121px;
	width:468px;
	margin:20px auto 30px auto;
}

#h3_volcom_presents{
	text-indent:-9999px;
	height:17px;
	width:343px;
	margin: 0 auto 0 auto;
}

.c1 #h3_volcom_presents{background:url(../_graphics/titles.png);}
.c4 #h3_volcom_presents{background:url(../_graphics/titles.png) 0 -61px;}
.c3 #h3_volcom_presents{background:url(../_graphics/titles.png) 0 -40px;}
.c2 #h3_volcom_presents{background:url(../_graphics/titles.png) 0 -20px;}
.c5 #h3_volcom_presents{background:url(../_graphics/titles.png) 0 -920px;}
 
h2{
	text-indent:-9999px;
}

#h2_paris_project{
	background:url(../_graphics/titles.png) 0 -192px;
	height:28px;
	width:218px;
}
body.fr #h2_paris_project{
	background-position:0 -722px;
}

#h2_paris_event{
	background:url(../_graphics/titles.png) 0 -99px;
	height:28px;
	width:173px;
}
body.fr #h2_paris_event{
	background-position:0 -629px;
	width:226px;
}

#h2_paris_winner{
	background:url(../_graphics/titles.png) 0 -287px;
	height:28px;
	width:204px;
}
body.fr #h2_paris_winner{
	background-position:0 -816px;
	width:226px;
}

#h2_paris_blog{
	background:url(../_graphics/titles.png) 0 -378px;
	height:28px;
	width:200px;
}

#h2_berlin_project{
	background:url(../_graphics/titles.png) -469px -300px;
	height:28px;
	width:228px;
}

#h2_berlin_event{
	background:url(../_graphics/titles.png) -469px -269px;
	height:28px;
	width:183px;
}

#h2_berlin_winner{
	background:url(../_graphics/titles.png) -469px -206px;
	height:28px;
	width:210px;
}

#h2_berlin_blog{
	background:url(../_graphics/titles.png) -469px -237px;
	height:28px;
	width:271px;
}

#h2_london_project{
	background:url(../_graphics/titles.png) 0 -255px;
	height:28px;
	width:218px;
}

#h2_london_event{
	background:url(../_graphics/titles.png) 0 -161px;
	height:28px;
	width:173px;
}

#h2_london_winner{
	background:url(../_graphics/titles.png) 0 -348px;
	height:28px;
	width:204px;
}

#h2_london_blog{
	background:url(../_graphics/titles.png) 0 -440px;
	height:28px;
	width:261px;
}

#h2_seed_blog{
	background:url(../_graphics/titles.png) 0 -410px;
	height:28px;
	width:416px;	
}

#h2_seed_collection{
	background:url(../_graphics/titles.png) 0 -410px;
	height:28px;
	width:308px;	
}


h3{
	font-size:14px;
	font-weight:bold;
}

.c1 #h3_volcom_presents { background:url(../_graphics/titles.png) 0 0; }
.c2 #h3_volcom_presents { background:url(../_graphics/titles.png) 0 -20px; }
.c3 #h3_volcom_presents { background:url(../_graphics/titles.png) 0 -40px; }

/*Layout*/

#black_bar{
	background:url(../_graphics/black_bg.jpg);
	color:#fff;
}

#footer{
	background:#181818;
	font-size:10px;
	padding:5px 0;
	color:#fff;
}

#footer a{
	color:#fff;
	text-decoration:none;
	margin-right:5px;
}

#footer a:hover{
	color:#aaa;
}

#site_credit{
	float:left;
}

#ul_socnets{
	float:right;
	display:block;
	position:relative;
	text-indent:-9999px;
	background:url('../_graphics/titles.png') -25px -489px;
	width:114px;
	height:12px;
	margin-top:2px;
}

#ul_socnets a{
	display:block;
	height:100%;
	width:100%;
}

#li_facebook{
	position:absolute;
	left:0;
	top:0;
	width:57px;
	height:12px;
}

#li_twitter{
	height:12px;
	position:absolute;
	left:63px;
	top:0;
	width:51px;
}


#ul_footer{
	margin-left:240px;
}

#footer li{
	float:left;
	margin-right:5px;
	display:inline;
}

#footer_content{
	width:960px;
	margin:0 auto;
}

.div760{
	width:760px;
	margin:0 auto;
}

.div560{
	width:560px;
	margin:0 auto;
}

.white{
	color:#fff !important;
}


#top_link{
	position:absolute;
	left:50%;
	display:block;
	height:58px;
	width:17px;
	background:url(../_graphics/titles.png) 0 -487px;
	margin-left:370px;
	top:640px;
	text-indent:-9999px;
	cursor:pointer;
	display:none;
}

#top_link:hover{
	cursor:pointer;
}


.cWrap{
	padding:15px;
	background:url(../_graphics/cWrap_bg.png);
	border:none 10px #191919;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

#col1{
	width:530px;
	float:left;
	display:inline;
	margin-right:20px;
	margin-top:12px;	
	padding-top:15px;
}

#col2{
	width:190px;
	margin-top:12px;	
	padding-top:15px;
	display:inline;
	float:left;
}

.c1 #col1{ background:url(../_graphics/stichingred_top.gif) no-repeat; }
.c1 #col2{ background:url(../_graphics/stichingred_top.gif) no-repeat top right; }
.c4 #col1{ background:url(../_graphics/stitching_purple.gif) no-repeat; }
.c4 #col2{ background:url(../_graphics/stitching_purple.gif) no-repeat top right; }
.c2 #col1{ background:url(../_graphics/stitching_blue.gif) no-repeat; }
.c2 #col2{ background:url(../_graphics/stitching_blue.gif) no-repeat top right; }
.c5 #col1{ background:url(../_graphics/stitching_green.gif) no-repeat; }
.c5 #col2{ background:url(../_graphics/stitching_green.gif) no-repeat top right; }

/* TOP PANELS*/

#panel_holder{
	padding:20px 0;
}

#panels{
	width:627px;
	height:282px;
	overflow:hidden;
	float:left;
	display:inline;
	margin-right:10px;
}

#seed_panel{
	display:block;
	width:627px;
	height:282px;
	background:url(../_graphics/seed_panel.jpg);
}

/* LONDON PANEL */

#london_panel{
	display:block;
	width:627px;
	height:282px;
	background:url(../_graphics/london_panel.jpg);
	position:relative;
}

#london_panel_links{
	position:absolute;
	font-weight:bold;
	top:215px;
	left:13px;
}

#london_panel_links a{
	text-decoration:none;
	text-transform:uppercase;
	color:#682651 !important;
	margin:0 5px;	
}


/* SEED PANEL */
#seed_panel_links a{
	text-decoration:none;
	text-transform:uppercase;
	color:#1e86b2 !important;
	margin:0 5px;	
}

#seed_panel{
	position:relative;
}

#seed_panel_links{
	position:absolute;
	font-weight:bold;
	top:215px;
	left:13px;
}

/* PARIS PANEL */

#paris_panel{
	display:block;
	width:627px;
	height:282px;
	background:url(../_graphics/paris_panel.jpg);
	position:relative;
}

#berlin_panel{
	display:block;
	width:627px;
	height:282px;
	background:url(../_graphics/berlin_panel.jpg);
	position:relative;
}

body.fr #paris_panel{
	background:url(../_graphics/paris_panel_fr.jpg);
}

#berlin_panel p, #paris_panel p, #london_panel p{
	display:block;
	text-indent:-9999px;
}

#paris_panel_links{
	position:absolute;
	font-weight:bold;
	top:215px;
	left:13px;
}

#berlin_panel_links{
	position:absolute;
	font-weight:bold;
	top:226px;
	left:12px;
}

#paris_panel_links a{
	text-decoration:none;
	text-transform:uppercase;
	color:#A52735 !important;
	margin:0 5px;
}

#berlin_panel_links a{
	text-decoration:none;
	text-transform:uppercase;
	color:#82a760 !important;
	margin:0 5px;
}


#berlin_panel_links a:hover, #paris_panel_links a:hover, #london_panel_links a:hover, #seed_panel_links a:hover{
	text-decoration:underline;
}

#div_nav{
	background:url(../_graphics/nav_bg.png);
	height:32px;
}

#panel_thumbs{
	width:121px;
	float:left;
}

#panel_thumbs a{
	display:block;
	width:121px;
	height:64px;
	text-indent:-9999px;
	background-image:url(../_graphics/collection_thumbs_2.jpg);
}

#a_berlin, #a_paris, #a_seed_collection{ margin-bottom:9px; }

#a_paris{ background-position:0px -145px;}
#a_seed_collection{ background-position:0px 0px;}
#a_london{ background-position:0px -216px;}
#a_berlin{ background-position:0px -73px;}

#a_paris:hover, #a_paris.active_paris{ background-position:-122px -145px;}
#a_seed_collection:hover, #a_seed_collection.active_seed{ background-position:-122px 0px;}
#a_london:hover, #a_london.active_london{ background-position:-122px -216px;}
#a_berlin:hover, #a_berlin.active_berlin{ background-position:-122px -73px;}

.c1 #div_nav{ background-color:#a52735; }
.c2 #div_nav{ background-color:#1e86b2; }
.c3 #div_nav{ background-color:#41455e; }
.c4 #div_nav{ background-color:#682651; }
.c5 #div_nav{ background-color:#678a46; }

.c1 h3, .c1 a{ color:#a52735;}
.c2 h3, .c2 a{ color:#1e86b2;}
.c3 h3, .c3 a{ color:#41455e;}
.c4 h3, .c4 a{ color:#682651;}
.c5 h3, .c5 a{ color:#678a46;}

#main_content{
	width:760px;
	margin:0 auto;
	padding:26px 0 50px 0;
}

#post_list{
	line-height:20px;
}

#post_list li{
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
}

.post_wrap img{
	width:495px;
}

a.selected{
	color:#000;
}

.a_blog_link{
	text-decoration:none;
}

.a_blog_link:hover{
	color:#777;
}

/*Sign up form*/
#form_wrap{
	width:265px;
	margin:0 auto;
}

#form_wrap .txt_input{
	border:none;
	font-size:12px;
}

#form_wrap #submit{
	border:none;
	background:#41455e;
	color:#fff;
	padding:1px 5px;
}

#ul_links{
	background:url('../_graphics/ul_links.gif');
	display:block;
	width:131px;
	height:67px;
	text-indent:-9999px;
	position:relative;
	margin:0 auto;
}

.red{ color:#ce0000 !important; }

#ul_links li{
	position:absolute;
	left:0;
	height:27px;
}

#ul_links li a{
	display:block;
	height:100%;
	width:100%;	
}

#li_facebook_link{top:0; width:131px;}
#li_twitter_link{top:44px; width:131px;}


/* --------- CLEARFIX --------- */

/* full clearfix */
/* add to floating elements which should not float afterthem */ 
* html .cf {
   height: 1%; /* IE5-6 */
   }
* + html .cf {
	display: inline-block; /* IE7not8 */
	}
.cf:after { /* FF, IE8, O, S, etc. */
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }