@charset "utf-8";

/* stickwise */

/* global & reset */
* {margin: 0; padding: 0;}
img, fieldset {border: none;}
body, html {font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; background: #fff url(../images/backgrounds/page-background.jpg) top repeat-x; background-attachment: fixed; color: #000;}
html {-webkit-text-size-adjust: none;}
ul, ol, li {list-style-image: none; margin: 0; padding: 0; list-style: none;}
.cleaner {font-size: 0; width: 100%; height: 0; margin: 0 0 -1px; clear: both;}
.cleaner2 {font-size: 0; width: 100%; height: 0; margin: 0 0 -1px; clear: both;}
.show {display: none;}
.left {float: left;}
.right {float: right;}
p {margin-bottom: 20px;}
a {color: #E02844; text-decoration: none; border-bottom: 1px solid #E02844;}
a:hover {color: #046804; text-decoration: none; border-bottom: 1px solid #046804;}
h2 {font-size: 24px; margin-bottom: 10px;}
h3 {font-size: 18px; margin-bottom: 10px;}
.form-button {padding:4px; width:140px;}
label {color:#333; display:block;}
select {margin-bottom:10px;}
.form-field {display:block; margin-bottom:10px; padding:4px; width:240px; border:1px solid #CCC;}
.form-field-error {display:block; margin-bottom:10px; padding:4px; width:240px; border:#F00 1px solid;}
.error-message {color:#f00; font-weight:bold; font-size:10px;}
.showArea {visibility:visible;}
.hideArea {visibility:hidden; display:none;}


/* layout */
#top {background: url(../images/backgrounds/top.png) top no-repeat; margin: 0 auto; height: 27px; margin-top: 24px;}
#page {width: 900px; background: #fff; border-bottom: 2px solid #E73637; border-right: 2px solid #E73637; border-left: 2px solid #E73637; margin: 0 auto; padding:50px; padding-top: 0; margin-bottom:30px;}
#page-left {width: 416px; float: left;}
#page-right {width: 416px; float: right;}
#page-left2 {width: 616px; float: left;}


/* header */
#header {height: 130px; display: block; background: url(../images/backgrounds/header.jpg) right no-repeat;}
#logo {background: url(../images/backgrounds/stickwise-logo.jpg) top no-repeat; display: block; width: 177px; height: 53px; float: left; margin-top: 38px; border: 0;}
#logo:hover {background: url(../images/backgrounds/stickwise-logo.jpg) bottom no-repeat;}
h1#logo:hover {background: url(../images/backgrounds/stickwise-logo.jpg) top no-repeat;}
#tag-line {background: url(../images/backgrounds/tag-line.jpg) no-repeat; display: block; width: 347px; height: 53px; float: left; margin-top: 48px; margin-left: 20px;}


/* nav */
#nav {background: url(../images/backgrounds/nav.jpg) top right no-repeat; width: 900px; display: block; height: 50px;}
#nav li {float: left; border-right:1px solid #fff;}
#nav a {display: block; display: block; width: 120px; height: 50px; border: 0;}
#nav a:hover {background-position: center; border: 0;}
#nav-camps {background: url(../images/nav/nav-camps.jpg) top no-repeat;}
#nav-login {background: url(../images/nav/nav-login.jpg) top no-repeat;}
#nav-profile {background: url(../images/nav/nav-profile.jpg) top no-repeat;}
#nav-blog {background: url(../images/nav/nav-blog.jpg) top no-repeat;}
#nav-about {background: url(../images/nav/nav-about.jpg) top no-repeat;}
#nav-photos {background: url(../images/nav/nav-photos.jpg) top no-repeat;}
#nav-contact {background: url(../images/nav/nav-contact.jpg) top no-repeat;}
#nav a.nav-on {background-position: bottom;}
#nav a.nav-on:hover {background-position: bottom;}

#page-right-menu {width: 416px; float: right; margin-top:40px;}
#page-right-menu a {display:block; padding:10px; border-bottom: 1px solid #fff; background:#D9E8D9;}
#page-right-menu a:hover {display:block; padding:10px; background:#B3D1B3; color:#fff;}
#page-right-menu a.right-menu-on {background:#68A468; color:#fff;}
#page-right-menu p {margin-bottom:0; display:none}

#page-right-menu2 {width: 216px; float: right; margin-top:40px;}
#page-right-menu2 a {display:block; padding:10px; border-bottom: 1px solid #fff; background:#D9E8D9;}
#page-right-menu2 a:hover {display:block; padding:10px; background:#B3D1B3; color:#fff;}
#page-right-menu2 a.right-menu-on {background:#68A468; color:#fff;}
#page-right-menu2 p {margin-bottom:0; display:none}


/* news */
#latest-news {width: 440px; margin-top:40px;}
#home-latest-news {width: 440px; height:163px; overflow:hidden; margin-bottom:10px; margin-top:40px;}
#more-news {width:440px; height:90px;}
#more-news p.more-news-text {margin-right:30px; padding-bottom:10px; color: #999;}
#more-news p {color: #666; margin-bottom: 6px;}
#campus-news-link {background: url(../images/backgrounds/campus-news.jpg) no-repeat; width: 386px; height: 66px; display: block; border: 0; color: #fff; padding: 20px; padding-top: 36px; padding-bottom:30px; margin-top: 44px; overflow:hidden;}
#campus-news-link a {color:#fff; font-weight:bold; border-bottom: 1px solid #fff;}
.user {font-weight: bold; display: block; margin-bottom: 5px;}
#more-news p.news-articles-text {color: #999;}
#campus-news-link .news-normal {border:0;}
#campus-news-link p {margin-bottom:3px;}


/* sponsor logos */
#sponsor-links {margin-top:20px; margin-left:10px;}
#sponsor-links li {float:left; margin:10px; margin-left:20px; margin-right:20px;}
#sponsor-links li a {display:block; border:0; height:47px;}
#barringtons-logo-sponsors {background:url(../images/logos/barringtons-logo-sponsors.jpg) no-repeat; width:163px;}
#malik-logo-sponsors {background:url(../images/logos/malik-logo-sponsors.jpg) no-repeat; width:149px;}
#asics-logo-sponsors {background:url(../images/logos/asics-logo-sponsors.jpg) no-repeat; width:163px;}
#skins-logo-sponsors {background:url(../images/logos/skins-logo-sponsors.jpg) no-repeat; width:149px;}


/* photo gallery */
#photo-gallery-link {background: url(../images/backgrounds/photo-gallery-link.jpg) no-repeat; display: block; width: 416px; height: 328px; margin-top: 1px; border: 0;}
.gallery-title-1 {margin-top:40px;}
#gallery-title {margin-top:40px; text-align:center;}
#gallery-home li {float:left; margin-right:10px; margin-bottom:10px;}
#gallery-home li a img {display:block; margin:0 auto; margin-bottom:10px;}
#gallery-home li a {display:block; width:140px; height:140px; text-align:center; padding:12px; border: 1px solid #ccc;}
#gallery-home li a:hover {background:#B3D1B3; color:#fff;}

#gallery-nav {width:750px;}
#gallery-nav li {border-right:6px solid #fff; border-bottom:6px solid #fff; float:left;}
#gallery-nav li a {border: 1px solid #ccc; width:120px; height:110px; text-align:center; padding:10px; display:block;}
#gallery-nav li p {border: 1px solid #ccc; width:120px; height:110px; text-align:center; padding:10px; display:block; margin:0px; }
#gallery-nav li p.current-photo {border: 1px solid #046805; background:#B3D1B3;}
#gallery-nav li a:hover {background:#B3D1B3; color:#fff;}
.no-photo {background:#f2f2f2;}
#gallery-prev-green {background:url(../images/buttons/gallery-prev-green.jpg) top no-repeat; width:42px; height:49px; display:block; border:0; float:left; margin-top:20%;}
#gallery-prev-green:hover {background-position:bottom;}
#gallery-next-green {background:url(../images/buttons/gallery-next-green.jpg) top no-repeat; width:42px; height:49px; display:block; border:0; float:right; margin-top:20%;}
#gallery-next-green:hover {background-position:bottom; border:0;}

#gallery-prev-grey {background:url(../images/buttons/gallery-prev-grey.jpg) no-repeat; width:42px; height:49px; float:left; margin-top:20%;}
#gallery-next-grey {background:url(../images/buttons/gallery-next-grey.jpg) no-repeat; width:42px; height:49px; float:right; margin-top:20%;}

#gallery-view {width:750px;}
#gallery-view li {border-right:6px solid #fff; border-bottom:6px solid #fff; float:left;}
#gallery-view li a {border: 1px solid #ccc; width:120px; height:110px; text-align:center; padding:10px; display:block;}
#gallery-view li a:hover {background:#B3D1B3; color:#fff;}
#main-photo-wrap {width:802px; float:left; margin-bottom:10px; text-align:center;}

.gallery-show {visibility:visible; display:inline}
.gallery-hide {visibility:hidden; display:none}
#gallery-expand {background:url(../images/buttons/gallery-expand.jpg) top no-repeat; width:734px; height:12px; display:block; border:0; margin-top:4px; margin-bottom:6px; margin-left:74px;}
#gallery-expand:hover {background-position:bottom;}


/* login & register */
#login-page-left {width:250px; float:left; background:#eee; padding:28px; margin-top:40px;}
#login-page-right {float:left; margin-left:40px; width:540px; margin-top:40px;}
#member-login{padding-bottom:10px;}
#btnRegister {margin-top:10px;}


/* contact */
#contact-page-left {width:250px; float:left; background:#eee; padding:28px; margin-top:40px;}
#contact-page-right {float:left; margin-top:40px; margin-left:40px;}


/* profile page */
#profile-title {margin-top:40px;}
#profile-page-left {float:left; width:400px;}
#profile-page-right {margin-top:40px; float:right;}
#profile-your-info li {text-transform:capitalize;}
#profile-your-info li#firstname {font-weight:bold; margin-bottom:5px;}
#profile-your-info li#postcode {margin-bottom:5px; text-transform:uppercase;}
#profile-your-info li#email {text-transform:none; margin-bottom:5px;}
#log-out {margin-top:20px;}


/* blog comments */
.comment-wrap {background:url(../images/backgrounds/comment-bottom.jpg) bottom right no-repeat; padding-bottom:15px; margin-bottom:10px;}
.comment {padding:20px; border:5px solid #E8F1E8;}
.comment-text {}
.comment-date {font-size:11px; color:#595; margin-bottom:6px;}
.comment-member {font-weight:bold; font-size:14px;}
#make-comment textarea {padding:10px; width:394px; height:80px; display:block; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
#make-comment label {font-weight:bold; margin-bottom:6px; font-size:14px;}
#make-comment button {padding:6px;}
#new-comment {font-weight:bold;}

/* footer */
#footer {border-top: 5px solid #EF93A1; display: block; margin-top: 40px; padding-top: 10px; color: #666; height: 30px;} 
#footer a {line-height: 20px; font-weight: bold;} 
#footer-left {float: left; margin-top:3px; width: 460px;}
#footer-left li {float: left; margin-right: 14px;}
#footer-left li a {display:block; height:28px; border:0;}
#footer-left li p {display:block; height:28px; border:0;}
#stickwise-logo-footer {background:url(../images/logos/stickwise-logo-footer.jpg) no-repeat; width:75px;}
#barringtons-logo-footer {background:url(../images/logos/barringtons-logo-footer.jpg) no-repeat; width:92px;}
#malik-logo-footer {background:url(../images/logos/malik-logo-footer.jpg) no-repeat; width:72px;}
#asics-logo-footer {background:url(../images/logos/asics-logo-footer.jpg) no-repeat; width:62px;}
#skins-logo-footer {background:url(../images/logos/skins-logo-footer.jpg) no-repeat; width:87px;}
#copyright {font-size:10px;}
#footer-right {float: right; font-size: 12px; margin-top: 6px;}
#footer-right li {float: left; margin-left: 18px;}