/*

Theme Name: Ottawa Jazz Festival

Theme URI: http://ottawajazzfestival.com

Description: WordPress Theme for the 30th Anniversary Ottawa Jazz Festival

Version: 1.0

Author: digitalOttawa

Author URI: http://digitalottawa.ca

*/



/* Global settings */



* {

	padding:0;margin:0;

}

body {

	text-align: center;

	margin:0 !important;
	padding:0 !important;

	font-family: Verdana;

	background: #2c3241;

}

img {
	border: none;
}

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

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

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

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

/* Global Typography */



body {

	font-size: 9pt;

	background: #2c3241 url(images/head_bg.jpg) no-repeat center top;

}

body.page {

	background: #2c3241 url(images/page_bg.jpg) no-repeat center top;

}

h1 {

	font-size: 1.75em;

	color: #215673;

	font-weight: normal;

	padding: 5px;

	margin: 5px;

}

h2 {

	font-size: 1.5em;

	color: #215673;

	padding: 5px;

	font-weight: normal;

}

h3 {

	font-size: 1.25em;

	color: #333;

	margin-left: 5px;

	font-weight: bold;

}

h7 {

	font-size: 0.95em;

	line-height: 1.55em;

	color: #444;

}

a, a:visited {

	color: #215673;

	text-decoration: none; 

}

a:hover {

	color: #900;

	text-decoration: underline;

}

#container p {

}

#header form {

	color: #fff;

	font-weight: bold;

}

#header .lang {

	float:right;

	color: #ffffff;

	padding: 5px 10px 0 0;

}

#main {
	text-align: left;
}

#leftout {
	font-size: 95%;
}

#leftout h2 {

	font-size: 1.30em;

	color: #ffd647;

	background-color: #48576b;

	font-weight: normal;

	padding: 3px 10px;

	margin: 15px 0 3px 0;

}

#leftout p {

	color: #fff;

	padding: 5px 10px;

}

#leftout a {

	color: #fff;

}

#leftout div.smicons {

	margin: 0 auto;

	text-align: center;

}

#content h2 { 

	font-size: 1.5em;

	color: #215673;

	font-weight: normal;

	background-color: #eee;

	padding: 3px 10px;

	margin: 5px 5px 10px 5px;

	width: 90%;

}

#content h3 {

	color: #215673;

	font-weight: normal;

	font-size: 1.35em;

	padding: 15px 0 5px 0;

}

#main_page #content h2 {

/* background-color: transparent; */

}

#leftcol p {

	padding: 0 10px 15px 10px;

	margin-left: 6px;

	margin-right: 5px;

}

#leftcol p a {

	font-size: 10pt;

}

#rightcol h2 {

	font-size: 1.30em;

	color: #ffd647;

	background-color: #4c607c;

	font-weight: normal;

	padding: 3px 10px;

	margin: 6px 0 10px 0;

}

#rightcol hr {

	background: url(images/g_line.png) no-repeat center bottom;

	margin: 15px auto;

	height: 1px;

	border: 0 none;

}

#rightcol p {

	font-size: .95em;

	line-height: 1.55em;

	padding: 5px 0 10px 0;

}

#rightcol a {

	color: #FFD647;

}

/* Entry/Post */



.entry p {

	color: #333;

	padding: 5px 15px 10px 5px;

	margin: 5px 0px;

}

#leftcol li div.entry p {

	line-height: 1.15em;

	font-size: 8.5pt;

	color:#4D4D4D;

}

.entry {

	padding: 0px 10px 0px 5px;

	line-height: 1.5em;

}

.entry ul li {

	padding: 10px 10px 10px 25px;

}

.wp-post-image {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

.wp-post-image:hover {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=50);

}



.entry h4 {

	font-size: 1.2em;

	color: #215673;

	font-weight: bold;

	background-color: #eee;

	padding: 3px 10px;

	margin: 5px 5px 10px 5px;

	width: 90%;

}



.entry h5 {

	font-size: 1em;

	color:#333;

	font-weight: normal;

	padding: 3px 10px;

	margin: 0px 5px 20px 5px;

	width: 90%;

}



.entry h6 {

	font-size: 1em;

	color:#333;

	font-weight: normal;

	padding: 3px 10px;

	margin: 0px 5px 20px 5px;

	width: 90%;

}



/* Page structure */



#container {

	text-align: center; 

	width:890px;

	margin: 0 auto; 

	background-color: none;

}

#header {

	text-align: left;

	min-height: 223px;

}

