/*
	Theme Name: Viking Sailing Club
	Theme URI: http://www.vikingsailingclub.bc.ca/
	Description: Custom WordPress theme for the Viking Sailing Club website
	Version: 1.0
	Author: Matt Jensen
	Author URI: http://www.ultrawebsites.com
*/


body{
margin:0;
padding:0;
font:62.5% Verdana,Arial,Helvetica,sans-serif;
color:#333366;
background:#E9F3FC url(images/VSC_BG_Header.jpg) center top no-repeat; /*#F4F9FD */
text-align:center;
line-height:1.5;
}

p {
font-size:1.2em;
line-height:1.5em;
}

a{
color:#0000CC;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
font-weight:normal;
}

h1{
font-size:2.1em;
}

h2{
font-size:1.8em;
}

h3{
font-size:1.6em;
font-weight:bold;
}

h4{
font-size:1.4em;
font-weight:bold;
}

h5{
font-size:1.3em;
font-weight:bold;
margin:0.5em 0;
}

a img{
border:none;
}

/* Layout elements and styling */
#container{ /* Wraps all structural elements*/
width: 800px; 
min-width:760px;
padding:0;
margin:0 auto;
color:#333366;
text-align:left;
}

#header{
padding:0;
}

#header a{
color:#333366;
font-weight:bold;
}

#header a:hover{
color:#FFF;
text-decoration:underline;
}

#sitelogo{
float:left;
}

#sitetitle{
float:left;
}

#sitetitle h1{
display:none;
margin:0;
}

#sitetitle a img{
border-style:none;
}

#sitetitle p{
display:none;
font-weight:bold;
margin: 56px 0 0 34px;
letter-spacing:-1px;
}

#usernav{
height:30px;
padding-top:20px;
text-align: right;
}

#search{
text-align:right;
padding: 0 5px;
display: block;
color: #000;
float: right;
}

#search input{
margin-top: 2px;
padding: 1px 0px 0 20px;
width: 119px;
height: 19px;
background: transparent url(images/search-field-bg.png) no-repeat;
border: none;
color:#999999;
}

#menu{
/* needs to be 42px total */
width:800px;
margin-top:40px;
padding-top:2px;
overflow:hidden;
}

#menu ul, #menu li {
padding:0;
margin:0;
list-style-type:none;
}

#menu li {
float:left;
text-align:center;
}

#menu ul#primarynav{
width:800px;
}

#menu #primarynav a{
display:block;
text-decoration:none;
margin:0;
line-height:45px;
width:113px;
font-size:1.2em;
border-right:1px solid #CCDEF2;
}

#menu #primarynav li.first_item a{
border-left:1px solid #CCDEF2;
width:114px;
}

#menu #primarynav a:hover, #menu #primarynav li.current_page_item a, #menu #primarynav li.current_page_ancestor a{
color:#FFF;
background-image:url(images/VSC_menu_hover.png);
padding-top:0; /* Required for IE6 to show background hover image*/
}

#menu #secondarynav{
height:33px;
width:798px;
border-left:1px solid #CCDEF2;
border-right:1px solid #CCDEF2;
background-color:#6893BD;
overflow:hidden;
}

#menu ul#secondarynav li{
line-height:normal;
padding:4px 8px;
font-size:1.1em;
}

#menu #secondarynav li a{
color:#fff;
display:block;
line-height:25px;
font-weight:normal;
text-decoration:none;
}

#menu #secondarynav li a:hover{
text-decoration:underline;
}

#menu #secondarynav li.current_page_item a, #menu #secondarynav li.current_page_parent a{
font-weight:bold;
text-decoration:underline;
}

#menu #tertiarynav {
width:798px;
background-color:#fff;
border-bottom:1px solid #E9F3FC;
border-left:1px solid #CCDEF2;
border-right:1px solid #CCDEF2;
overflow:hidden;
}

#menu #tertiarynav li {
line-height:normal;
padding:4px 12px;
font-size:1.0em;
background:transparent url(images/BG_li.gif) no-repeat right center;
}

#menu #tertiarynav li a {
display:block;
line-height:17px;
font-weight:normal;
text-decoration:none;
}

