html,body {
height:100%;
}

.navi ul li a,.featured-one .grid_4,.bw_to_color img,.gallerypage a {
-webkit-transition:opacity .1s linear;
}

body {
background:url(/__cache/a1251733122/css/images/bg.png) top center no-repeat #000;
}

p {
line-height:1.68em;
}

hr {
background:#4d4d4d;
height:1px;
border:none;
margin:18px 0;
}

object,embed {
background:#000!important;
}

.loading {
background:url(/__cache/a1251745805/css/images/loading-pk.gif) center center no-repeat;
display:block;
}

.header {
background:url(/__cache/a1253142020/css/images/header-compressed.gif) top center repeat-x;
height:132px;
display:block;
}

.header h1 a {
display:block;
width:177px;
height:131px;
background:url(/__cache/a1251733122/css/images/h1-logo.png);
}

.header .navi {
width:730px;
}

.header .logo {
width:190px;
}

.header .navi ul {
margin:10px 0 0;
}

.header .navi ul li {
list-style:none;
float:left;
margin-right:77px;
}

.header .navi ul li a {
display:block;
background:url(/__cache/a1253130127/css/images/navi.png);
text-indent:-9999em;
height:11px;
opacity:1;
}

.header .navi ul li a:hover,.header .navi ul li a.active {
opacity:0.3;
}

.header .navi ul li.home a {
background-position:0 0;
width:42px;
}

.header .navi ul li.blog a {
background-position:-90px 0;
width:40px;
}

.header .navi ul li.gallery a {
background-position:-178px 0;
width:66px;
}

.header .navi ul li.video a {
background-position:-290px 0;
width:47px;
}

.header .navi ul li.roc-timeline a {
background-position:-385px 0;
width:102px;
}

.header .navi ul li.diamond a {
background-position:-535px 0;
width:75px;
}

.header .navi ul li.roc4life a {
background-position:-658px 0;
width:69px;
}

.featured-one {
position:relative;
height:274px;
margin-top:17px;
display:block;
border:1px solid #000;
}

.featured-one .grid_12 {
position:absolute;
top:0;
left:0;
height:272px;
}

.featured-one .grid_4 {
position:absolute;
top:0;
left:0;
background:url(/__cache/a1251733122/css/images/opac-featured-one.png);
height:272px;
z-index:1000;
border-right:solid 1px #7d7d7d;
}

.featured-one .grid_4 .inside {
padding:20px;
}

.featured-one .bw_to_color {
width:940px;
height:272px;
display:block;
}

.featured-one .grid_12 img {
-webkit-box-shadow:0 0 25px rgba(255,255,255,0.2);
}

.bw_to_color,.cycle {
position:relative;
z-index:1;
display:block;
}

.featured-four {
_height:300px;
margin-top:10px;
}

.featured-four .post h2 {
margin-top:.4em;
letter-spacing:1px;
margin-bottom:.1em;
}

.featured-four .post .bw_to_color {
width:220px;
height:148px;
}

.featured-four .post img {
border:solid 1px #7d7d7d;
-webkit-box-shadow:0 0 10px rgba(255,255,255,0.2);
}

.featured-four .post:hover img {
border:solid 1px #FFF;
}

.featured-four .post p {
font-size:11px;
color:#FFF;
margin-top:.4em;
margin-bottom:0;
line-height:16px;
}

.featured-four .post a.read-more {
text-transform:uppercase;
font-size:10px;
letter-spacing:1px;
font-family:Gill Sans;
float:right;
}

.featured-four .post {
position:relative;
}

.roc4life_and_tweets .ads_300x250 {
margin-right:8px;
}

.roc4life_and_tweets .roc4life_feed {
font-size:10px;
color:#FFF;
}

.roc4life_and_tweets .roc4life_feed .article {
margin-bottom:19px;
}

.roc4life_and_tweets .roc4life_feed .article p {
margin-bottom:3px;
line-height:17px;
font-size:11px;
}

.roc4life_and_tweets .roc4life_feed .article .meta {
font-size:9px;
text-transform:uppercase;
color:#959595;
letter-spacing:1px;
font-family:Gill Sans;
}

