/* CSS Document for JASON UPTON minisite */
body {

	background:#cac3c1 url(/images/bg.jpg) no-repeat fixed ;
	margin: 0;	
	font-family:"Trebuchet MS", Verdana, sans-serif; 	
	color:#000;
	font-size:12px;
}

#backtomain {
	background:url(/images/bg_glider.png) repeat;
	position: fixed;
	right: 5px;
	bottom: 5px;
	z-index: 150;
	padding-right:5px;
	padding-left:5px;
}

#backtomain a {
	color: #333;
	text-decoration: none;
}
#backtomain a:hover {
	background:url(/images/bg_greytrasparent.png) repeat;
	color: #333;
	text-decoration: none;
}

#wrapper {

}


#topcontent {

	position: absolute;
	left: 100px;
	top: 20px;
	width:720px;
	height:15px
	padding: 0px;
}

#flash {
	position: absolute;
	left: 121px;
	top: 32px;
	width:400px;



	height:300px
	padding: 0px;
}

#footer {
	background:url(/images/bg_footer.png) no-repeat;
	color:#252525;
	position: absolute;
	text-align:center;
	left:3px;
	width:703px;
	height:143px;
	padding-top:1.6em;
	
}

.footer a{
	color: #252525;
	text-decoration: none;
	margin-right:10px;

	}
	
.footer a:hover{
	color:#252525;
	background-color:#e1e1e1;
	text-decoration: none;
	margin-right:10px;

	}

#content {
    background:url(/images/bg_content1.png) repeat-y ;
	position: absolute;
	z-index:3;
	left: 100px;
	top: 35px;
	width:610px;
	padding-left:13px;
	padding-top:400px;
	padding-right:15px;

}
#content_simple {
    background:url(/images/bg_content1.png) repeat-y ;
	position: absolute;
	z-index:3;
	left: 100px;
	top: 35px;
	width:610px;
	padding-left:13px;
	padding-top:120px;
	padding-right:15px;
}


/* ===================== MENU ==================== */

#menu {
	position: absolute;
	z-index:10;
	top:380px;
	padding: 5px;
	left: 103px;
}
#menu_simple {
	position: absolute;
	z-index:10;
	top:95px;
	padding: 5px;
	left: 103px;
}

/* ===================== CONTENT ==================== */

.main {
	position: relative;
	width: 580px;
	padding: 15px;

}

.main a{
	color: #000;
	text-decoration: none;
}

.main a:hover{
	text-decoration: none;
}
.read_more a{
	color: #000;
	background:url(/images/bg_glider.png) repeat;
	padding-left:5px;
	padding-right:4px;
	border:1px solid #959595;
	text-decoration: none;
	float:right;
	margin-right:10px;
	}
	
.read_more a:hover{
	background:url(/images/bg_greytrasparent.png) repeat;
	padding-left:5px;
	padding-right:4px;
	border: 1px solid #707070;
	text-decoration: none;
	float:right;
	margin-right:10px;
	}


	

/*=============================================================*/

h1 {
	display: none;
}

h2 {
	font-size: 15px;
	color: #000;
	font-weight: bold;

}		


h3 {
	font-size: 15px;
	font-weight: bold;
	background-color: #000;
	padding:5px;
	margin-bottom: 15px;
	width: 356px;
	border-bottom: 3px #555 solid;
}	

h4 {
	font-size: 15px;
	color: #000;
	font-weight: bold;
}	

p {
	line-height: 170%;
	padding: 0;
	margin-bottom: 20px;
}

.photo {
  clear:none; 
  padding: 0; 
  margin: 0;
  border: 6px solid #222;
	
}
.photo:hover {
  clear:none; 
  padding: 0; 
  margin: 0;
  border: 6px solid #111;
}
#rightboxes {

	position: absolute;
	left: 830px;
	top: 638px;
	width:273px;
	padding: 0px;
}

input {
	background-color:#ebebeb;
	
}


#mailinglist { 
 margin-top:6px;
 color: #000000; 
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 

}
#textbox{
	font-family: "Trebuchet MS", arial;
	border: 1px solid #959595;
	font-size:10px;
	padding:.15em;

}
#submit{
	font-family: "Trebuchet MS", arial;
	border:1px solid #959595;
	background-color:#ebebeb;
}
#submit:hover{
	font-family: "Trebuchet MS", arial;
	background:url(/images/bg_greytrasparent.png) repeat;
	border: 1px solid #707070;
	background-color: #CCCCCC;
	cursor:pointer;
	cursor:hand;
}

/*======================== Content Scroller CSS ============================	*/	

/* modify width and height of scrolling section if necessary	*/
div#my-glider-horizontal div.scroller { 
			
	position:relative;
	width: 330px; 
	height: 250px;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:262px;
	overflow: hidden;
	border:1px solid #a0a0a0;
	}
	
/* modify width and height of each section as needed (should match the size of the scroller window)	*/	
div#my-glider-horizontal div.scroller div.section {
    position:relative;
	background:url(/images/bg_glider.png) repeat;	
	width:303px;
	height:250px;
	margin-top:10px;
	margin-bottom:30px;
	margin-left:262px;
	padding-right:20px;
	padding-top:15px;
	padding-left:15px;
	overflow:hidden;
	float:left;
	vertical-align:top;
	
	}
div#my-glider-horizontal div.scroller div.content {
	width: 10000px;
	}
	
div#my-glider-horizontal div#section2 {

	color:#000;
	}
	
.glide_shadow {
	position: absolute;
	top:687px;
	left: 34px;
	}
	
.controls{
	position:absolute;
	left:38px;
	top:700px;
	line-height:10px;

	}
				
		
.glide_button{
	background:url(/images/bg_glider.png) repeat;
	display: block;
	cursor:default;

	}
	
.glide_button_base{
	display: block;

	}



/* End Content Scroller CSS	*/