/*
Theme Name: jpdubois.
Theme URI: jpdubois.com
Description: A brief description.
Version: 1.0
Author: JP Dubois
Author URI: Your website address.
*/


/*
*************************************************

JP Dubois

*************************************************
*/


@import url(reset.css);

body {
text-align: center;
font-family: Arial, sans-serif;
font-size: 62.5%;

/*background:#3E2F21 url(/wp-content/themes/rubis/images/bground_new.png) repeat-x;*/


background:#FFFFFF;

}

a {
	color: #000000;
}



img {
    border: none;
}

img.floatLeft {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px; 
    float: left; 
    margin: 20px; 
}
img.floatRight {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    float: right; 
    margin: 5px; 
}

/* Header */

#header{
width: 960px;
clear: both;
}

/* Branding */

#branding {
	height : 90px;
	text-align: left;
}

#branding h1 {
	font-size: 1.9em;
	font-weight: bold;
	color:#000000;
}

#tagline {
	float : right;
	padding: 60px 30px 0px 0px;
}
#tagline h1 {
	font-size: 1.6em;
	font-weight: bold;
	color:#000000;
}

#logo {
	padding: 25px 0px 0px 0px; 
}

/*Navigation*/

#navigation {

	width : 960px;
	height : 36px;
	margin-left:0px;
	margin-top:15px;
	background: #D7C9A1;
    padding: 10px 0px 0px 5px;
}

#navigation ul {
    float: left;
    list-style-type: none;
    margin-top: 5px;
    padding: 0;
}

#navigation li {
    display: inline;
    font-size: 1.5em;
    font-weight: bold;
    color: #80ceff;
    padding: 0px 0px 0px 20px;
}

#navigation #navigation_orientation {
    font-size: 1.1em;
    color: #867A6F;
    background:#4A0015 url(../images/navbar_home.png) no-repeat;
    
}

#navigation ul li a {
    text-decoration: none;
    color: #867A6F;
}

#navigation ul li a:hover {
    color: #FFFFFF;
    background-color: #D7C9A1;
}


#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}










#content img {

    border: none;
    margin-top:5px;
    margin-left:0px;
    margin-bottom:0px;
    display: inline;
}

#content_home img {

    border: none;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    display: inline;
}











#breadcrumb{
width: 705px;

margin-bottom: 5px;
background: #B9AC8A;
float: left;
margin-top: -6px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;

    font-size: .9em;
    font-weight: normal;
    color: #ffffff;
    font-family: Verdana, sans-serif;




}

#breadcrumb a {
    text-decoration: none;
    color: #ffffff;
}

#breadcrumb a:hover {
    color: #FFFFFF;
    /*background-color: #B6E320;*/
}




#breadcrumb_wide{
width: 940px;

margin-bottom: 5px;
background: #16577A;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;

    font-size: .9em;
    font-weight: normal;
    color: #80ceff;
    font-family: Verdana, sans-serif;




}

#breadcrumb_wide a {
    text-decoration: none;
    color: #80ceff;
}

#breadcrumb_wide a:hover {
    color: #FFFFFF;
    /*background-color: #B6E320;*/
}


#content{
width: 730px;
margin-top: 17px; /* main hero top 6 - CHANGED MARGIN TOP TO O from ! */

float: left;

}

#content_home{
width: 730px;
margin-top: 12px; /* main hero top 6 */

float: left;

}

#content_home1{
width: 960px;
margin-top: 12px; /* main hero top 6 */

float: left;

}


#content_home1 img {

    border: none;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    display: inline;
}






.content_home2{
width: 730px;
margin-top: 12px; /* main hero top 6 */

float: left;

}








#copy{
width: 710px;
margin-top: -6px;/*top copy*/
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;


    font-size: 1.2em;
    font-weight: normal;
    color: #OOOOOO;

}



#copy2{
width: 710px;

background-color: #EAF2FA;

padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;


    font-size: 1.2em;
    font-weight: normal;
    color: #OOOOOO;

}






/*ABCDEFG NAV*/
#copy a {
    color: #16577A;
    font-weight: bold;
    text-decoration: none;
}



#copy #alpha_on {

    color: #FF9900;
}


#copy h1{

    font-size: 1.9em;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    color: #3E2F21;
    padding: 0px 10px 5px 5px;

}
/*THIS IS THE BIG SPACE ON THE HEADER ------------+++++++++++================*/
#copy h2{

    font-size: 1.4em;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0px 10px 5px 7px;

}