.roc4life_and_tweets .roc4life_feed .article h2 a {
color:#fadc76;
font-size:14px;
text-transform:uppercase;
}

.roc4life_and_tweets .roc4life_feed .article:hover/*,.roc4life_and_tweets .roc4life_feed .article:hover h2 a,.roc4life_and_tweets .roc4life_feed .article:hover .meta a*/ {
color:#FFF;
cursor:pointer;
}

.roc4life_and_tweets .roc4life_feed .article img {
border:solid 1px #7d7d7d;
-webkit-transition:all .4s linear;
-webkit-box-shadow:0 0 25px rgba(255,255,255,0.1);
}

.roc4life_and_tweets .roc4life_feed .article:hover img {
border:solid 1px #FFF;
-webkit-box-shadow:0 0 25px rgba(255,255,255,0.2);
}

.roc4life_and_tweets h2.title {
margin-bottom:.5em;
letter-spacing:1px;
}

.roc4life_and_tweets .roc4life_tweets h2.title {
margin-bottom:.4em;
}

.roc4life_and_tweets .tweet {
line-height:1.3em;
margin-bottom:8px;
font-size:.95em;
}

.roc4life_and_tweets .tweet a {
color:#999;
-webkit-transition:all .4s linear;
}

.roc4life_and_tweets .tweet .meta {
margin-top:1px;
display:block;
}

.roc4life_and_tweets .tweet .meta,.roc4life_and_tweets .tweet .meta a {
color:#474747;
text-transform:uppercase;
font-size:9px;
letter-spacing:1px;
font-family:Gill Sans;
}

.roc4life_and_tweets .roc4life_feed.loading,.roc4life_and_tweets .roc4life_tweets.loading {
height:250px;
background:url(/__cache/a1251745805/css/images/loading-pk.gif) center center no-repeat;
}

.footer .logo {
width:185px;
}

.footer .navi {
width:735px;
}

.footer .logo a {
display:block;
background:url(/__cache/a1251740375/css/images/footer-rocawear.png) transparent;
width:185px;
height:44px;
}

.footer .navi ul li {
list-style:none;
float:left;
}

.footer .navi ul.upper {
margin:3px 0 12px;
}

.footer .navi ul.upper li {
margin-right:77px;
}

.footer .navi ul.upper li a {
font-family:Gill Sans;
font-weight:strong;
text-transform:uppercase;
font-size:1.2em;
color:#999;
letter-spacing:.07em;
}

.footer .navi ul.lower li {
margin-right:20px;
font-size:.8em;
letter-spacing:.1em;
}

.footer .navi ul.lower li.last {
margin-right:0;
text-align:right;
float:right;
}

.footer .navi ul.lower li a {
color:#333;
text-transform:uppercase;
font-weight:strong;
font-family:Gill Sans;
}

.blogposts {
padding-top:20px;
}

.blogposts .title {
font-family:Gill Sans;
text-transform:uppercase;
color:#fff;
}

.blogposts h2.title {
font-size:1.65em;
letter-spacing:.05em;
margin-bottom:10px;
}

.blogposts .post {
color:#fff;
margin-bottom:3em;
}

.blogposts .post p {
font-size:12px;
}

.blogposts .post .meta {
text-transform:uppercase;
font-size:.8em;
margin-top:10px;
letter-spacing:.05em;
color:#999;
}

.blogposts .controls {
border-top:solid 1px #111;
border-bottom:solid 1px #111;
padding:10px 0;
}

.blogposts .controls a {
font-family:Gill Sans;
text-transform:uppercase;
font-size:1.5em;
color:#fadc76;
letter-spacing:.05em;
}

.blogposts .controls a.hidden {
color:#111;
}

.blogposts .controls a.hidden:hover {
color:#111!important;
}

.blogposts .featured_content .entry {
margin-bottom:20px;
border:solid 1px #7d7d7d;
width:298px;
-webkit-box-shadow:0 0 25px rgba(255,255,255,0.2);
}

.blogposts .comments {
margin-bottom:3em;
width:600px;
}

.blogposts .comments h2.title {
margin-bottom:.3em;
}

.blogposts .comments h3.title {
font-size:1.1em;
letter-spacing:.05em;
margin-bottom:.25em;
color:#fadc76;
}

