/* Layout */
#fixed { margin:0 auto; width:1024px;   /* you can use px, em or %  - orig 800px*/ text-align:left; }
/* TEXT */
body { background:#C1C5B6; font-family:/*Helvetica Neue, corbel, calibri, tahoma, arial, */Trebuchet MS, tahoma, sans-serif; font-size:
.8em; margin:0; padding:0; border:0;width:100%; min-width:1024px;		/* Minimum width of layout - remove line if not required  orig 800px*/ }
p { margin:.4em 0 .8em 0; padding:0; line-height:145%; }
.newswho { font-size:.9em; color:#808080; }
.emphasis { font-weight:bold; font-size:1.1em; }
.smalltext { font-size:.85em; }
a { color:#1B2F59; outline:none; }
a.top { font-size:0.8em; color:#888; margin-bottom:10px; float:right; text-decoration:none; }
a.top:hover { background:none; text-decoration:underline; }
a:hover { color:#000; background:#A5B9D4; text-decoration:none; }
a[rel="external"]:hover { text-decoration:underline; }  /* Underlines external links */
blockquote { width:80%; margin:10px 20px 0 20px; font-size:.9em; color:#555; quotes:"\201C" "\201D"; }
blockquote:before { content: open-quote; font-size:1.5em; line-height:0;}
blockquote:after { content: close-quote; font-size:1.5em; line-height:0;}

/* Heading styles */
h1 { font-family:georgia, serif; font-variant:small-caps; font-size:3.2em; font-weight:600; letter-spacing:.06em; text-align:center; margin-top:20px; position:absolute; left:20%; top:0;  }
h2, h3, h4 { font-family:corbel, calibri, trebuchet ms, tahoma, arial, sans-serif; }
h2 { font-variant:small-caps; color:#1B2F59; font-size:2em; clear:both; margin-left:-30px; }
h2.nomargin { margin-left:0; text-align:center; }
h3 { background:#FCD006; color:#222; font-size:1.5em; font-weight:100; padding:2px 10px 3px 10px; margin:1.4em 0 0.75em 0; border:1px dotted #1B2F59; clear:both; }
h4 { clear:right; font-size:1.5em; margin:1em .5em .5em .5em; }

/* TABLES */
table.results th { font-size:1.3em; text-align:center; }
table.results td { text-align:center; line-height:1.75em; border-top:1px dotted #fff; }
table.results td a { background:transparent; color:#333; }
table.results td a:hover { background:#a5b9d4; text-decoration:underline; }
table.results tr.won { background:#bfa; }
table.results tr.lost { background:#fdd; }

/* LISTS */
/* Ordered list (index/news) */
ol.newslist { font-size:.9em; margin:10px; }
ol.newslist li { margin-top:5px; }
/* List of sidebar text links */
#advertlinks p { font-size:0.8em; color:white; text-align:center; }
ul.advertlinks { margin:5px 0; padding:0; width:100%; list-style-type:none; float:left; }
ul.advertlinks a{ color:#fff; display:block; text-align:center; margin:5px 0; text-decoration:none; }
ul.advertlinks a:hover{ background:#1B2F59; }
img.advert { width:150px; height:50px; margin:10px 28px; border:1px solid #1B2F59; }
/* Match report list */
dl.twocolumns dt { float:left; clear:left; width:30%; text-align:right; padding-right:15px; } 
dl.twocolumns dd { margin-left:33%; }
/* Match report details */
ul.nobullets li { margin-bottom:8px; list-style-type:none; }
dl.report { padding:1em; border:1px dashed #ccc; font-size:1.1em; }
dl.report dt { float:left; font-weight:bold; width:4em; }
dl.report dd { margin:0 0 .2em 5em; }
/* List of links in links.shtml */
dl.links dt { clear:both; border-top:1px solid #eee; padding-top:10px; }
dl.links dt:first-child { clear:both; border:0; padding-top:3px; }
dl.links dd { margin:0 1em 1.5em 2em; }
img.linklogo { width:150px; height:50px; margin:5px 10px 30px 0; }
/* Contacts list */
dl.contacts { width:180px;  text-align:center; float:left; padding:0; margin:5px 6px 35px 6px; }
dl.contacts dt { font-weight:bold;}
dl.contacts dd { margin:0; }
div.listcontainer2 { width:410px; margin:0 auto; padding:0; }
div#listcontainer3 { width:600px; margin:0 auto; padding:0; }
.committeephoto { width:100px; height:100px; padding:4px; border:1px solid #CCC; margin:4px 35px; text-align:center; }
/* Line judge signals */
dl.signal { width:400px; margin:20px auto; clear:both; }
dl.signal dt { font-weight:bold; }
dl.signal img { border:1px solid black; margin:0 30px 10px 0; }
/* Team portrait photos */
dl.plgallery { width:140px; text-align:center; padding:5px; float:left; }
dl.plgallery dt { font-family:arial; font-size:0.9em; font-weight:bold; }
dl.plgallery dt img { width:100px; height:150px; padding:4px; border:1px solid #ccc; margin:5px 16px; }
dl.plgallery dd { font-family:arial; font-size:0.8em; margin:0; padding:0; }
/* Alumni gallery*/
div.alumni { width:100%; margin:0 auto; border-bottom:1px solid #ccc; margin-bottom:10px; }
div.alumni img { width:100px; height:100px; padding:5px; border:1px solid #ccc; margin:5px 10px 15px 0; }
div.leftside { width:200px; float:left; text-align:center; }
div.rightside { width:150px; float:left; text-align:center;}
div.aboutalumni { width:480px; margin:0 auto; clear:both; }

/* IMAGES STYLES */
img { font-size:0.8em; color:#ccc; float:left; }
a img:hover { border:1px solid #369; }
a img.nohover { border:none; }
a img.nohover:hover { border:none; background:#fff; }
/* Club crest in the header */
img.crest { width:100px; height:120px; margin:15px 55px; }
img.deloitte { width:180px; height:60px; float:right; margin-right:-2px; }
img.rssicon { width:44px; height:44px; position:absolute; top:35px; right:35px; border:none; }
a img.crest, img.rssicon:hover { border:none; }
/* Sponsor logos */
.sponsorlogo { width:150px; height:50px; margin:0.5em 0em 1em 1.5em; padding:5px; border:1px solid #ccc; float:right; }
/* Document icons */
.docicon { width:16px; height:16px; margin:0 5px; }
/* News icons */
.newsimg { width:70px; height:70px; margin:0px 20px 15px 0; border:2px solid #CCC; }
/* Google thumbnail photo */
img.googlethumb { width:144px; height:144px; padding:4px; border:1px solid #ccc; margin:14px; }
a img.googlethumb:hover { border:1px solid #369; }
/* Match report thumbs */
div.reportphotos img.googlethumb { margin:4px; }
div.reportphotos { float:left; margin:2em 0; }
/* Images in articles */
img.standard { margin: 20px 2px; }
/* Document icons/description */
a[href$='.pdf']:after { content:" (pdf)"; }
a[href$='.doc']:after { content:" (doc)"; }
a[href$='.pdf'] { padding-left: 20px; background: url('http://users.ox.ac.uk/~ouvcsoc/img/icon_pdf.png') no-repeat center left; }
a[href$='.pdf']:hover { background:#A5B9D4 url('http://users.ox.ac.uk/~ouvcsoc/img/icon_pdf.png') no-repeat center left; }
a[href$='.doc'] { padding-left: 20px; background: transparent url('http://users.ox.ac.uk/~ouvcsoc/img/icon_doc.png') no-repeat center left; }
a[href$='.doc']:hover { background:#A5B9D4 url('http://users.ox.ac.uk/~ouvcsoc/img/icon_doc.png') no-repeat center left; }

/* Index blocks */
div.block .date { float:right; font-size:0.8em; padding-top:2px; margin-right:5px; }
div.block img.blockad { float:none; width:342px; height:342px; padding:12px 12px 6px 12px; }
/* Article images */
div.articlephoto { float:right; width:250px; padding-left:15px; }
div.articlephoto img { width:250px; }
div.articlephoto p { clear:left; font-size:.9em; color:#666; padding-top:10px; }
/* Video page styles */
div#video { margin:2em auto 4em auto; }

/* Header styles */
#header { background: #1B2F59 url('http://users.ox.ac.uk/~ouvcsoc/img/diving.png') no-repeat 100% 75%; color:#fff; width:100%; height:150px; float:left; clear:both; border-right:2px solid #1B2F59; position:relative; }
/* Subheader style */
#subheader { background:#1B2F59; font-size:90%; border-top:0px solid #000; border-right:2px solid #1B2F59; padding:6px 15px !important; margin:0; text-align:right; clear:both; }
/* Footer styles */
#footer { width:100%; float:left; background:#1B2F59; border-right:2px solid #1B2F59; }
#footer p { color:#fff; float:right; margin:10px 0; }
#footer a { color:#fff; text-decoration:none; margin:0 2em; }
#footer a:hover { text-decoration:underline; background:#1B2F59; }