#copy p{

    font-size: 1.2em;
    font-weight: normal;
    color: #OOOOOO;
    padding: 12px 20px 10px 10px;

}

#copy #button_row{

    padding: 20px 5px 30px 5px;

}

#copy #search_row{

    padding: 30px 20px 35px 5px;

}

#copy #date_nav{
    padding: 0px 0px 0px 0px;

}


#copy #alpha_nav ul{

    
    font-size: 1.5em;
    font-weight: normal;
    color: #000000;
margin-left: 11px;

}

#copy #alpha_nav li{
    display: inline;


    padding: 0px 8px 0px 0px;

}

#search_results {
    height : 36px;
	background: #6CB8E6;
	font-size: 1.0em;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
    

}


#sort_results {
    height : 36px;
	padding-left: 10px;
    

}

#sort_results p {

	font-size: 1.2em;
	font-weight: bold;

    

}

#hi_lite {

	font-weight: bold;
    background: #FF9900;
    

}


#article_one {
background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	clear: both;
    

}
#article_one p {
line-height: 125%;
    

}

#article_one table {
line-height: 200%;
padding-left: 8px;
    

}

#article_one img {
/*
border:1px solid #021a40;
padding: 0px 0px 0px 0px;
*/

    

}
/*

#article_one #printright{
   float: right;
   width: 700px;

}
*/










#dropitdown {

    float: right;
    padding: 3px 20px 0px 0px;

}

#article_one h1 {
padding-top: 0px;/*padding for main header*/
	font-size: 1.9em;
	font-weight: bold;
    

}
#utility {
/* padding-top: 20px; */
   /*  height: 35px; */
   /*  background-color: #EAF2FA; */
	float: right;
	height: 35px;
	/* padding: 0px 0px 0px 0px; */
    

}


#copy #subject_list ul{

    
    font-size: 1.2em;
    font-weight: normal;
    color: #000000;
    margin-left: 11px;

}

#copy #subject_list li{
    display: block;


    padding: 20px 8px 0px 0px;

}

#copy #subject_list h2{
    padding-top: 20px;

}



#copy #subject_list2 ul{

    
    font-size: 1.0em;
    font-weight: normal;
    color: #000000;
    margin-left: 11px;

}

#copy #subject_list2 li{
    display: block;


    padding: 5px 8px 0px 0px;

}

#rail{
height: 511px;
width: 210px;
margin-top: 11px; /* RAIL MARGIN TOP */
margin-bottom: 20px;
background:#FFFFFF url(/wp-content/themes/rubis/images/rail.png) repeat-x;
float: right;
}

#rail img {
    border: none;
    margin-top:7px;
   /*  padding-top:10px; */
    margin-left:0px;
    margin-bottom:5px;
}

#rail ul{

    
    font-size: 1.5em;
    font-weight: bold;
    line-height: 150%;
    color: #000000;
    margin-left: 20px;/*FROM 20 to 13 need to fix bullets*/
    margin-top: 13px;
    list-style-image:url(/wp-content/themes/rubis/images/bullet.png);

}

#rail ul li a{
    display: block;
    text-decoration: none;
    color: #4B3825;
    padding: 0px 8px 0px 0px;

}


#rail p{
   color: #000000;

}

#rail hr{
   width: 90%;

}

#rail #rail_orientation {
    font-size: 1.0em;
    color: #867A6F;
    text-decoration: none;
    line-height: 150%;
}

#rail #rail_orientation2 {
    font-size: 1.0em;
    color: #4A0015;
    text-decoration: none;
    line-height: 150%;
}

#rail h1 {
/*
	margin: 0;
	padding: 10px 0;
*/
	font-size: 1.8em;
	color: #4B3825;
	padding-top: 20px;
	padding-left: 13px;
	font-weight: bold;
    /* border-bottom: 1px solid #3E2F21; */
}
#rail h2 {
/*
	margin: 0;
	padding: 10px 0;
*/
	font-size: 1.2em;
	color: #4B3825;
	padding-top: 20px;
	padding-left: 0px;
	padding-bottom: 5px;
	font-weight: bold;
    /* border-bottom: 1px solid #3E2F21; */
}


#rail a {
    color: #16577A;
    text-decoration: none;
}

#rail a:hover {
    color: #16577A;
    /* background-color: #16577A; */
}






#rail_gallery #rail {
	
	}
	