#header #home {

	float:left;

	padding: 15px 0 0 20px;

}

#header #english{

	float:right;

	padding:18px 0 0 0;/* adjust #suscribe padding to compensate */

	font-size:1.1em;

	font-weight:bold;

	color:#ffd647;

}

#header #english a{

	color:#ffd647;

}

#subscribe {

	float: right;

	width: 192px;
	padding: 69px 0 18px 8px;

	font-size: 0.8em;

	font-weight: normal;

}

#nav {
	padding: 3px 0 45px 200px;
}

#nav { position:relative; text-align: left;}

#main, #main_page { text-align: left;}

#main {
	background: #2c3241 url(images/home_content_bg.gif) repeat-y top left;
}
#main_page {
	background: #2c3241 url(images/page_content_bg.gif) repeat-y top left;
}

#leftout {

	float: left;

	width:186px;

	padding: 0 3px 0 3px;

}

#leftout .icon {

	padding: 10px 3px 0px 0px;

	border:0;

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

#leftout .icon:hover {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=50);

}

#leftout img.sponsor {

	margin: 10px;

	border: 5px solid #808080;

}

#content {

	float:right;

	width:690px;

}

#leftcol {

	float: left;

	width:380px;

}

#rightcol {

	float: right;

	width:265px;

	background-color: #344a66;

	color: #e4e4e4;

	padding: 0 20px 0 0;

}

#footer {

	text-align: center;

	margin: 0 auto;

	padding: 90px 60px 20px 10px;

	background: #e4e4e5 url(images/footer.jpg) no-repeat center top;

	min-height: 300px;

}

#page_footer {

	text-align: center;

	margin: 0 auto;

	padding: 120px 60px 20px 10px;

	background: #E4E4E5 url(images/page_footer.jpg) no-repeat center top;

	min-height: 300px;

}

#footercontent {

	text-align: left;

	width: 890px;

	margin: 0 auto;

	padding:0 0 0 100px;

}

.footcol {

	padding: 0 50px 0 0;

	float: left;

}

#footercontent p {

	font-size: 9pt;

	padding: 10px 0 20px 0;

}

/* Dropdown Menu */

#dropmenu { position:absolute; left:200px; top:3px; width:730px; z-index:1000 !important;}

#dropmenu, #dropmenu ul {

	margin:0; 

	padding:0; 

	list-style-type:none; 

	list-style-position:outside; 

	line-height:1.7em; 

	z-index:300; 

	font-weight:bold;
}

#dropmenu ul {
	position:relative; 
}

#dropmenu a {

	display:block; 

	margin-left: -3px;

	padding:6px 14px 7px 12px; 

	color:#525252; 

	background:url(images/nav_rl.jpg) no-repeat right top;

	text-decoration:none; 

	text-transform: uppercase; 

	font-weight: normal; 

	font-size: 11pt;

}

#dropmenu a:hover {

	background: #eee; 

	color: #666;

}

#dropmenu li {

	float:left; 

	position:relative;

	padding: 0px 2px;

}

#dropmenu ul {

	position:absolute;

	margin:21px 0 0 0px; 

	display:none; 

	width:12em; 

	top: 1em; 

	left:-1px;

}

#dropmenu ul a {

	border-left:1px solid #c8c8c8;

	border-right:1px solid #c8c8c8;

	background:#ffffff;

}

#dropmenu li ul {

	border-top:1px solid #c8c8c8;

	width:14.1em;

}

#dropmenu li ul a {

	width:12em; 

	height:auto; 

	float:left;  

	border-bottom:1px solid #c8c8c8;

	text-align: left;

	text-transform: capitalize; 

	font-size: 9pt;

}

#dropmenu ul ul {

	top:auto;

}

#dropmenu li ul ul {

	left:13em; 

	margin:0 0 0 0px;

	top:-.09em;

}



/* #nav ul {

	display: inline;

}

#nav ul li {

	display: inline;

	font-size: 11pt;

	color: #525252;

	padding: 7px;

	background:url(images/nav_rl.jpg) no-repeat right top;

}

#nav ul li a {

	text-decoration: none;

	color: #525252;

	text-transform: uppercase; 

	padding: 0 6px 0 6px;

} */



/* Lists */



li {

	list-style-type: none;

}



/* Footer */



#footercontent p {

	padding: 30px 0px;

	font-size: .9em;

	color:#797979;

	text-decoration: none;

}

#footercontent .footcol ul {}

#footercontent .footcol ul li {

	line-height: 1.75em;

}

