/*
/*
Theme Name: OakvilleRockNRoll
Description: Custom theme for Oakville's Largest Rock'n Roll Party
Author: Bev Stofko
Author URI: http://stofko.ca/
Version: 1.0
*/


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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
/* */

/* Body */
* {margin:0; padding:0;}
body {background-color: #666666;color: white;margin: 0 auto; padding: 0px;font-family: arial, serif;font-size: 14px;min-width: 820px; /* needed for IE7 and Opera */position: absolute; /* needed for IE6 foot width */width: 100%;}
#wrap {background: #666666 url("images/crowd.gif") bottom left repeat-x;padding: 20px 0 50px 0; }
#main {position: relative;  width: 95%; max-width: 950px; min-width: 820px; width:expression(document.body.clientWidth < 825? "820px" : (document.body.clientWidth > 955? "950px": "95%")); /* IE's version of min- and max-width */ margin: 0 auto;}

/* Links */
a {color: white;}
a:hover {color: #99ff00;}
a img {border:0;}

/* Header */
#header {	background: transparent url("images/bg_head.jpg") top left repeat-x;}
#crowd { background: transparent url("images/crowd.gif") bottom left repeat-x; height: 56px; }

/* Sidebars for left and right sides */
#leftside {	width: 165px; margin-left: 5px; float: left; font-size: .9em; text-align: right; }
#leftside h2 { color: #99ff00; font-size: 1em; border-bottom: solid 1px #99ff00;	padding-top: 10px; }
#leftside p { padding: 3px; font: normal .9em arial; color: #c0c0c0; }
#leftside p a { text-decoration: underline; color: #c0c0c0; }
#leftside p a:hover { color: #99ff00; }

#rightside { float:right; margin:0 0 0 10px; width: 180px; padding:0; font-size: .9em; color: black;}
#rightside p { color: #888888; font-style: italic; font-size: .9em; padding: 5px 10px; }
#rightside h2 { display:none; }

.fergcorp_countdownTimer_event_li { list-style:none; background:#f0008f; margin: 10px auto; padding: 10px;border: solid 1px #e0007f; color: white; font-weight:bold; text-align: center;}

#rightside .tickets {background-color: #F90; border: 1px solid black; font-size: 1em; margin-top: 10px; margin-bottom: 10px; padding: 3px; text-align: center; color: white;}
#rightside .tickets h3 { color: red; }
#rightside .tickets p { color: black; }

#rightside .signup { text-align:center; color: black; margin-top: 10px; background-color: white; border:solid 1px black; padding: 3px; }
#rightside .signup p { color: green; }
#rightside .signup a { color: green; }

#rightside .blue { background-color: #13addf; padding: 3px; text-align: center; border: solid 1px #039dcf; margin-bottom: 10px; }
#rightside .blue p { color: black; font-size: 1em; }
#rightside .blue a { text-decoration: none; }
#rightside .white { background-color: #fff; padding: 3px; border: solid 1px #222; margin-bottom: 10px; }
#rightside .pink { background:#f0008f; padding: 3px; border: solid 1px #e0007f; color: white; font-weight:bold; text-align: center; margin-bottom: 10px; }

/* Main menu */
ul.sf, #leftside ul {list-style:none; padding: 10px 0 20px 0;}
ul.sf li, #leftside ul li {font-size: 1em; padding: 3px 0;}
ul.sf li a, #leftside ul li a {text-decoration:none;}
ul.sf li a:hover, ul.page li.current_page_item a {color: #99ff00;}

/* Content */
#content {	margin-left: 190px; margin-right: 190px; border-left: solid 1px #888888; padding-left: 20px; height:expression("1%"); }
#content h1 {background: black; padding: 20px; color: white; font-size: 2em; font-family: times new roman; text-align: left; }
#header2 { background: black url("images/banner4.jpg") top center no-repeat;	height: 163px; }

#content h2 {color: #99ff00; font-style: normal; margin-top: 7px;	padding: 10px 0 5px 0; font-size: 1.4em; }
#content h3 {color: #99ff00; font-style: italic; margin-top: 7px;	padding: 10px 0 5px 0; font-size: 1.3em; }
#content h3 a {color: #99ff00; }
#content h4 {color: #99ff00; padding: 10px 0 5px 0; font-size: 1.2em; }
#content h5 { padding: 0 0 3px 0; font-weight: normal; font-size: 1em; }
#content h6 { color: #99ff00; font-style: italic; font-size: 1em; }

#content p { padding: 5px 0; font-size: .9em; }
#content ul li { margin-left: 20px; font-size: .9em; margin-top: 3px; }
#content ol li { list-style:none; margin-left: 20px; font-size: .9em; margin-top: 8px; background: transparent url("http://www.oakvillerocknrollparty.com/images/note.gif") top left no-repeat; padding: 7px 0 0 18px;}

/* Sub-menu within page content */
#content ul.children , #content ol.children ol {margin:30px auto; text-align:left; list-style-type: none; }
#content ul.children li {}
#content ul.children li a {color: #99ff00; }
#content ul.children li a:hover {color: #fff;}

/* Footer */
#footer { background: #999999 url("images/bg_foot.jpg") top left repeat-x; padding: 34px 0 5px 0; text-align: left; color: #333; font-family: Tahoma, arial, serif; 	font-size: 10px; }
#footer a {color: #333;}
#footer a:hover {color: #99ff00;}
#footer p {padding: 5px 10px;}

/* Subpage menu */
/*
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:left; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #336633; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}
*/

/* Breadcrumbs */

/* Tags */
/*p,ul,ol {margin:0 0 18px;}*/
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:transparent; color:#336633; font-size:0.9em; line-height:1.3em;}
label {background-color:transparent; color:#99ff00; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}
address {font-size: .9em; }

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#336633; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Book Antiqua,Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {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 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

.SimpleSideNav h2 {border-bottom: solid 1px #fff; }

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.more-link {float:right; color:black; font-style:italic; font-weight:bold; text-decoration:underline;}