#rail #rail_gallery ul {
    list-style-type: none;
    list-style-image: none;
    margin-left: 13px;
	}
	
	/*
	
	#rail #rail_gallery ul {
    list-style-type: none;
    list-style-image: none;
	}
	
	#rail #rail_gallery li {
    float: left;
	}
	
	*/

#rail #rail_gallery li {
    font-size: 0.7em;
    /* display: inline; */
    float: left;
	}


#rail_gallery img {
    border: none;
    margin-top:20px;
   /*  padding-top:10px; */
    margin-left:0px;
    margin-bottom:5px;
}



#footer{
width: 960px;
clear: both;
}

#footer img {
    border: none;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    display: inline;
}

/*Navigation*/

#footernavigation {

	width : 960px;
	height : 36px;
/* 	margin-left:0px; */
	padding-top:16px;
	background: #999999;
    padding: 9px 0px 0px 0px;
}

#footernavigation ul {
    float: right;
    font-size: 1.1em;
    font-weight: normal;
    color: #3E2F21;
    list-style-type: none;
    margin-top: 7px;
    margin-right:20px;
    padding: 0;
}

#footernavigation ul li {
    display: inline;
    color: #3E2F21;
    padding: 0px 0px 0px 20px;
}

#footernavigation ul li a {
    text-decoration: none;
    color: #3E2F21;
}

#footernavigation ul li a:hover {
    color: #FFFFFF;
    /*background-color: #B6E320;*/
}
#footernavigation img {
    float: right;
    margin-bottom: 1px;
}
#copyright {
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    color: #3E2F21;
    font-family: Verdana, sans-serif;
    padding: 8px 0px 0px 20px;
}

/* COLUMNS */

/* 4 Columns */

#contentsub {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
    clear : both;
    height : 165px;
	padding: 0 0px;
	/*background: #3a5459;*/
	background: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contentsub_placeholder {
	margin-top: 20px;
	margin-bottom: 20px;
}
#contentsub h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 1.7em;
	color: #4B3825;
    border-bottom: 1px solid #3E2F21;
}
#column_noline {
    float : left;
	width : 160px;
	height : 165px;
	padding: 0 10px;
	/*background: #3a5459;*/
}

#column_noline ul {
    margin-top: 10px;
}
#column_noline li {
    font-size: 1.2em;
	color: #4B3825;
	margin: 12px 0;
}
#column {
    float : left;
	width : 160px;
	height : 165px;
	padding: 0 10px;
	/*background: #3a5459;*/
	border-left: 1px solid #3E2F21;
}
#column img {
    border: none;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
}
#column_noline img {
    border: none;
    margin-top:9px;
    margin-left:8px;
    margin-bottom:0px;
    padding-bottom: 0px;
}

#column ul {
    margin-top: 10px;
}
#column li {
    font-size: 1.2em;
	color: #3E2F21;
	margin: 12px 0;
}

#column #column_orientation {
    font-size: 1.1em;
    color: #3E2F21;
}

#column ul li a {
    text-decoration: none;
    color: #3E2F21;
}

#column ul li a:hover {
    color: #4B3825;
    
}

#column_noline #column_orientation {
    font-size: 1.1em;
    color: #FF9900;
}

#column_noline ul li a {
    text-decoration: none;
    color: #3E2F21;
}

#column_noline ul li a:hover {
    color: #FFFFFF;
    /*background-color: #16577A;*/
}



/**/
#column_noline_bug {
    float : left;
	width : 160px;
	height : 165px;
	padding: 0 10px;
	/*background: #3a5459;*/
}

#column_noline_bug ul {
    margin-top: 10px;
}
#column_noline_bug li {
    font-size: 1.2em;
	color: #4B3825;
	margin: 12px 0;
}
#column_noline_bug img {
    border: none;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    padding-bottom: 0px;
}
#column_noline_bug #column_orientation {
    font-size: 1.1em;
    color: #FF9900;
}

#column_noline_bug ul li a {
    text-decoration: none;
    color: #3E2F21;
}

#column_noline_bug ul li a:hover {
    color: #FFFFFF;
    /*background-color: #16577A;*/
}
/**/







#content_wide{
width: 940px;
margin-top: 20px;

float: left;

}


#copy_wide{
width: 940px;

background-color: #EAF2FA;

padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;


    font-size: 1.2em;
    font-weight: normal;
    color: #OOOOOO;

}



#disclaimer{
padding-top: 0px;

}

#disclaimer p{

