body {
    background: url('https://imgcdn.surfing-waves.com/media/images/wavecut.png') repeat;
    font: 12px Verdana;
    color: #7b7b7b;
    margin: 0;
}

#container {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    font: 12px Verdana;
    color: #7b7b7b;
}

a.tag {
    font-weight: bold !important;
    color: #7b7b7b !important;
    font: bold 11px Verdana !important;
}

a.tag:hover {
    color: #347cbd !important;
    text-decoration: none;
}



h1 {
    font: 24px Verdana;
    color: #347cbd;
}

h2,  h3,  h4,  h4 a {
    font: 20px Verdana;
    color: #347cbd;
}

#content {
    background: #fff;
}

#main-content {
    width: 630px;
    padding: 20px 10px 20px 20px;
    float: left;
    background: #fff;
}

#sidebar {
    width: 300px;
    padding: 20px;
    float: right;
    background: #fff;
}

.search {
    background-position: -10px -61px;
    height: 34px;
    width: 280px;
    padding: 9px 10px;
}

.search input {
    background: url('https://imgcdn.surfing-waves.com/media/images/bg-search-input.png') no-repeat !important;
    border: none !important;
    width: 238px;
    height: 22px;
    padding: 5px !important;
}

.search-large {
    background-position: -10px -813px;
    height: 24px;
    width: 610px;
    padding: 9px 15px;
    color: #fff;
    font: bold 12px Verdana;
}

.search-large input {
    background-position: -10px -953px !important;
    border: none !important;
    width: 238px;
    height: 18px;
    padding: 2px 5px !important;
}

.grey-title {
    font: bold 12px Verdana;
}

.block {
    margin: 0 0 20px 0;
}

.block.tag {
    margin: 2px;
    float: left;
}

.block.img,.block.sb {
    margin: 0;
}

.block .block-content {
    padding: 10px;
    border-left: solid 1px #ececec;
    border-right: solid 1px #ececec;
    margin: -1px 0;
    overflow-x: hidden;
}

.block.img .block-content {
    padding: 0 3px;
    text-align: center;
    position: relative;
}

.block.tag .block-content {
    padding: 0 2px;
}

.block .block-content a {
    color: #2c6bb2;
    font: 12px Verdana;
}

.block .block-content a.minilink {
    color: #2c6bb2;
    text-decoration: none;
    font: 10px Verdana;
}

.block .block-content a.minilink:hover {
    color: #fdbe6d;
}

.block .block-content strong {
    font-size: 13px;
}

.block .block-content img {
    max-width: 560px;
}

.block .title {
    background-position: -10px -479px;
    padding: 0 0 0 9px;
    height: 29px;
}

.block .title .right {
    padding: 0 9px 0 0;
    height: 29px;
}

.block .title .center {
    background-position: 0% -156px;
    padding: 0 7px;
    height: 29px;
    line-height: 25px;
    overflow: hidden;
}

.block .title .center h1 {
    font: bold 12px Verdana;
    color: #fff;
    margin: 5px 0;
}

.block .title .center.two-raws {
    line-height: 14px;
}

.block .grey-title {
    background-position: -10px -992px;
    padding: 0 0 0 7px;
    height: 29px;
}

.block .grey-title .right {
    padding: 0 7px 0 0;
    height: 29px;
}

.block .grey-title .center {
    background-position: 0% -251px;
    padding: 0 7px;
    height: 29px;
    line-height: 25px;
    overflow: hidden;
}

.block .grey-title .center.two-raws {
    line-height: 14px;
}

.block .bottom-l {
    background-position: -10px -576.5px;
    padding: 0 0 0 7px;
}

.block .bottom-r {
    background: url("https://imgcdn.surfing-waves.com/media/images/bg-block-bottom-r.gif") no-repeat right;
    padding: 0 7px 0 0;
}

.block
.bottom {
    height: 7px;
    border-bottom: solid 1px #ececec;
}

.block .top-l {
    background-position: -10px -630.5px;
    padding: 0 0 0 7px
}

.block .top-r {
    background: url("https://imgcdn.surfing-waves.com/media/images/bg-block-top-r.gif") no-repeat right;
    padding: 0 7px 0 0;
}

.block
.top {
    height: 7px;
    border-top: solid 1px #ececec;
}

.block .block-content p {
    margin: 0;
    padding: 5px 0;
}

#social-in {
    display: inline;
    float: right;
}

#social-in a {
    padding: 20px;
}

.social a,  .block .block-content.social a {
    text-decoration: none;
    font: 10px Verdana;
}