#menu #tertiarynav li a:hover{
color:#333366;
text-decoration:underline;
}

#menu #tertiarynav li.current_page_item a{
font-weight:bold;
text-decoration:underline;
}

#sidebar{
margin-left:67%;
margin-top:0px;
padding:20px 0 0 10px;
}

#sidebar h2{
font-size:1.6em;
}

#footer{
clear:both;
text-align:left;
color:#FFF;
background:#6699CC url(images/BG_Fade_BlueLight_Small.jpg) repeat-x;
font-weight:bold;
height:30px;
margin-bottom:20px;
}

#footer ul{
padding:6px 0 0 0;
margin:0;
}

#footer li{
float:left;
margin-left:20px;
font-size:1.0em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#footer #contact-link{
float:right;
margin-right:20px;
}

#footer a{
color:#FFF;
font-weight:bold;
}

/* Content */

#content{
margin-top:0;
width:100%;
clear:both;
}

#main-column{
background-color:#FFF;
border-left:1px solid #CCDEF2;
border-right:1px solid #CCDEF2;
width:490px;
float:left;
padding:20px;
min-height:590px;
}

#main-column.full-width{
width:758px;
}

#main-column.even-width{
width:400px;
}

#main-column .entry{
padding:1px;
}

#main-column h2{
margin:0 0 10px 0;
padding-top:10px;
border-bottom:2px solid #CCDEF2; 
}

#main-column.news h2{
border-bottom:none; 
}

#content h2 a{
font-weight:normal;
}

#content h2 a:hover{
text-decoration:none;
background:none;
}

#main-column h3{
margin:15px 0;
}

#content h4{
border-bottom:1px solid #CCDEF2;
margin-top:20px;
padding-top:10px;
}

#content p{
text-align:left;
}

#content h5 a{
font-weight:bold;
color:#333366;
}

table {
font-size:1.2em;
}

table th, table td{
padding:5px;
vertical-align:top;
}

table td table td{ /*Tables are a necessary evil to make the site CMS-able*/
font-size:0.833em;
}

#main-column ul li{
list-style:none;
}

#main-column li{
font-size:1.2em;
margin:0;
padding:0;
}

#main-column ul li ul{
margin-bottom:15px;
}

#main-column table h2{
font-size:1.5em;
}

#main-column table h3{
font-size:1.333em;
margin:0;
}

#main-column ul li ul li, #main-column ul li ol li, #main-column ol li ol li, #main-column table p, #main-column table ul li, #main-column table ol li{
font-size:1em;
}

p.linklist a, 
ul.linklist li, 
#main-column.full-width ul li, /* allow homepage to have different bullet formatting */
#main-column.homepage ul li a /* homepage bullet formatting on 'a' tag instead of li tag */
{
background: transparent url(images/VSC_bullet_red.gif) no-repeat 0 0.5em !important; /*#content li a, */
padding-left:10px !important;
}

#main-column.homepage ul li {
float:left;
}

table.headerborderonly{
border:1px solid #CCDEF2;
}

table.headerborderonly th{
border-bottom:1px solid #CCDEF2;
}

table.headerborderonly td{
border:1px solid #fff;
}

table.fullborder{
border:1px solid #CCDEF2;
}

table.fullborder td, table.fullborder th{
border:1px solid #CCDEF2;
}

td.green{
background-color:#00CC66;
}

td.orange{
background-color:orange;
}

td.red{
background-color:#FF6666;
}

tr.grey, td.grey{
background-color:#CCCCCC;
}

table.landing-page {
margin:0 -10px;
}

table.landing-page td{
border:1px solid #CCDEF2;
padding:15px;
width:50%;
}

#content div.landing-page h3{
margin-top:20px;
}

#content table.landing-page h3 a, #content div.landing-page h3 a{
color:#333366;
text-decoration:none;
border-bottom: 1px solid #333366;
}

#content table.landing-page h3 a:hover, #content div.landing-page h3 a:hover{
border-bottom: 1px solid #333366;
}

table.quicklinks{
width:200px;
margin-left:60px;
}