.blogposts .comments .date {
font-size:.8em;
letter-spacing:.05em;
color:#999;
text-transform:uppercase;
}

.blogposts .comments .border-right {
border-right:solid 1px #333;
height:70px;
margin-right:9px;
}

.blogposts .comments .border-left {
border-left:solid 1px #333;
margin-left:0;
padding-left:9px;
}

.blogposts .comments .mt {
margin-top:5px;
}

.blogposts .comments p {
color:#FFF;
font-size:11px;
line-height:16px;
margin:0;
}

.blogposts .comment {
padding-bottom:25px;
width:400px;
}

.blogposts .comment.last {
padding-bottom:0;
}

.blogposts .post-a-comment .text {
border:solid 1px #666;
background:#080808;
color:#FFF;
font-family:Helvetica;
margin-top:0;
font-size:12px;
width:364px;
padding:8px;
}

.blogposts .post-a-comment textarea {
width:368px;
height:125px;
}

.blogposts .post-a-comment .text:focus {
border:solid 1px #333;
color:#fadc76;
}

.blogposts .post-a-comment .submit {
background:#fadc76;
color:#000;
text-transform:uppercase;
margin-top:5px;
font-family:Helvetica;
font-size:10px;
letter-spacing:2px;
font-weight:700;
border:solid 1px #fadc76;
padding:10px 12px 8px;
}

.blogposts .post-a-comment .submit:hover {
cursor:pointer;
color:#fadc76;
background:#080808;
border:solid 1px #333;
}

.blogroll li {
list-style:none;
margin-bottom:10px;
}

.blogroll li a {
font-size:12px;
line-height:22px;
text-transform:uppercase;
color:#999;
}

.blogposts .post img {
border:solid 1px #7d7d7d;
-webkit-box-shadow:0 0 25px rgba(255,255,255,0.3);
}

.blogposts .featured_content .entry object,.blogposts .featured_content .entry embed {
width:298px;
}

.blogposts .more-posts h2 {
font-size:16px;
margin-bottom:.1em;
margin-top:.2em;
}

.blogposts .more-posts h2 a {
color:#fadc76;
text-transform:uppercase;
}

.blogposts .more-posts img {
width:140px;
height:auto;
margin-bottom:5px;
border:solid 1px #333;
}

.blogposts .more-posts p {
font-size:11px;
color:#FFF;
}

input[type=text],input[type=password],input.text,input.title,textarea,select {
margin:.5em 0;
}

label.error {
display:block;
color:#333;
font-size:9px;
letter-spacing:2px;
text-transform:uppercase;
padding:8px 8px 16px;
}

.gallerypage a {
display:block;
float:left;
}

.gallerypage img {
margin-bottom:10px;
}

.gallerypage .whole img {
width:940px;
}

.gallerypage .half img {
width:465px;
}

.gallerypage .quarters a {
margin-right:10px;
}

.gallerypage .quarters img {
width:227.5px;
}

.gallerypage .grid_6 {
width:465px;
margin-right:10px;
}

.gallerypage .grid_6.last {
margin-left:0;
}

.videopage .main-video {
border:solid 1px #444;
width:938px;
margin-top:20px;
margin-bottom:20px;
}

.videopage .main-video .caption {
width:259px;
min-height:326px;
background:#000;
border-right:solid 1px #444;
padding:20px;
}

.videopage .main-video .embed_video {
width:638px;
}

.videopage .main-video .caption h2 {
font-family:Gill Sans;
font-size:1.7em;
margin-bottom:.25em;
color:#fadc76;
text-transform:uppercase;
letter-spacing:.05em;
}

.videopage .main-video .caption .meta {
color:#999;
text-transform:uppercase;
font-size:.8em;
margin-bottom:.75em;
display:block;
}

.videopage .main-video .caption p {
margin-bottom:.75em;
color:#FFF;
}

.videopage .main-video .caption a.checkitout {
color:#fadc76;
display:block;
}

.videopage .video {
margin-bottom:1em;
}

.videopage .video object {
border:solid 1px #444;
}

.videopage .video object,.videopage .video embed {
display:block;
margin-bottom:.25em;
}

