/*
Theme Name: JamesOdd


*/
html,body {height: 100%;}
html{background: url(images/bg-html.gif);}
body {
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#4c4c4c;
	min-width:1000px;
}
#main .post  {padding:15px 30px 0;}
#main .post a {color:#1b5890;}
#main .post h2 {color:#1b5890;font-size:22pt;}
img{border-style:none;}
a{color:#000;}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
/*page-holder*/
.page-holder{
	min-height: 100%;
	background: url(images/bg-body.gif) repeat-x 50% 0;
}
* html .page-holder{height:100%;}
#content {
	padding-bottom:308px; 
	width:1000px;
	margin:0 auto;
}
#content p {
line-height: 150%;
}
#footer {
	text-align: center;
	position:relative;
	width: 100%;
	height:225px;
	padding-top:83px;
	margin-top:-308px; 
	background: url(images/bg-footer.gif) repeat-x;
}
/*navigation*/
#navigation{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	height:51px;
	position:relative;
	z-index:10;
}
#navigation:after{
	content:"";
	display:block;
	clear:both;
}
#navigation li{
	float:left;
	font-size:15px;
	font-weight:bold;
	background: url(images/separator-navigation.gif) no-repeat;
	height:40px;
	padding:11px 17px 0 12px;
	text-transform:uppercase;
}
#navigation li:first-child{
	background:none;
}
#navigation li a{
	color:#fff;
	text-decoration:none;
	float:left;
}
#navigation li a span{
	float:left;
	line-height:27px;
	padding:0 7px;
	cursor:pointer;
}
#navigation li a:hover{background:#3b6589 url(images/bg-nav-left.gif) no-repeat;}
#navigation li a:hover span{background: url(images/bg-nav-right.gif) no-repeat 100% 0;}

#navigation li:hover, #navigation li.hover, #navigation li li:hover, #navigation li li.hover {position:relative !important;}

#navigation li:hover a, #navigation li.hover a{
	position:relative;
	background:#3b6589 url(images/bg-nav-left.gif) no-repeat;
}
#navigation li:hover a span, #navigation li.hover a span{background: url(images/bg-nav-right.gif) no-repeat 100% 0;}
#navigation li:hover div, #navigation li.hover div, #navigation li li:hover div, #navigation li li.hover div{display:block;}
#navigation li:hover div div, #navigation li.hover div div{display:none;}
#navigation li div li:hover div, #navigation li div li.hover div{
	display:block !important;
}
#navigation li div{
	position:absolute;
	top:31px;
	left:3px;
	width:190px;
	padding-top:20px;
	display:none;
}
#navigation li div div{
	position:absolute;
	top:0;
	left:120px;
	width:190px;
	padding:0 0 0 50px;
}
#navigation li div ul{
	list-style:none;
	margin:0;
	padding:0 34px 0 15px;
	width:141px;
	background:#0a2d47;
	border-bottom:7px solid #0a2d47;
}
#navigation li div ul:after{
	content:"";
	display:block;
	clear:both;
}
#navigation li div ul li{
	width:100%;
	border-top:1px dotted #344f63;
	background:none;
	height:auto;
	padding:5px 0;
}
#navigation li div ul li:first-child{
	border-top:none;
}
#navigation li div ul li a{
	background:none !important;
}
#navigation li div ul li a span{
	background:none !important;
}