.social div {
    float: left;
    margin: 8px;
    text-align: center;
}

.twitter-share-button {
    height: 62px !important;
}

#photo-preview {
    position: relative;
}

#photo-preview .description {
    position: absolute;
    color: #fff;
    font: 14px Verdana;
    bottom: 0;
    left: 0;
    width: 530px;
    height: 20px;
    padding: 15px;
    background: url('https://imgcdn.surfing-waves.com/media/images/bg-grey.png');
    margin: 0;
    border: 0;
}

.pathback a {
    color: #0493d1;
    font: 11px Verdana;
}

.votes {
    font: 11px Verdana;
    margin: 10px 0 30px;
}

.comment-author {
    font: bold 11px Verdana;
    color: #2c6bb2;
}

.comment-date {
    font: 9px Verdana;
}

.profile-nav {
    width: 210px;
    float: left;
}

.profile-nav ul {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.profile-nav ul li {
    border-bottom: solid 1px #ebebeb;
}

.profile-nav a {
    text-decoration: none;
    color: #eb830d;
    font: bold 12px Verdana;
    display: block;
    padding: 5px 0;
}

.profile-nav a:hover {
    text-decoration: underline;
    color: #347cbd;
    background: #f7f7f7;
}

.profile-data {
    width: 410px;
    float: right;
}

.profile-data table th {
    padding: 5px;
    width: 100px;
}

.profile-data table td {
    padding-left: 15px;
}

.profile-data select {
    width: 98%;
}

#addCommentPanel textarea {
    width: 100%;
    height: 75px;
}

.comment-list td {
    border-top: solid 1px #ececec;
    padding: 10px 0 10px 10px;
}

.comment-list td.grey {
    background: #fbfbfc;
}

.news {
    margin: 5px 0;
}

.news img {
    max-width: 610px;
}

.news-title,.news-image,.news-intro,.news-intro-main {
    float: left;
    padding: 5px 0;
}

.news-date {
    float: right;
}

.news-intro {
    margin: 0;
    width: 570px;
}

.news-intro-main {
    margin: 0;
    width: 590px;
}

.news-intro-main .news-title {
    padding: 0 0 2px;
}

.news-intro-main p {
    padding: 0 0 2px !important;
}

.news-image {
    max-height: 100px;
    overflow: hidden;
}

.news-image img {
    width: 100px;
}

.media-thumb {
    width: 125px;
    height: 95px;
}

.media-thumb img {
    max-width: 120px;
    max-height: 90px;
}

#video-feature {
    width: 960px;
    padding: 20px 0 0 20px;
}

.video-thumb {
    width: 125px;
    height: 105px;
}

.video-thumb img {
    max-width: 120px;
    max-height: 105px;
}

.video-box {
    float: left;
    width: 32%;
    font-size: 11px;
    height: 200px;
    padding: 2px;
}

.video-box a {
    font-size: 11px !important;
}

.video-box .thumb {
    height: 100px;
}

.minilink {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: middle;
    COLOR: #3c6991;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    TEXT-DECORATION: none;
}

.minilink:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    VERTICAL-ALIGN: middle;
    COLOR: #fdbe6d;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    TEXT-DECORATION: none;
}

.align {
    VERTICAL-ALIGN: middle;
    LINE-HEIGHT: 12px;
}

.textlink {
    COLOR: #36f;
    TEXT-DECORATION: none;
}

.textlink:hover {
    COLOR: #fdbe6d;
    TEXT-DECORATION: none;
}

h5 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #3c6991;
    TEXT-ALIGN: center;
}

.white {
    font-family: verdana,arial,helvetica;
    FONT-WEIGHT: bold;
    COLOR: #fff;
    TEXT-ALIGN: center;
}

.whitelink {
    FONT-WEIGHT: bold;
    COLOR: #fff;
    TEXT-DECORATION: none;
}

.whitelink:hover {
    FONT-WEIGHT: bold;
    COLOR: #fdbe6d;
    TEXT-DECORATION: none;
}

.term {
    FONT-WEIGHT: bold !important;
    FONT-SIZE: 12px !important;
    COLOR: #fc3 !important;
}

.redmen {
    FONT-SIZE: 10px;
    COLOR: #f00;
}

blockquote {
    margin: 0;
    padding: .2em 0 0 2em;
    background: url("https://imgcdn.surfing-waves.com/media/images/quote_start.png") no-repeat .5em 0;
    font-weight: 100;
    font-style: italic;
    clear: both;
}

blockquote div.blq-end {
    padding: 0 2em .2em 0;
    background: url('https://imgcdn.surfing-waves.com/media/images/quote_end.png') no-repeat bottom right;
    margin-right: .5em;
}