.videopage .video h2 {
font-size:1.2em;
line-height:1.68em;
letter-spacing:.02em;
margin-bottom:3px;
margin-top:10px;
color:#fadc76;
text-transform:uppercase;
}

.diamondspage {
margin-top:20px;
}

.diamondspage .instructions {
border:solid 1px #444;
width:278px;
background:url(/__cache/a1251733122/css/images/diamonds-instructions-bg.png) repeat-x;
height:253px;
padding:38px 10px;
}

.diamondspage .instructions p {
margin-bottom:0;
font-size:1.7em;
}

.diamondspage .instructions p a {
margin-bottom:0;
color:#FFF;
}

.diamondspage .instructions p,.diamondspage .instructions h1 {
color:#FFF;
font-family:Gill Sans;
text-transform:uppercase;
}

.diamondspage .instructions h1 {
font-size:1.5em;
}

.diamondspage .instructions span.big {
font-size:1.2em;
}

.diamondspage .instructions span.small {
font-size:1em;
color:#FFF;
}

.diamondspage .instructions span.email {
text-transform:lowercase;
}

.diamondspage .diamond-single {
margin-bottom:20px;
}

.diamondspage .diamond-single a {
position:relative;
width:100%;
overflow:hidden;
display:block;
border:solid 1px #333;
}

.diamondspage .grid_2.diamond-single a {
width:140px;
height:140px;
}

.diamondspage .grid_8.diamond-single a {
width:618px;
height:329px;
}

.diamondspage .diamond-single .tag {
position:absolute;
bottom:0;
right:0;
background:url(/__cache/a1251733122/css/images/diamonds-tag-bg.png);
color:#fadc76;
padding:10px;
}

.diamondspage .controls {
font-size:1.5em;
color:#FFF;
font-family:Gill Sans;
text-transform:uppercase;
}

.diamondspage .controls a {
color:#fadc76;
margin:0 10px;
}

.diamondspage .controls .previous {
padding-left:20px;
margin-right:40px;
}

.diamondspage .controls .next {
padding-right:20px;
margin-left:40px;
}

.diamondspage .controls .next.loading {
background:url(/__cache/a1251733122/css/images/loading.gif) center right no-repeat;
}

.diamondspage .controls .previous.loading {
background:url(/__cache/a1251733122/css/images/loading.gif) center left no-repeat;
}

.timelinepage .slide {
background:url(/__cache/a1251915924/css/images/timeline-bg.png) top left repeat-x;
min-height:500px;
}

.timelinepage .slide.active {
background-position:top right;
}

.timelinepage .slide h2 {
background:url(/__cache/a1251733122/css/images/timeline-h2-bg.png) center 18px no-repeat;
margin-top:10px;
margin-bottom:0;
font-family:Baskerville;
color:#FFF;
font-style:italic;
}

.timelinepage .slide .slideshow {
margin-bottom:5px;
margin-top:8px;
}

.timelinepage .slide p {
font-weight:lighter;
color:#ebebeb;
}

.nooverflow-x {
overflow-x:hidden;
}

.timelinepage .timeline-container {
position:relative;
width:940px;
height:520px;
margin-top:20px;
}

.timelinepage .timeline-container .inside {
position:absolute;
top:0;
left:0;
padding-left:239px;
}

.timelinepage .timeline-container .content {
padding:0 20px;
}

.timelinepage .timeline-container .content img {
width:100%;
}

.timelinepage .timeline-container .content h3 {
color:#fadc76;
text-transform:uppercase;
margin-bottom:6px;
}

.timelinepage .timeline-container .prev-arrow {
position:absolute;
top:50%;
margin-top:-75px;
left:180px;
}

.timelinepage .timeline-container .next-arrow {
position:absolute;
top:50%;
margin-top:-75px;
right:180px;
}

.timelinepage .timeline-container .an-arrow {
display:block;
}

.timelinepage .timeline-container .slideshow img {
width:auto;
height:auto;
max-height:285px;
max-width:420px;
}

.timelinepage .timeline-container .slideshow a {
width:420px;
text-align:center;
}

.timelinepage .overlay {
position:absolute;
top:180px;
height:470px;
width:30%;
}