table.quicklinks ul{
padding-left: 10px;
margin-left:0;
}

#content table.quicklinks h4{
margin-top:0;
padding-top:0;
}

#content table.quicklinks img{
border:none;
}

.entry img{
border:1px solid #333366;
}

.news .entry{
border-top:1px solid #CCDEF2;
clear:both;
margin:20px 0;
padding:20px 0;
}

.news h2{
border-bottom:none;
}

#main-column.search .entry{
margin:20px 0;
}

#main-column.search h3 a{
text-decoration:none;
border-bottom:1px solid #0000CC;
}

#main-column.search p{
margin:0;
}

#main-column.search a:visited{
color:#551A8B;
border-bottom:1px solid #551A8B;
}

#breadcrumb {
display:none;
margin-bottom:15px;
}

blockquote {
	float:right;
	width:300px;
	background: url(images/VSC_quote_open.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

blockquote p {
	font-size:1.4em;
	line-height:2em;
	margin-left:20px;
	padding:0px 25px 5px 0px;
	background: url(images/VSC_quote_close.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
}

.pagenav{
color: #888;
text-align:center;
}

.meta{
clear:both;
border-top: 2px solid #ccc;
padding: 10px 1px 0 0;
margin:10px 0 10px 0;
text-align:right;
font-size:0.9em;
color: #567;
}

.date{
float:left;
font-weight:bold;
}

.alert {
background-color:#FFEBE8;
border-color:#CC0000;
-moz-border-radius:3px 3px 3px 3px;
border-style:solid;
border-width:1px;
padding:0 0.6em;
margin:0.5em 0;
}

.notification {
background-color:#FFFFE0;
border-color:#E6DB55;
-moz-border-radius:3px 3px 3px 3px;
border-style:solid;
border-width:1px;
padding:0 0.6em;
margin:0.5em 0;
}

.alert p, .notification p{
margin:0.5em 0;
padding:2px;
}

p.edit{
float:right;
}

p.edit a.post-edit-link {
float:right;
width:16px;
height:16px;
text-indent:-9999px;
background:url(images/VSC_icon_edit.gif) top no-repeat;
}
p.edit a:hover{
background-position: bottom;
}

/* Sidebar column */
.subcontainer{
background-color:#FFF;
border:1px solid #CCDEF2;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-bottom:20px;
padding-bottom:10px;
overflow:hidden;
}

.subcontainer ul, .subcontainer li, .sidebarsub ul, .sidebarsub li {
list-style-type:none;
padding:0;
margin:0;
}

.subcontainer h3, h2.widgettitle{
color:#FFF;
background:#333366 url(images/BG_Fade_BlueNavy_Small.jpg) repeat-x;
margin-bottom:10px;
height:30px;
padding:4px 20px 0 20px;
font-weight:bold;
}

#events-calendar-list li, #recent-news-list li {
font-weight:normal;
background:transparent url(images/VSC_bullet_red.gif) no-repeat 0 1.1em !important; /*#content li a, */
margin:0 10px 0 18px;
text-align: left;
font-size:1.2em;
padding:6px 0 6px 10px;
}

#recent-news-list li a {
background-image:none;
margin-left:0 !important;
padding-left:0 !important;
}

.subcontainer p{
padding:0 6px;
}

#content .subcontainer a{
margin-left:12px;
padding-left:13px;
}

.sidebarsub{
float:left;
width:45%;
}

#login{
width:300px;
float:left;
}

#login ul.links li a{
margin-left:0;
padding-left:0;
}

.login{
padding:1px 20px 20px 20px;
}

.login p.error {
padding: 5px;
border: 1px solid #c00;
background-color: #ffebe8;
color: #333;
}

.login p.message {
padding: 5px;
border: 1px solid #e6db55;
background-color: #ffffe0;
color: #333;
}

#jbtoday{
overflow:hidden;
}

#jbtable p{
font-size:1em;
line-height:1.5em;
margin:1px;
}

#jbtable td.narrow{
width:100px;
}

#jbtable td.narrow p{
text-align:center;
}

#jbtable td.wide{
width:142px;
}

