/*
Theme Name: VEQ
Theme URI: http://wordpress.org/
Description: VEQ Theme
Version: 1.6
Author: Matt Tibbits
Author URI: http://www.tibbits.ca
Tags: veq
*/

/*************************************************
Default CSS
VEQ.ca (Voice of English Quebec)
Created by Matt Tibbits 
matt@tibbits.ca
January 2009
**************************************************/
body {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: arial, sans-serif;
	background-color: #eeeff0;
	}

#wrapper {
	width: 1000px;
	margin: 5px auto;
	border: 2px solid #000;
	background-color: #eeeff0;
	}

.clear {
	clear: both;
	}

p.comment {
	color: #666;
	}

p.error {
	color: #f00;
	}

p.success {
	color : #090;
	}	

a {
	color: #007c5a;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

/*************************************************
TOP NAV, FOOTER NAV, MAIN NAV
**************************************************/
#topnav {
	background: #fff;
	}
	
#topnav ul, #nav ul, #footernav ul {
	margin: 0;
	padding: 3px 0;
	text-align: right;
	font-size: .8em;
	font-weight: bold;
	}
	
#topnav ul li, #nav ul li, #footernav ul li {
	display: inline;
	list-style-type: none;
	padding-right: 15px;
}

/******** MAIN NAV ***********/
#nav {
	background-color: #000;
	}

#nav ul {
	padding: 6px 0;
	text-align: center;
	}

#nav ul li {
	padding: 0 20px;
	}

/******** FOOTER NAV ***********/

#footernav {
	background: #39896e;
	clear: both;
	}

#footernav a, #nav a {
	color: #fff;
	}

#footernav ul {
	padding: 5px 0;
	text-align: center;
	}

/*************************************************
HEADER
**************************************************/
#header {
	margin: 0;
	padding: 0em 0;
	height: 80px;
	background: url(images/logo.jpg) center no-repeat #39896e;
	text-indent: -999px;
	border-bottom: 0px solid #000;
	border-top: 1px solid #666;
	}
	
/*************************************************
BANNER
**************************************************/
#banner {
	width: 1000px;
	height: 98px;
	}

/*************************************************
LEFT COLUMN
**************************************************/
#leftcol {
	float: left;
	width: 200px;
	padding-top: 1em;
	background: url(images/shadow_grey.jpg) top repeat-x #eeeff0;
	font-size: 1em;	
	}

#leftcol ul {
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
	}

#leftcol ul li {
	margin-left: 1em;
	margin-top: 1em;
	}

#leftcol h1 {
	margin: 0;
	font-size: 1em;
	color:  #39896e;
	text-align: center;
	}	

#leftcol img {
	margin-top: 0;
	border: none;
	}
	
/*************************************************
RIGHT COLUMN
**************************************************/
#rightcol {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	padding-top: 1em;
	background: url(images/shadow_grey.jpg) top repeat-x #eeeff0;
	text-align: center;	
	}

#rightcol hr {
	color: #000;
	width: 85%;
	height: 1px;
	clear: both;
	}
/******** MEMBERS SECTION **********/
#members {
	
	}

#members a.adbtn {
	display: block;
	width: 145px;
	height: 31px;
	margin-left: 27px;
	background: url(images/ad_card_button_off.jpg) no-repeat;
	}

#members a:hover.adbtn {
	background: url(images/ad_card_button_on.jpg) no-repeat;
	}
	
#members a.adfrbtn {
	display: block;
	width: 145px;
	height: 31px;
	margin-left: 27px;
	background: url(images/carte_tarifs_button_off.jpg) no-repeat;
	}

#members a:hover.adfrbtn {
	background: url(images/carte_tarifs_button_on.jpg) no-repeat;
	}
		
#members a.memberbtn {
	display: block;
	width: 145px;
	height: 31px;
	margin-left: 27px;
	background: url(images/member_button_off.jpg) no-repeat;
	}

#members a:hover.memberbtn {
	background: url(images/member_button_on.jpg) no-repeat;
	}

#members a.jobbtn {
	display: block;
	width: 145px;
	height: 31px;
	margin-left: 27px;
	background: url(images/job_bank_button_off.jpg) no-repeat;
	}

#members a:hover.jobbtn {
	background: url(images/job_bank_button_on.jpg) no-repeat;
	}
	
#members a.volunteerbtn {
	display: block;
	width: 145px;
	height: 31px;
	margin-left: 27px;
	background: url(images/volunteer_button_off.jpg) no-repeat;
	}

#members a:hover.volunteerbtn {
	background: url(images/volunteer_button_on.jpg) no-repeat;
	}
	
/****** DIRECTORY SECTION ********/
#dir {
	padding: 3px 10px 10px 14px;
	font-size: .9em;
	color: #007c5a;
	}
	
#dir p {

}
	
#dir img {
	float: left;
	padding-bottom: 10px;
	border: none;
	}	
	
/****** TESTIMONY POLL SECTION ******/

#testify p {
	margin: 0;
	padding: 0 16px;
	font-size: 1em;
	color: #007c5a;
	text-align: left;
	}
	
#testify p.sm {
	margin: 3px 0;
	font-size: .7em;
	color: #000;
	}
			

/****** MONTHLY POLL SECTION ******/
#poll {
	padding: 2px 10px;
	}

#poll h1 {
	margin: 2px 0 1em 0;
	font-size: .9em;
	}

	
/*************************************************
CONTENT (middle column)
**************************************************/
#content {
	float: right;
	width: 580px;	
	padding: 1em 10px 1em 10px;	
	background: url(images/shadow_white.jpg) top repeat-x #fff;
	font-size: .9em;	
}

#content h1 {
	margin: .5em 0 0 0;
	font-size: 1.3em;
	color: #981b1e;
	}

#content h1 a {
	color: #981b1e;
	}
		
#content h2 {
	font-size: 1.1em;
	}
	
#content h3 {
	margin: 1em 0;
	font-size: 1em;
	font-weight: bold;
	color: #50334f;
	}

#content p {
	
	}

#content img {
	margin: 5px;
	padding: 2px;
	border: 1px solid #ccc;
	}

#content img.noborder {
	border: none;
	}

#content div.entry {
	margin-bottom: 2em;
	}

/****** PHOTO GALLERY ******/

/******Album page*******/
.album
{
	margin: 25px 0;
	padding-right: 5px;
	border: 1px #fff solid;
}

.album .image 
{
	float: right; 
	margin-left: 5px;
	margin-top: 2px;
	padding: 3px;
	border: 1px solid #ccc;
}


.album h2.name 
{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
}

div.clear { clear:both; }

/******Thumbs page*******/
.thumbs
{
	text-align: left;	
}

.thumbs img
{
	margin: 4px;
	padding: 3px;
	border: 1px #ccc solid;
}

a img {
	border: none; 
	margin: 1em 0 0 0;
	padding: 0;
	border: 1px solid #ccc;
}

.prevnext {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 4px;
	}
	
.prev {
	float: left;
}

.next {
	float: right;
	margin-right: 1em;
}

/******Photo page*******/

.entry {

}

img.big {
	margin-right: 4px;
}




/*************************************************
FOOTER
**************************************************/
#footer {
	text-align: center;
	color: #007c5a;
	background-color: #fff;
	}
	
#footer p {
	margin: 1em 0;
	padding: .5em 0;
	font-size: .7em;
	}

#footer a {
	text-decoration: underline;
	}

#footer img {
	margin-top: .5em;
	}