/* CSS Document */

/*
Theme Name: Clyde Vanel
Theme URI: http://vanel.com
Description: Custom theme based on Reset Theme
Version: 1.0
Author: Damian Atkinson and Melvin Rivera
Author URI: 
Tags: 

*/
/********** reset **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0; }
/******* end reset  ********/

/******** structure ********/
body { 
	background: #599ed7 url('i/bg.jpg') repeat-x;
	font: normal normal 12px Helvetica, Arial, Verdana, sans-serif; 
	color: #dfdfdf ;
	}
#wrapper {
	background: #599ed7 url('i/main-bg.jpg') repeat-y;
	width: 1004px;
	margin: 0 auto
	}
#main {
	background: url('i/main-img.jpg') no-repeat ;
	padding: 1px 52px 0 52px;
	}
#header { height: 303px; overflow: hidden }
#content { position: relative; width: 496px; padding: 45px; float: left; min-height: 400px; }
#no-content { position: relative;}
#sidebar { padding-left: 587px; }
#footer { 
	 clear: both; 
	background: #00225b url('i/footer.gif') repeat-x; 
	padding:0px 0px 0px 0px;
	height:87px; 
margin: 25px 3px 0 0;

	text-align: center; 
	font-size: .7em; 
	text-transform: uppercase;
	}
/****** end structure ******/