#jbtable td .tideheight{
margin-left:10px;
}

#jbtable #weatherlink{
float:left;
width:90%;
}

/*Generic styles */
.right{
text-align:right;
}

.center{
text-align:center;
}

.clear{
clear:both;
}

.hide{
display:none;
}

.widget a img {
border: none;
}

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	/*padding: 4px;*/
	margin: 0 15px 2px 0;
	display: inline;
}

hr {
color: #CCDEF2; /*#DFEAF7*/
background-color: #CCDEF2; /*#DFEAF7*/
height: 2px;
border: 0 none;
margin:30px 0;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #CCDEF2; /*#DFEAF7*/
	text-align: center;
	background-color: #E9F3FC; /* #F4F9FD */
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.alignright.wp-caption{
margin-left:15px;
}

.alignleft.wp-caption{
margin-right:15px;
}

.wp-caption img {
	margin: 0;
	padding: 4px;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align:center !important;
}

/* D13 Slideshow*/

#d13slideshow{
background-color:#FFFFFF;
width:490px;
height:300px;
margin:0 0 20px 0;
padding:0px;
}

#d13nav{
margin:0px; padding:0px;
}

#navleft{
z-index:200;
position:absolute;
width:15px;
height:230px;
margin:0px; padding:0px; }

#navright{
z-index:201;
position:absolute;
width:15px;
height:230px;
margin:0px; padding:0px;
margin-left:475px; }

#navleft a, #navright a{
width:15px;
height:230px;
display:block;
background-color:#333366;
filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
background-position:center center;
background-repeat:no-repeat; }

#content #d13slideshow #navleft a{
background:url(images/VSC_arrow_left.gif) no-repeat 0 160px;
}

#content #d13slideshow #navright a{
background:url(images/VSC_arrow_right.gif) no-repeat;
}

#navleft a:hover{
filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }

#navright a:hover{
filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; }

#navleft a span, #navright a span{ display:none; }

#content #d13slideshow a{
padding:0;
background:none;
color:#FFF;
font-weight:bold;
font-size:0.75em;
}

div.d13slide{
padding:0px;
margin:0px; }

div.d13slide img{
padding:0px;
margin:0px;
border:0;
}

div.d13fader{
background-color:#333366;
font-family:Arial, Helvetica, sans-serif;
filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;
height:75px;
z-index:1;
margin:-80px 0px 0px 0px;
padding:0px; }

#main-column div.d13fader h3{
font-weight:bold;
padding-left:20px;
margin:0px; }

div.d13fader h3 a{ 
color:#FFFFFF;
}

div.d13fader h3 a:hover{ color:#FFFFFF; }

div.d13fader p{
font-weight:normal;
padding:2px 20px 4px 20px;
margin:0px;
color:#FFFFFF;
line-height:1.2em;
}

div.d13fader p a{
color:#FFFFFF; }

div.d13fader p a:hover{
color:#FFFFFF; }

/* ICONS */
/* Word */			a.filetype-doc	{background:  url('images/filetype-doc.gif') no-repeat;}
/* Acrobat */		a.filetype-pdf	{background:  url('images/filetype-pdf.gif') no-repeat !important;}
/* ZIP */			a.filetype-zip	{background:  url('images/filetype-zip.gif') no-repeat;}
/* Print */			a.print	{background:  url('images/icon-small-print.gif') no-repeat;}
/* Email */			a.email	{background:  url('images/icon-small-email.gif') no-repeat;}
/* RSS */			a.rss	{background:  url('images/icon-small-rss.gif') no-repeat;}
a.filetype-doc,
a.filetype-pdf,
a.filetype-zip,
a.email,
a.rss,
a.print{
	padding: 2px 0 2px 20px;
}

/* LINKS THAT OPEN IN NEW WINDOWS */
.external-site,
.new-window,
.microsite{
	padding: 0 15px 0 0;
	background:  url('images/new-window.gif') no-repeat right bottom;
}
/* Hide 'new window' icon from image links */
.external-site img,
.new-window img,
.microsite img{
	margin-right: -15px;
}