/*header*/
#header{
	background: url(images/bg-header.gif) no-repeat;
	width: 999px;
	height:154px;
	overflow:hidden;
	position:relative;
	clear:left;
	z-index:1;
}
.gecko.ff3 #header{background-position:2px 0;}
.opera.opera9 #header{background-position:2px 0;}
#header h1{
	background: url(images/logo.png) no-repeat;
	width: 541px;
	height: 83px;
	margin:24px 0 0 18px;
}
#header h1 a{
	display:block;
	width: 302px;
	height: 64px;
	text-indent:-9999px;
	overflow:hidden;
}
/*sign-up*/
.sign-up-holder{
	width:525px;
	position:absolute;
	bottom:6px;
	right:20px;
}
.sign-up{
	background: url(images/bg-email-box.png);
	width:525px;
	padding:5px 0 4px;
	overflow:hidden;
}
.sign-up form{position:relative;}
.sign-up label{
	font-size:15px;
	font-weight:bold;
	float:left;
	color:#fff;
	padding:0 12px;
	line-height:23px;
}
.sign-up  input{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#a8a8a8;
	padding:2px 3px;
	border:1px solid #e4ebf0;
	background:#fff;
	width:157px;
	margin-right:5px;
}
.sign-up  input.zip-code{width:56px;}
.sign-up  input.btn-sign{
	width:auto;
	border-style:none;
	padding:0;
}
/*main*/
#main{
	position:relative;
	z-index:2;
	margin:-18px 0 -83px;
	width:100%;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}
.main-top{
	background: url(images/bg-main-top.png) no-repeat;
	width: 984px;
	height: 46px;
	padding-left:15px;
	overflow:hidden;
}
#main h2{
	margin:0;
	font-size:15px;
	font-weight:bold;
	color:#686868;
	line-height:30px;
}
.main-holder{
	width:999px;
	background:#fff;
	float:left;
}
.main-holder:after{
	content:"";
	display:block;
	clear:both;
}
.main-block{
	width:971px;
	padding:0 14px;
	margin:-15px 0;
	position:relative;
	float:left;
}
.main-block:after{
	content:"";
	display:block;
	clear:both;
}