/******** elements *********/
a:link, a:visited { text-decoration: none; color: #e9a827 }
a:hover, a:active { color: white;}
hr { border: none; height: 1px; background: #e6e6e6; margin: 2em 0 !important}
p { line-height: 1.6em; font-size: 1.1em; margin: 0 0 .8em 0 }
h1 { font-size: 2em; margin: 0 0 .8em 0 }
h2 { font-size: 1.5em; margin: 0 0 .8em 0 }
h3 { font-size: 1.3em; margin: 0 0 .8em 0; font-size: 1.5em; color: #ebb932; font-family: Georgia, 'Times New Roman', Times, serif  }
h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 0 0 .8em 0 }
h5 { font-size: .83em; margin: 0 0 .8em 0 }
h6 { font-size: .75em; margin: 0 0 .8em 0 }
ul, ol { padding: 0 0 0 10px; margin: 0 } 
ul li { margin: 0 0 8px 10px; list-style-type: disc }
ol li { margin: 0 0 8px 10px; list-style: decimal }
li li { list-style-type: circle }
dt dl { clear: both }
dt { width:30%; float: left; text-align:right; padding-right: 3%; font-weight: bold }
dd { width:66%; margin:0 0 0.5em 33%; line-height: 1.5em }
code, pre { font-family: Monaco, 'Courier New', Courier, monospace }
pre { background: #f5f5f5; border: 1px solid #dadada; padding: 15px; color: #555555; overflow: auto }
blockquote {
	padding: 5px 50px 2px 50px;
	color: gray;
	font-style: italic;
	font-size: 1.2em;
	color: #63605a;
	font-family: Georgia, 'Times New Roman', Times, serif;
	}
cite { color: silver; font-size: .8em }
cite:before { content: '- '}
cite a:link, cite a:visited{ color: gray }
cite a:hover, cite a:active{ color: #333333 }
fieldset { border: 1px solid silver; padding: 25px }
input[type=text] { width: 50%; padding: 2px; font-size: 1em; color: black }
.form-align { width: 7em;float: left;text-align: right;margin-right: 0.5em;display: block}
textarea { width: 100%; height: 150px; resize: both; padding: 2px; font-size: 1em; color: black }
table { border-collapse: collapse }
td, th { border: 1px solid silver; padding: 5px }
th { background: #e0faff }
sup { vertical-align: super; font-size: 0.6em }
sub { vertical-align: sub; font-size: 0.6em }
acronym, abbr { font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; color: gray;  }
/****** end elements *******/

/********* header **********/
#header h1 { display: none }
#menu { margin: 0; padding: 267px 0 0 0; }
#menu li { list-style-type: none !important; float: left; margin: 0; padding: 0 }
#menu li a { padding-top: 35px; background-image: url('i/menu.jpg') }
#menu-home { width: 50px; background-position: 0 0 }
#menu-home:hover { background-position: 0 -35px }
#menu-meetclyde { width: 87px; background-position: -50px 0 }
#menu-meetclyde:hover { background-position: -50px -35px }
#menu-election { width: 72px; background-position: -137px 0 }
#menu-election:hover { background-position: -137px -35px }
#menu-issues { width: 57px; background-position: -209px 0 }
#menu-issues:hover { background-position: -209px -35px }
#menu-contribute { width: 89px; background-position: -266px 0 }
#menu-contribute:hover { background-position: -266px -35px }
#menu-blog { width: 48px; background-position: -355px 0 }
#menu-blog:hover { background-position: -355px -35px }
#menu-media { width: 60px; background-position: -403px 0 }
#menu-media:hover { background-position: -403px -35px }
#menu-contact { width: 90px; background-position: -463px 0 }
#menu-contact:hover { background-position: -463px -35px }
#s { padding: 2px 10px; -webkit-border-radius: 15px; -moz-border-radius:15px; border: 1px solid gray; font-size: .9em; width: 90%  }
/******* end header ********/

/******* no content ********/
#no-content ul { width: 25%; float: left; padding-left: 0 }
#no-content ul li { list-style-type: none; margin-left: 0 }
#no-content ul ul { width: auto; float: none; padding-left: 10px }
#no-content .page-title { color: red; font-size: 2em }
/***** end no content ******/

/******* attachment ********/
.attachment #content { width:100% }
.attachment #content .entry { text-align: center; border-bottom: 1px solid #e6e6e6; padding-bottom: 50px; margin-bottom: 50px }
.attachment #content .nav img { width: 100px; height: 100px }
.attachment #comments, .attachment #respond { width: 70%; margin: 0 auto }
/***** end attachment ******/

/********** post ***********/
.post { padding: 30px 0; clear: both }
.page hr, .post hr { background: url('i/strip.jpg') no-repeat; margin-left: -45px }
.entry { clear: both; border-top: 1px solid #e6e6e6; padding-top: 15px; margin-top: 15px }
.page .entry { border-top: none; padding-top: 0; margin-top: 0 }
.page-title { font-size: 1.5em; margin: 0 0 .8em 0; color: #ebb932; font-family: Georgia, 'Times New Roman', Times, serif }
.post-title { width: 60%; margin-top: 0; float: left; border-right: 1px solid #e6e6e6; font-size: 1.5em; margin: 0 0 .8em 0; font-family: Georgia, 'Times New Roman', Times, serif }
.post-title, .post-title a:link, .post-title a:visited{ font-size: 1.6em; color: #ebb932 }
.post-title a:hover, .post-title a:active{ color: white }
.archive .post-title, .search .post-title { width: 100%; margin-top: 0; float: none; border-right: none; font-size: 1.2em }
.archive .entry { padding: 0 }
.archive .post { padding-bottom: 0 }
.entry .extend { margin: 0 -45px }
.entry .sub { margin-top: -45px }
.entry a.external { background: url('i/arrow.png') no-repeat; padding-left: 18px }
.highlight { color: #ecbb11; text-transform: uppercase; font-size: 1.2em }
.meta { width: 38%; color: silver; float:right; }
.meta a:link, .meta a:visited { color: silver }
.meta a:hover, .meta a:active { color: gray }
.modified-time { color: #66ccff }
.day { color: silver; display: block }
.zero-comment { color: silver }
.one-comment, .many-comments { color: gray }
.edit { clear: both }
.edit a:link, .edit a:visited{
	background: #808080 ;
	color: white;
	padding: 3px 7px;
	display: block;
	width: 25px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius:8px;
	}
.edit a:hover, .edit a:active{ background: black }
.wp-caption {
	border: 1px solid #e5e5e5;
	padding: 5px;
	text-align: center;
	font-size: .8em;
	font-style: italic;
	color: #666666
	}
.alignright { float: right; margin: 0 0 10px 10px }
.alignleft { float: left; margin: 0 10px 10px 0 }
/******** end post *********/

/******** comments *********/
#comments {  margin: 50px 0; }
#comments h3 { padding: 0 10px }
#comments ol { padding: 0 25px 0 100px }
#comments ul ul, #comments ol ol, #comments ol ul { margin: 0; padding: 0; list-style-position: inside }
#comments li, #comments li li { list-style-type: none }
#comments ol li.comment { border-top: 1px solid #e6e6e6; padding: 15px 15px 15px 115px; margin: 0 -25px 0 -100px; clear: both  }
#comments li li.comment { margin: 0 }
.comment-author { width: 100px; position: relative; left: -100px; float: left; margin-right: -100px}
.comment-author img { display: block; border: 1px solid silver; margin-bottom: 5px }
.comment-author cite:before { content:'' }
.comment-author cite, .comment-author .says { display: block; font-size: 1em; color: black }
#comments .children { margin-top: 15px }
#comments ol li.comment .children li { padding: 15px 0 15px 100px}
/****** end comments *******/

/******** sidebar **********/
#sidebar ul, #sidebar ol { padding: 0; margin: 0 } 
#sidebar ul li { margin: 0; list-style-type: none}
#sidebar ol li { margin:0 }
#sidebar li li li:before { content: '\00BB \0020'}
#web-community li { float: left; width: 155px; height: 28px }
#web-community h2, #web-community li a { background-image: url('i/community.png'); height: 0; overflow: hidden; display: block; width: 155px; padding-top: 28px }
#web-community h2 { padding: 50px 0 0 0; margin: 0; width: 310px;}
*html #web-community { float: right; }/* Internet Explorer */
#sidebar-facebook {  background-position: 0 -51px }
#sidebar-myspace { background-position: -155px -51px }
#sidebar-twitter { background-position: 0 -79px}
#sidebar-youtube { background-position: -155px -79px }
#sidebar-linkedin { background-position: 0 -107px }
#sidebar-blackplanet { background-position: -155px -107px }
#sidebar-mignite { background-position: 0 -134px }
#web-community li.spacer { background: url('i/community.png') -155px -134px }
/****** end sidebar ********/


/********* useful **********/
.hidden, .hide, .ui-tabs-hide { display: none; }
.bg-img, .bg-img-list li a { display: block; height: 0; overflow: hidden; }
.clear { clear: both;}
/******* end useful ********/

/***** page specific *******/
#meet-menu { margin: -45px 0 0 -45px !important; padding: 0 !important; height: 37px; width: 586px; float: left; list-style-type: none } 
#meet-menu li { float: left; margin: 0; list-style-type: none !important }
#meet-menu li a { background-image: url('i/meet-menu.jpg'); padding-top: 37px }
#overview a { width: 80px; background-position: 0 0}
#overview a:hover { background-position: 0 -37px }
#early a { width: 93px; background-position: -80px 0 }
#early a:hover { background-position: -80px -37px }
#college a { width: 111px; background-position: -173px 0 }
#college a:hover { background-position: -173px -37px }
#business a { width: 151px; background-position: -284px 0 }
#business a:hover { background-position: -284px -37px}
#community a { width: 151px; background-position: -435px 0 }
#community a:hover { background-position: -435px -37px}
#meetclyde, #meet-name, #meet-early, #meet-college, #meet-business, #meet-community { height: 0; overflow: hidden; padding: 0 }
#meet-name { background: url('i/meet-name.png') no-repeat; width: 464px; padding-top: 34px;   }
#meet-early { background: url('i/meet-early.png') no-repeat; width: 119px; padding-top: 34px; }
#meet-college { background: url('i/meet-college.png') no-repeat; width: 141px; padding-top: 34px }
#meet-business { background: url('i/meet-business.png') no-repeat; width: 187px; padding-top: 29px }
#meet-community { background: url('i/meet-community.png') no-repeat; width: 199px; padding-top: 34px }
#the-election-title { height: 0; overflow: hidden; background: url('i/the-election.jpg') no-repeat; padding-top: 153px }
#election-district, #election-incumbent, #election-comrie-took { height: 0; overflow: hidden; padding: 53px 0 0 0; margin-top: 2em !important }
#election-district {  background: url('i/district-of-queens.png') no-repeat;}
#election-incumbent { background: url('i/incumbent.png') no-repeat;}
#election-comrie-took {  background: url('i/comrie-took-away.png') no-repeat;}
#election-menu { margin: -45px 0 0 -45px !important; padding: 0 !important; height: 37px; width: 586px;  } 
#election-menu li { float: left; margin: 0; list-style-type: none !important }
#election-menu li a { background-image: url('i/election-menu.jpg'); padding-top: 37px }
#contact-menu { margin: -45px 0 0 -45px !important; padding: 0 !important; height: 37px; width: 586px;  } 
#contact-menu li { float: left; margin: 0; list-style-type: none !important }
#contact-menu li a { background-image: url('i/contact-menu.jpg'); padding-top: 37px }
#district a { width: 73px; background-position: 0 0  }
#district a:hover { background-position: 0 -37px }
#incumbent a { width: 513px; background-position: -73px 0 }
#incumbent a:hover { background-position: -73px -37px}
#contact a { width: 87px; background-position: 0 0  }
#contact a:hover { background-position: 0 -37px }
#volunteer a { width: 499px; background-position: -85px 0 }
#volunteer a:hover { background-position: -85px -37px}
#issues-menu { margin: -45px 0 0 -45px !important; padding: 0 !important; height: 37px; width: 586px;  } 
#issues-menu li { float: left; margin: 0; list-style-type: none !important }
#issues-menu li a { background-image: url('i/issues-menu.jpg'); padding-top: 37px }
#economic a { width: 220px; background-position: 0 0 }
#economic a:hover { background-position: 0 -37px }
#education a { width: 132px; background-position: -220px 0 }
#education a:hover { background-position: -220px -37px }
#safety a { width: 104px; background-position: -352px 0 }
#safety a:hover { background-position: -352px -37px }
#seniors a { width: 130px; background-position: -456px 0 }
#seniors a:hover { background-position: -456px -37px }
#contribute-menu { margin: -45px 0 0 -45px !important; padding: 0 !important; height: 37px; width: 586px;  } 
#contribute-menu li { float: left; margin: 0; list-style-type: none !important }
#contribute-menu li a { background-image: url('i/contribute-menu.jpg'); padding-top: 37px }
#contribute-menu li a:hover { background-position-y: -37px }
#m-contribute a { width: 91px; background-position: 0 0  }
#m-contribute a:hover { background-position: 0 -37px }
#m-volunteer a { width: 495px; background-position: -91px 0 }
#m-volunteer a:hover { background-position: -91px -37px }
/**** end page specific ****/

/********* donations page **********/
#donations-form .required-field { color: #FF0000; }
input.disabled, textarea.disabled, input.submit.disabled, input.submit.disabled:active{
	color: gray
}
#msg-status, #msg-status2 {
	background: white;
	padding: 6px;
	text-align: center;
	margin: 6px 0;
	display: none;
	color: black
}
/******* end donations page ********/
#home-container {width:470px; font-family:'Trebuchet MS', Verdana, Arial; text-align:left; font-size: 1em; }
.home-container {background-color:#333; color:#ddd; padding: 12px }
.home-top {height:13px; background:url(/wp-content/plugins/simplemodal-contact-form-smcf/img/form_top.gif) no-repeat; padding:0; margin:0;}
.home-bottom {height:13px; background:url(/wp-content/plugins/simplemodal-contact-form-smcf/img/form_bottom.gif) no-repeat; padding:0; margin:0;}
#home-container h2 {  display: none }
#home-container form { margin: 0 }
#home-container fieldset { border: none; margin: 0; padding: 0; }
#home-container legend { font-size: 1.5em ; line-height: 1.5em}
#home-overlay {background-color:#000; cursor:wait;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:400px; width:600px; background-color:#fff; border:3px solid #ccc;}
a.modalCloseImg {background:url(/wp-content/themes/vanel/i/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#resultdiv { color: black }