.comments {
    height: 20px;
    line-height: 20px;
    background-color: #36f;
    color: #fff;
    font-size: 16px;
    padding: 0px 5px;
    border-bottom: 1px solid #ccc;
}

.commentrow1 {
    margin: 0;
    padding: .2em 0 0 2em;
    background: url('https://imgcdn.surfing-waves.com/media/images/comment_quote.png') no-repeat .5em 0;
    background-color: #F1F1F1;
    font-weight: 100;
    font-style: italic;
    clear: both;
}

.commentrow2 {
    margin: 0;
    padding: .2em 0 0 2em;
    background: url("https://imgcdn.surfing-waves.com/media/images/comment_quote.png") no-repeat .5em 0;
    background-color: #EBEBEB;
    font-weight: 100;
    font-style: italic;
    clear: both;
}

.commentlink {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #3c6991;
    TEXT-DECORATION: none;
}

.commentlink:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #fdbe6d;
    TEXT-DECORATION: none;
}

.subtitle {
    FONT-SIZE: 14px !important;
    COLOR: #3c6991 !important;
}

.subtitlelink {
    FONT-SIZE: 14px;
    COLOR: #3c6991;
    text-decoration: none;
}

.subtitlelink:hover {
    COLOR: #fdbe6d;
    text-decoration: none;
}

.lefttitle {
    FONT-SIZE: 14px;
    COLOR: #3c6991;
    FONT-WEIGHT: bold;
}

.quest {
    FONT-SIZE: 12px;
    COLOR: #3c6991;
}

.indtitle {
    FONT-SIZE: 14px;
    COLOR: #F60;
    FONT-WEIGHT: bold;
}

.feed {
    background-position: -10px -1085px;
    margin: 1px 2px 0px 3px;
    padding: 2px 0px 2px 19px;
    white-space: nowrap;
}

.member_map {
    overflow: hidden;
}

#logolist
li {
    display: inline;
    list-style-type: none;
    text-align: center;
    padding: 10px;
}

.contrib
a {
    padding: 2px 4px;
    border: 1px solid #bbb;
    text-decoration: none;
    background-color: #36f;
    color: #fff;
    font-size: 14px;
}

.contrib a:hover {
    border: 1px solid #777;
    background-color: #69c;
}

.feedttl {
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    background-color: #eee;
    padding: 0px 5px;
    border-bottom: 1px solid #ccc;
    background: url("https://imgcdn.surfing-waves.com/images/feed-titles.jpg");
}

.guestnm {
    font-weight: bold;
    font-size: 14px;
}

.swell-temp {
    margin-bottom: 5px;
    font-size: 12px;
}

.swell-temp .disc {
    font-size: 10px;
}

.centralise-450 {
    margin: 0 auto;
    position: relative;
    width: 450px;
}

.shade-mid {
    background: url("https://imgcdn.surfing-waves.com/media/images/header/mid-rounded-header.png") no-repeat scroll 0 0 transparent;
    padding-top: 4px;
    position: relative;
    width: 446px;
}

.shade-mid .content {
    background: url("https://imgcdn.surfing-waves.com/media/images/header/mid-rounded-content.png") repeat-y scroll 0 0 transparent;
    overflow: hidden;
    width: 100%;
    margin-top: 0px;
}

.shade-mid .footer {
    background: url("https://imgcdn.surfing-waves.com/media/images/header/mid-rounded-footer.png") no-repeat scroll 0 0 transparent;
    padding-top: 6px;
}

.narrow-box-new {
    border-right: 1px dashed #BABABA;
    float: left;
    margin: 10px 0 20px 13px;
    width: 135px;
}

.narrow-box-new ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.narrow-box-new ul li a {
    color: #36f;
    text-decoration: none;
}

.narrow-box-new ul li a:hover {
    color: #fdbe6d;
    text-decoration: none;
}

.clear {
    clear: both;
    height: 1px;
}

.half-wide-l {
    width: 305px;
    float: left;
}

.half-wide-r {
    width: 305px;
    float: right;
}

#userPhoto {
    border: 2px solid #ececec;
}

.game-sprite {
    background-image: url('https://imgcdn.surfing-waves.com/media/images/sprite/games.jpg');
    background-color: transparent;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#aussie-surf-classic_jpg {
    height: 125px;
    width: 168px;
    background-position: -639px -0px;
}

#bbc-surfing_jpg {
    height: 125px;
    width: 167px;
    background-position: -155px -0px;
}