.content{
	width:638px;
	float:left;
	overflow:hidden;
}
.column{
	width:317px;
	float:right;
}
.slider-holder{
	width:637px;
	position:relative;
	background: url(images/bg-image-holder.gif) repeat-x;
	height:495px;
	margin-bottom:14px;
	overflow:hidden;
}
.slider{
	position:absolute;
	width:637px;
	height:495px;
	overflow:hidden;
	z-index:1;
	top:0;
	left:0;
}
.slider-holder .active{ z-index:2;}
.slider-image{
	position:relative;
	width:100%;
}
.slider-image img{display:block;}
.slider-image span{
	position:absolute;
	bottom:0;
	left:0;
	text-indent:-9999px;
	overflow:hidden;
	width:100%;
	background: url(images/bg-image.png) repeat-x;
	height: 356px;
}
* html .slider-image span{bottom:-1px;}
.slider-text{
	padding:17px 40px 0 15px;
}
.slider-text h3{
	margin:0 0 9px;
	font-size:18px;
	color:#fff;
}
.slider-text h3 a {color:#fff;text-decoration:none;}
.slider-text p{
	margin:0 0 17px;
	font-size:14px;
	color:#c6d4e0;
}
.btn-read-more{
	background: url(images/btn-read-more.gif) no-repeat;
	width: 68px;
	height: 21px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
/*numbers*/
.numbers{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:19px;
	right:14px;
	z-index:10;
}
.numbers li{
	float:left;
	margin-left:2px;
}
.numbers li a{
	background: url(images/bg-numbers.gif) no-repeat;
	width: 19px;
	height: 19px;
	display:block;
	color:#153e5f;
	text-align:center;
	line-height:19px;
	font-size:15px;
	text-decoration:none;
}
.numbers li a:hover, .numbers li a.active{
	background-position:0 100%;
	color:#f9f1f0;
}
/*news-holder*/
.news-holder{
	width:652px;
	overflow:hidden;
	padding-bottom:4px;
}
.news-column{
	float:left;
	width:312px;
	margin-right:14px;
}
.box{
	background:#f1f8ff url(images/bg-box-top.gif) no-repeat;
}
.box-top{
	background: url(images/bg-box-bottom.gif) no-repeat 0 100%;
	padding:0 10px 15px 7px;
}
.box-title{
	height:1%;
	overflow:hidden;
	margin-bottom:8px;
	padding:5px 18px 0 0;
}
.box .box-title{padding:5px 8px 0 0;}
.box-title h2{padding-left:4px;}
.box img{
	border:2px solid #dfdfdf;
	margin-left:4px;
}
.box-title img{
	float:right;
	margin-top:4px;
	border-style:none;
}
/*box-list*/
.box-list{
	list-style:none;
	margin:0;
	padding:0;
}
.box-list li{
	border-bottom:1px dotted #606366;
	padding:5px 4px 4px 7px;
	margin-bottom:5px;
}
.box-list span{
	font-size:12px;
	display:block;
	color:#ae1f23;
	margin-bottom:5px;
}
.box-list h3{
	margin:0 0 3px;
	font-size:13px;
	font-weight:bold;
	color:#1b5890;
}
.box-list h3 a {color:#1b5890;text-decoration:none;}
.box-list p{
	margin:0 0 7px;
	font-size:13px;
	font-weight:normal;
	color:#000;
}
.more{
	display:block;
	width:100%;
	overflow:hidden;
}
.more a{
	background: url(images/btn-read-more2.gif) no-repeat;
	width: 75px;
	height: 11px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
}
/*main-bottom*/
.main-bottom{
	background: url(images/bg-main-bottom.png) no-repeat;
	width: 999px;
	height: 24px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	clear:left;
}
.column-top{
	padding-left:6px;
	overflow:hidden;
	min-height:410px;
}
* html .column-top{height:410px;}
.column-top img{display:block;}
.column-top ul{
	list-style:none;
	margin:0;
	padding:16px 0 0;
	width:100%;
	overflow:hidden;
	float:left;
}
.column-top ul li{
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-right:9px;
}
.column-top ul li a{
	color:#092c48;
	text-decoration:none;
	padding:9px 0 24px;
	float:left;
}
.column-top ul li.icon-volunteer a{
	background: url(images/icon-volunteer.gif) no-repeat;
	padding-left:50px;
}
.column-top ul li.icon-register a{
	background: url(images/icon-register.gif) no-repeat 4px 3px;
	padding-left:45px;
}
.column-top ul li.icon-contribute a{
	background: url(images/icon-contribute.gif) no-repeat;
	padding-left:50px;
}
.column-top ul li.icon-contact a{
	background: url(images/icon-contact.gif) no-repeat;
	padding-left:43px;
}
.column-top ul li.icon-site a{
	background: url(images/icon-site.gif) no-repeat;
	padding-left:62px;
}
/*btn-request*/
.btn-request{
	width: 317px;
	height: 119px;
	display:block;
	position:relative;
	margin:-15px 0 -5px;
}
.btn-request a{
	background: url(images/btn-request.png) no-repeat;
	height: 119px;
	text-indent:-9999px;
	outline:none;
	cursor:pointer;
	position:absolute;
	width:354px;
	top:0;
	left:0;
}
/*video-block*/
.video-block{padding:5px 0 17px 4px;}
.video-block h2{margin-bottom:5px !important;}
/*flickr-block*/
.flickr-block{padding-left:4px;}
.headeing-flickr{
	display:block;
	background: url(images/heading-flickr.gif) no-repeat;
	width: 255px;
	height: 34px;
	text-indent:-9999px;
	outline:none;
	margin:0;
}
.flickr-block ul{
	list-style:none;
	margin:0;
	padding:7px 0 0 7px;
	background:#092c46;
	height:1%;
	overflow:hidden;
}
.flickr-block ul li{
	display:inline;
}
.flickr-block ul li img{
	border:5px solid #fff;
	margin:0 6px 6px 0;
}
/*footer*/
.footer{
	width:1000px;
	margin:0 auto;
}
.footer-list{
	width:100%;
	overflow:hidden;
}
.footer-list ul{
	list-style:none;
	margin:15px 0 0 15px;
	padding:0;
	float:left;
	overflow:hidden;
	display:inline;
	width:545px;
}
.footer-list ul li{
	float:left;
	font-size:13px;
	font-weight:normal;
	padding:0 15px;
	border-left:1px solid #fff;
	margin:0 1px 0 -1px;
}
.footer-list ul li a{
	color:#fff;
	text-decoration:none;
}
.footer-list ul.icons{
	float:right;
	width:auto;
	margin:10px 10px 0 0;
}
.footer-list ul.icons li{
	border-style:none;
	padding:0 0 0 15px;
}
/*copy*/
.copy{
	width:100%;
	overflow:hidden;
	padding-top:37px;
}
.copy p{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	padding-left:150px;
	margin:0;
}
.electoral-media{
	background: url(images/electoral-media.png) no-repeat;
	width: 256px;
	height: 27px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin:0px 40px 0 0;
}
.login-form{
	width:100%;
	position:relative;
	padding-top:46px;
}
.login-form:after{
	content:"";
	display:block;
	clear:both;
}
.login-form label{
	float:left;
	color:#f1f1f2;
	font-size:12px;
	width:175px;
	text-align:right;
	padding:4px 15px 0 0;
}
.login-form input{
	width:143px;
	padding:2px 5px;
	float:left;
	border-style:none;
	background:#fff;
	text-align:center;
	margin-right:4px;
	font-size:12px;
	color:#001a5c;
}
.login-form input.btn-login{
	padding:0;
	width:auto;
}
/*signature*/
.signature{
	background: url(images/signature.png) no-repeat;
	width: 292px;
	height: 68px;
	position:absolute;
	top:36px;
	right:68px;
	text-indent:-9999px;
	overflow:hidden;
}

.admin_box{
	margin:0;
	padding:0;
	list-style:none;
}
.admin_box li{
	padding:0 10px;
	float:left;
	display:inline;
	list-style:none;
	list-style-image:none;
}
.admin_box li a {color:#fff;font-size:12px;}













/* new pages styles start */
.contact-form div.form-line {
	overflow: hidden;
	height: 1%;
	padding: 0 0 11px;
}
.form-line div {
	float: left;
	padding: 1px 1px 2px 1px;
	min-height: 19px;
	width: 325px;
	background: url((http://jamesoddo.com/wp-content/themes/jamesodd/images/input-bg.gif) no-repeat;
}
* html .form-line div {height: 19px;}
.form-line div.nbg {
	width: 350px;
	background: none;
}
.contact-form label {
	float: left;
	clear: left;
	width: 102px;
}
.contact-form label span {color: #cb7577;}
.contact-form input.txt {
	padding: 0 5px;
	width: 315px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #6f6f6f;
}
.contact-form input.check {
	float: left;
	clear: left;
}
.nbg label {
	float: left;
	clear: none;
	margin: 0 0 0 8px;
	width: 320px;
}
.contact-form textarea {
	float: left;
	overflow: auto;
	padding: 0 5px;
	height: 147px;
	width: 336px;
	border: solid #d5d5d5;
	border-width: 1px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #6f6f6f;
}
.content-holder-page6 .contact-form textarea {height: 108px;}
.contact-form input.submit {
	display: inline;
	float: right;
	margin: -1px 127px 0 0;
	height: 24px;
	width: 79px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(http://jamesoddo.com/wp-content/themes/jamesodd/images/submit-btn.gif) no-repeat;
	cursor: pointer;
}
/* new pages styles end */


.content-holder-page3 ul.post-list,
.content-holder-page5 ul.post-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.content-holder-page5 ul.post-list {padding: 13px 0 0;}
.post-list li {padding: 0 0 18px;list-style:none;list-style-image:none;}
.post-list li img {
	float: left;
	margin: 0 19px 0 0;
	border: solid #dfdfdf;
	border-width: 3px 3px 4px 3px;
}
.post-list li h3 {
	margin: 3px 0 2px;
	font-size: 20px;
	line-height: 24px;
}
.post-list li h3 a {color: #1b5890; text-decoration:none;}
.post-list li h3 a:hover {text-decoration:underline;}
.post-list li p {
	margin: 0 0 0;
	line-height: 20px;
}
.post-list li a.more {
	padding: 0 10px 0 0;
	color: #1b5890;
	background: url(images/more-bullet.gif) no-repeat 100% 50%;
	display:inline;
}
span.date {color:#cb7577}


.post-list a {color:#1B5890;text-decoration:none;}
.post-list a:hover {color:#1B5890;text-decoration:underline;}