.timelinepage .overlay a {
display:block;
height:100%;
}

.timelinepage .overlay.next {
right:0;
background:url(/__cache/a1251733122/css/images/timeline-hide-right.png) top left repeat-y;
}

.timelinepage .overlay.prev {
left:0;
background:url(/__cache/a1251733122/css/images/timeline-hide-left.png) top right repeat-y;
}

.timelinepage .guides ul {
border-top:solid 1px #1b1b1b;
margin:0;
padding:12px 0 0;
}

.timelinepage .guides ul li {
list-style:none;
display:inline;
margin:0 23px;
}

.timelinepage .guides ul li a {
color:#333;
font-family:Baskerville;
font-style:italic;
font-size:1.5em;
font-weight:lighter;
}

.featured-four .post:hover img,.ad_728x90:hover,.ads_300x250:hover,.videopage .video:hover object,.main-video:hover,.main-video:hover .caption,.diamondspage .instructions:hover,.diamondspage .diamond-single a:hover,.blogposts .post:hover img,.blogposts .featured_content .entry:hover,.blogposts .more-posts div:hover img {
cursor:pointer;
border-color:#FFF;
}

.featured-one .container,.featured-one .container .grid_4,.featured-four .post img,.ad_728x90,.ads_300x250,.videopage .video object,.main-video,.main-video .caption,.diamondspage .instructions,.diamondspage .diamond-single a,.blogposts .post img,.blogposts .featured_content .entry {
-webkit-transition:border .3s linear;
}

.gallerypage a:hover {
opacity:0.7!important;
}

.header h1,.roc4life_and_tweets .roc4life_feed .article.last,.roc4life_and_tweets .roc4life_feed .article h2,.roc4life_and_tweets .tweet.last {
margin-bottom:0;
}

.header h1 a span,.footer .logo a span,.timelinepage .overlay a span {
display:none;
}

.header .navi ul li.roc4life,.footer .navi ul.upper li.last,.gallerypage .quarters a.last {
margin-right:0;
}

.header .ad_728x90,.gallerypage {
margin-top:10px;
}

.featured-one h2,.blogposts .post p,.blogposts .post h2,.blogposts .post img {
margin-bottom:.5em;
}

.featured-one h2 a,.featured-four .post h2 a,.roc4life_and_tweets h2.title a {
font-family:Gill Sans;
color:#FFF;
text-transform:uppercase;
font-size:18px;
}

.featured-one p,.roc4life_and_tweets .roc4life_feed .article .meta a:hover,.roc4life_and_tweets .roc4life_feed .article h2 a:hover,.roc4life_and_tweets .tweet:hover,.blogposts .post a:hover,.blogposts .more-posts h2 a:hover,.diamondspage .controls a.current,.diamondspage .controls a .alt,.timelinepage .slide.active p,.timelinepage .guides ul li.active a,.timelinepage .guides ul li a:hover,.featured-four .post:hover a,.blogposts .post .meta a.hover:hover,.blogposts .controls a:hover,.videopage .video:hover h2 a,.videopage .main-video .caption a.checkitout:hover,.videopage .main-video:hover .caption h2 a,.blogroll li a:hover,.diamondspage .controls a:hover {
color:#FFF;
}

.bw_to_color img,.cycle img,.diamondspage .diamond-single a img {
position:absolute;
top:0;
left:0;
}

.featured-four .post h2 a:hover,.featured-four .post a,.roc4life_and_tweets .roc4life_feed .article a,.roc4life_and_tweets .tweet:hover a,.roc4life_and_tweets .tweet a:hover,.roc4life_and_tweets .tweet .meta a,.blogposts .post h2,.blogposts .post h2 a,.blogposts .post a,.blogposts .post .meta a,.videopage a,.diamondspage .instructions span,.diamondspage .controls a:hover .alt,.timelinepage .timeline-container .content a {
color:#fadc76;
}

.footer .navi ul,.blogroll {
margin:0;
}

.footer .navi ul.upper li a.active,.footer .navi ul.upper li a:hover,.footer .navi ul.lower li a.active,.footer .navi ul.lower li a:hover,.blogposts .title a,.videopage .video p {
color:#fff;
}