font-size: 0.8em;
color: #16577A;
}
/*ABCDEFG NAV*/
#copy_wide a {
    color: #16577A;
    text-decoration: none;
}



#copy_wide #alpha_on {

    color: #FF9900;
}


#copy_wide h1{

    font-size: 1.9em;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    color: #16577A;
    padding: 0px 10px 5px 15px;

}

#copy_wide p{

    font-size: 1.2em;
    font-weight: normal;
    color: #OOOOOO;
    padding: 12px 30px 10px 10px;

}





#col_wrapper {
height: 400px;
width: 700px;
background-color: #EAF2FA;

}



#col1 {
width: 350px;
float: left;
background-color: #EAF2FA;

}

#col1 p  {

background-color: #EAF2FA;

}

#col2 {
width: 350px;
float: right;
background-color: #EAF2FA;

}

#col2 p  {

background-color: #EAF2FA;
padding-top: 32px;

}

#col3 {
width: 350px;
float: right;
background-color: #EAF2FA;

}

#col3 p  {

background-color: #EAF2FA;
padding-top: 18px;

}

#clear  {

clear: both;


}

#col4 {
width: 350px;
float: right;
background-color: #EAF2FA;

}

#col4 p  {

background-color: #EAF2FA;
padding-top: 18px;

}

#clear  {

clear: both;


}


	#top_nav
	{
		margin: 10px 0 10px 0;
		background-color: #999999;
		margin-top: 20px;
	}
		
		#top_nav ul
		{
		margin: 0;
		/* height: 13px; */
		list-style-type: none;
		padding-bottom: 13px;
		padding-top: 13px;
		width: 960px;
		}
		
		#top_nav ul li
		{
		display: inline;
		font-size: 1.2em;
        font-weight: bold;
		margin: 0;
		}
		
		#top_nav ul li a
		{
		margin: -2px;
		padding: 13px 20px 13px 20px;
		text-decoration: none;
		color: #000000;
		}
		
		#top_nav ul li a:hover
		{
		background-color: #B9AC8A;
		text-decoration: none;
		/* #FFD05A */
		}
		
		
		#top_nav .current_page_item a {
		background-color: #333333;
		padding: 13px 20px 13px 20px;
		color: #FFFFFF;
		
		} /* the current Page */
		
		#top_nav .current_page_item a:hover {
		background-color: #333333;
		padding: 13px 20px 13px 20px;
		
		}
		
		
		#top_nav .current_page_parent a {
		background-color: #4A0015;
		padding: 13px 20px 13px 20px;
		color: #FFFFFF;
		
		} /* the Parent Page */
		
		#top_nav .current_page_parent a:hover {
		background-color: #4A0015;
		padding: 13px 20px 13px 20px;
		
		}
		
		
		
		
		
		
		
		
		

		
		
		
		
		
		
		
		
		
		
		
		} /* the current Page */
		
		
		
		/*
		
		#home #nav-home a,
		#delegates #nav-delegates a,
		#whoweare #nav-whoweare a,
		#about #nav-about a,
		#whatson #nav-whatson a,
		#forum #nav-forum a,
		#diary #nav-diary a,
		#index #nav-index a
		{
		background-color: #4A0015;
		color: #ffffff;
		}

		#home #nav-home a:hover,
		#delegates #nav-delegates a:hover,
		#about #nav-about a:hover,
		#whatson #nav-whatson a:hover,
		#whoweare #nav-whoweare a:hover,
		#forum #nav-forum a:hover,
		#diary #nav-diary a:hover,
		#index #nav-index a:hover
		{
		background-color: #4A0015;
		color: #ffffff;
		}
		#nav a:active {
		background-color: #4A0015;
		color: #867A6F;
		}

*/

/*
#printright{
   float: right;

}
*/

/*
.print_section{
border:1px solid gray;
background:#e1e1e1;
margin:0 0 15px 0;
padding:10px; 
}
*/

	#gallery {
	
	}
	
#gallery ul {
    list-style-type: none;
    list-style-image: none;
	}

#gallery li {
    display: inline;
	}
	
	#gallery img {
    /* border: none; */
    /* border:3px solid #B9AC8A; */
    margin-top:0px;
    margin-left:12px;
    margin-bottom:20px;
/*
    padding-left: 15px;
    padding-bottom: 20px;
*/
	}

/*











/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:325px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 325px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 325px;
    display: block;
    border: 0;
    margin-bottom: 0px;
}