#footercontent .footcol h3 {

	font-size: 1.25em;

	color: #333;

	padding: 0px;

	margin: 0px 0px 3px 0px;

}

#footercontent p, #footercontent .footcol ul li a, #footercontent .footcol ul li a:visited {

	font-size: .9em;

	color:#797979;

	text-decoration: none;

}

#footercontent p a:hover, #footercontent .footcol ul li a:hover {

	color: #900;

	text-decoration: underline;

}

#leftcol li {

	padding: 0 5px 0 10px;

/*	line-height: 175%;
*/
}

#leftcol li h3 {

	background-color: transparent;

	font-size: 1.3em;

	font-weight: normal;

	margin: 0px;

	padding: 0px 0px 2px 0px;

}

#leftcol li img {

	float:left;

	padding: 5px 8px 0 9px;

}

/* Feature Slider */



#feature {

	background:  url(images/feature_bg2.png) no-repeat top left ;

	width:642px;

	height:154px;

	padding: 10px 15px 15px 15px;

	margin: 10px 0;

}

#feature h2 {

	background-color: transparent;

}

/*#feature p {

	margin: 0;

	padding: 0 1em;

	font-size: 1.5em;

	position: relative;

	line-height: 10px;

	height: 20px;

	background: black;

	opacity: .7;

	filter:alpha(opacity=70);

}*/



#feature li {

	width:640px;

	height: 150px;

}

#feature img {

	border: none;

}

/* #feature li a {

color: #FFD647;

} */



#feature li h2 {

	font-size: 2em;

	font-weight: bold;

	color: #FFD647;

	margin: 0px;

	padding: 10px 0px 0px 60px;

}

#feature li h3 {

	color: #FFD647;

	font-size: 1.15em;

	text-transform: uppercase;

	margin: 0px;

	padding: 0px 15px 0px 60px;

}

#feature li p {

	color: #FFD647;

	margin: 0px;

	padding: 10px 0px 0px 60px;

}

#feature li p a{

	color:#FFD647;

}

#feature li p a:hover{

	color:#fff;

	text-decoration:none;

}



/** button replacement for slideshow **/

/*prev btn*/

#feature #prevBtn, #feature #nextBtn{

	display:block;

	width:25px;

	height:28px;

	position:relative;

	top:-92px;

	left:8px;

}

/*next btn*/

#feature #nextBtn{

	top:-120px;

	left:605px;

}



#feature #prevBtn a, #feature #nextBtn a{

	display:block;

	width:25px;

	height:28px;

	background-position:left top;

	background:url(images/s_prev.png);

}



#feature #nextBtn a{

	background:url(images/s_next.png);

}



#feature #prevBtn a:hover, #feature #nextBtn a:hover{

	background-position:left bottom;

}



ul.lcp_catlist li {

	padding: 5px;

}

/* Forms */



#header form {}

#header p {

	padding: 0 0 10px 0;

}

#header form input {

	margin: 4px 0 4px 0;

}

/* Misc */



#slider {

	padding: 0 0 3px 0;

}

/* snap */



#a2z {

	width:90%;

}

ol.snap_nav {

	display: inline;

	float: left;

	clear: both;

	list-style: none;

	background-color: #eee;

	margin: 10px 0px 30px 10px;

}

ol.snap_nav li {

	font-size: 1.25em;

	display: block;

	float: left;

	padding: 0 2px 10px 0;

}

ul.a2z li img {

	float:left;

	padding: 20px;

}

ol.snap_nav li a {

	font-weight: bold;

}

ol.snap_nav li.snap_selected a {

	cursor: text;

}

ol.snap_titles {

	clear: both;

	display: block;

	border: 0;

	list-style: none;

}

.more {

	clear: both;

	padding: 10px 0px 0px 5px;

}



p a.buytickets {

background-color: #cc0000;

color: #fff;

padding: 3px;

}



/* position .lang at rgiht of title */

.lang{

	float:right;

	position:relative;

	top:-28px;

	right:13px;

}

.entry .lang{right:44px;}



/* overlayed video */

/* overlayed video */

#toggleVideo{

	position:fixed;

	left:340px;

	bottom:10px;

	z-index:120;

	font-size:11px;

	background:#666;

	padding:8px;

}

#toggleVideo a{

	color:#fff;

}



#overlayedVideo{

	position:fixed;

	bottom:-3px;

	left:15px;

	z-index:100;

}



.clear{

	clear:both;

	font-size:0px;

	height:0px;

	line-height:0px;

}