/*-----------------------------------------------------------------------------
Standard CSS Stylesheet

Theme Name:     RCCC Club Sites
Theme URI:      http://royalcaledoniancurlingclub.org
Description:    Bespoke RCCC website theme
Version:        1.0
Author:         Clark Caughey
Email:          clark.c@sugarrushcreative.com
Website:        http://www.sugarrushbelfast.com/

-----------------------------------------------------------------------------*/

@import url("reset.css");


/* General
-----------------------------------------------------------------------------*/

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { }
body { background: url(images/bg.jpg) top center no-repeat; }
.container { width: 940px; margin: 0 auto; }
header#network { background: url(images/bg-nav.jpg) top center repeat-x #121A42; }
#club { background: #FFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3); margin: 30px auto 60px auto; }
#club header { padding: 30px 60px 20px 60px; }


/* Typography
-----------------------------------------------------------------------------*/

@font-face { font-family: 'OSPDIN'; src: url('fonts/OSP-DIN-webfont.eot'); src: url('fonts/OSP-DIN-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OSP-DIN-webfont.woff') format('woff'), url('fonts/OSP-DIN-webfont.ttf') format('truetype'), url('fonts/OSP-DIN-webfont.svg#OSPDIN') format('svg'); font-weight: normal; font-style: normal; }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #000; }
p { color: #434663; line-height: 150%; margin: 20px 0; }


/* Links
-----------------------------------------------------------------------------*/

a { color: #7F1D31; text-decoration: none; font-weight: bold; }
a:hover { color:#7F1D31; text-decoration: underline; }


/* Branding
-----------------------------------------------------------------------------*/

#logo { position: absolute; cursor: pointer; text-indent: -999999px; background: url(images/logo.png) top left no-repeat; width: 110px; height: 154px; z-index: 100; margin: -40px 0 0 710px; }
header#network h1 { font-family: "OSPDIN", Helvetica, Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px 5px #141D49; font-size: 28px; text-transform: uppercase; color: #FFF; width: 400px; float: left; background: url(images/network.gif) center left no-repeat; padding: 10px 0 10px 60px; }
header#network a { display: block; width: 141px; height: 14px; background: url(images/back.png) top right no-repeat; float: right; text-align: right; color: #FFF; font-size: 11px; padding: 8px 13px 8px 12px; margin: 9px 13px 0 0; text-shadow: -1px 0px 0px #141D49; }
header#network a:hover { color: #FFF; text-decoration: none; }

#club header h1 a { font-family: "OSPDIN", Helvetica, Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px 5px #FFF; font-size: 38px; text-transform: uppercase; color: #192663; }
#club header h1 a:hover { text-decoration: none; color: #4A5484; }
#club header h2 { font-family: "OSPDIN", Helvetica, Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px 5px #FFF; font-size: 26px; text-transform: uppercase; color: #B99800; }

/* Main Nav
-----------------------------------------------------------------------------*/

nav { height: 40px; background: #141D49; margin: -2px 0 0 0; }
nav ul { width: 820px; margin: 0 auto; padding: 0; }
nav ul li{ float: left; padding: 13px 0; border-right: 1px solid #616888; }
nav ul li#active { background: #223284; }
nav ul li.first { border-right: 1px solid #616888; border-left: 1px solid #616888; }
nav ul li:hover { background: #223284; }
nav ul li a{ color: #FFF; font-size: 12px; text-transform: uppercase; padding: 13px 20px; }
nav ul li a:hover { color: #FFF; text-decoration: none; }
nav ul li ul { display: none; }
nav ul li:hover ul { display: block; position: absolute; width: 200px; margin: 13px 0 0 0; }
nav ul li:hover ul li { background: #223284; width: 200px; }
nav ul li:hover ul li { padding: 10px 0; }
nav ul li:hover ul li a { padding: 10px 20px; }


/* Content
-----------------------------------------------------------------------------*/

article { width: 480px; float: left; margin: 50px 0 30px 60px; }
article h1 { color: #192663; font-size: 28px; font-family: "OSPDIN", Helvetica, Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px 5px #FFF; text-transform: uppercase; }
#posted { color: #B99800; margin: 5px 0 0 0; }
ul#archive { margin: 20px 0; }
ul#archive li { padding: 5px 0; }

table { margin: 30px 0; color: #434663; width: 100%; }
table caption { padding: 0 10px; text-align: left; font-weight: bold; color: #72748A; }
table caption span { float: right; padding: 0 183px 0 0; }
th, td { text-align: center; padding: 6px 0; }
td { border: 1px solid #CCC;  }

/* Sub Nav
-----------------------------------------------------------------------------*/

aside { width: 280px; float: right; margin: 54px 60px 40px 0; }
aside h1 { color: #192663; font-size: 24px; font-family: "OSPDIN", Helvetica, Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px 5px #FFF; text-transform: uppercase; }
aside ul { border-top: 1px solid #E2E8EF; margin: 20px 0px 5px 0px !important; list-style: none !important; }
aside ul li { border-bottom: 1px solid #E2E8EF; background: url(images/arrow.gif) center right no-repeat; }
aside ul li a { display: block; padding: 8px 38px 8px 0; color: #4A5484; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }aside ul li a:hover { text-decoration: none; color: #192663; }


/* Footer
-----------------------------------------------------------------------------*/

footer { width: 820px; margin: 0 auto; padding: 20px 60px 30px 60px; border-top: 1px dashed #E2E8EF; }
p#address { margin: 5px 0 0 0; float: left; width: 400px; }
p#address strong, p#address span { display: block; }
p#copyright { margin: 25px 0 0 0; width: 400px; float: right; text-align: right; }
p#copyright a { font-weight: normal; }


/* Forms
-----------------------------------------------------------------------------*/

label { cursor: pointer; } 
input:focus, input.focused, textarea:focus, textarea.focused{ color: #666; }


/* =Images
-------------------------------------------------------------- */

img.size-auto, img.size-full, img.size-large,img.size-medium, .attachment img {max-width: 100%; }
.alignleft, img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;}
.alignright, img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;}
.aligncenter,img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 12px;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;max-width: 632px !important; /* prevent too-wide images from breaking layout */padding: 4px;text-align: center;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;}
.wp-smiley {margin: 0;}
.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
.gallery-columns-2 .gallery-item {width: 50%;}
.gallery-columns-4 .gallery-item {width: 25%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery-columns-2 .attachment-medium {max-width: 92%;height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl {margin: 0;}
.gallery img {border: 10px solid #f1f1f1;}
.gallery br+br {display: none;}



/* Misc
-----------------------------------------------------------------------------*/