#bic-legends_jpg {
    height: 125px;
    width: 185px;
    background-position: -322px -0px;
}

#bogan-surf_jpg {
    height: 125px;
    width: 132px;
    background-position: -508px -0px;
}

#city-surfing_jpg {
    height: 125px;
    width: 172px;
    background-position: -1151px -0px;
}

#discovery-surf_jpg {
    height: 125px;
    width: 155px;
    background-position: -0px -0px;
}

#fun-surfing_jpg {
    height: 125px;
    width: 167px;
    background-position: -808px -0px;
}

#jack-johnson_jpg {
    height: 125px;
    width: 177px;
    background-position: -975px -0px;
}

#mad-shark_jpg {
    height: 125px;
    width: 168px;
    background-position: -1324px -0px;
}

#rip-curl-pro-surfer_jpg {
    height: 125px;
    width: 235px;
    background-position: -1491px -0px;
}

#roaring-waves_jpg {
    height: 125px;
    width: 167px;
    background-position: -2991px -0px;
}

#surfs-up_jpg {
    height: 125px;
    width: 171px;
    background-position: -1726px -0px;
}

#wipeout_jpg {
    height: 125px;
    width: 200px;
    background-position: -1897px -0px;
}

#surf-v10_jpg {
    height: 125px;
    width: 166px;
    background-position: -2097px -0px;
}

#surf-point-blue_jpg {
    height: 125px;
    width: 175px;
    background-position: -2264px -0px;
}

#yahoo-surfing_jpg {
    height: 125px;
    width: 162px;
    background-position: -2438px -0px;
}

#you-riding_jpg {
    height: 125px;
    width: 222px;
    background-position: -2770px -0px;
}

#zombie-surf_jpg {
    height: 125px;
    width: 169px;
    background-position: -2600px -0px;
}

.narrow-content h3,  .narrow-content h3 a {
    color: #347CBD;
    font-size: 18px;
    margin-bottom: 5px;
    text-decoration: none;
}

.narrow-content h3 a:hover {
    color: #fdbe6d;
}

.tooltip {
    height: 15px;
    width: 15px;
    background-position: -10px -1115px;
}

.home-sprite {
    background-image: url('https://imgcdn.surfing-waves.com/media/images/sprite/homepg.jpg');
    background-color: transparent;
    background-repeat: no-repeat;
}

#members_jpg {
    height: 147px;
    width: 264px;
    background-position: -0px -0px;
}

#surfmap_jpg {
    height: 141px;
    width: 260px;
    background-position: -280px -0px;
    cursor: pointer;
}

#shop-image_jpg {
    height: 199px;
    width: 246px;
    background-position: -540px -0px;
}

.social-follow {
    background-image: url('https://imgcdn.surfing-waves.com/media/images/sprite/social.png');
    background-color: transparent;
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
    cursor: pointer;
}

#i-del {
    background-position: -0px -0px;
}

#i-face {
    background-position: -48px -0px;
}

#i-red {
    background-position: -96px -0px;
}

#i-my {
    background-position: -144px -0px;
}

#i-stum {
    background-position: -192px -0px;
}

#i-dig {
    background-position: -240px -0px;
}

#i-twit {
    background-position: -288px -0px;
}

#glider {
    margin: 5px auto 5px;
}

.scroller {
    float: left;
    overflow: hidden;
    width: 620px;
    height: 228;
    margin: 0 5px;
    position: relative;
}

.feat-content {
    width: 10000px;
}

.section {
    float: left;
    overflow: hidden;
    width: 610px;
    position: relative;
    padding: 4px 4px 0;
}

.section h3 {
    color: #1E96D2;
    margin: 0;
}

.section h3 a {
    color: #1E96D2;
}

.section img {
    display: block;
    margin: 0 auto;
}

.alt_controls {
    clear: both;
    margin: 0px auto;
    width: 620px;
    position: relative;
}

.alt_controls ul {
    list-style: none;
    margin: 0px;
    padding: 5px !important;
    overflow: hidden;
    position: relative;
    width 100%;font-size: 10px;
}

.alt_controls ul li {
    float: left;
    padding: 2;
    width: 146px;
    display: inline;
    text-align: center;
    margin: 5px 2px;
    border: 1px solid #ccc;
}

.alt_controls ul li.on span {
    text-align: left;
    text-decoration: underline;
}

.alt_controls ul li a 
{
    display: block;
    padding: 5px 0;
    text-decoration: none;
}

.alt_controls ul.ctrl_onclick li a:hover span 
{
    text-decoration: underline;
    text-align: left;
}
#mediaplayer img
{
    max-width:none;
}