/*
Theme Name: MJH3


*/


body { 
	 
	color: #000;
	
	margin: 0px;
font-family:Palatino, Georgia, 'Times New Roman', serif;
font-size:1em; background-color:#bbbf72;
 
}

 #mj_hyland_site{float:left;width:1200px;background-color:#bbbf72;}
html>body #mj_hyland_site{float:left;width:100%;min-width:1200px;background-color:#bbbf72;}



a{text-decoration:none;color:#851313;}
a:hover{color:#54554b;}
h1,h2,h3{color:#bbbf72;}
h1 a,h2 a, h3 a{color:#bbbf72;}
h1 a:hover, h2 a:hover,h3 a:hover{color:#dbe086;}

ul{margin:0px;}
ul li{list-style:none;}

#mj-hyland-rightbar{
clear:right;float:right;
background-color:#ffffff;
width:30%;
width:330px;
min-height:1000px;}

html>body #mj-hyland-rightbar{min-height:1200px;width:30%;min-width:330px;}

#booksbar{float:left;
border-color:#bbbf72;width:100%;}
#booksbar h1{display:inline;font-size:1.6em;}

#bracket{font-size:3em;margin-left:20px;}
#booksbar ul {clear:right;float:right;margin-right:180px;display:inline;font-size:0.9em;padding-top:8px;margin-left:5px;}

#booksbar-hl{float:left;
border-color:#bbbf72;width:100%;}
#booksbar-hl h1{display:inline;font-size:1.6em;}

#bracket-hl{font-size:3em;margin-left:20px;}
#booksbar-hl ul {clear:right;float:right;margin-right:130px;display:inline;font-size:0.9em;padding-top:8px;margin-left:5px;}
 
.post{clear:left;float:left;}
.heading-page{font-size:4em;text-align:center;}

 #about-mj-hyland{width:260px;height:40px;float:right;margin-right:20px;}
 #about-mj-hyland ul li{height:30px;width:35px;border-right-style:ridge;border-width:2px;margin-left:5px;float:left;}


#hyland_logo{float:right;margin-top:50px;width:124px;height:604px;margin-right:10px;}
#hyland_logo a {background-image:url('images/mjhyland_logo.jpg');background-repeat:no-repeat;}
#hyland_logo a:hover{width:124px;height:604px;background-image:url('images/mjhyland_logo_green.jpg');background-repeat:no-repeat;}
html>body #hyland_logo{background-image:url('images/mjhyland_logo.jpg');background-repeat:no-repeat;}
html>body #hyland_logo:hover{width:124px;height:604px;background-image:url('images/mjhyland_logo_green.jpg');background-repeat:no-repeat;}

#mjh_page{float:left;width:700px;width:60%;min-width:700px;padding:20px;}
#mjh_topmenu{width:100%;padding:10px 13px;background-image:url('images/top_menu_bg.jpg');background-repeat:repeat-x;height:103px;}

#mjh_pagecontent{width:100%;background-color:#ffffff;padding:15px;background-image:url('images/mj-hyland-page-bg.jpg');background-position:top right;background-repeat:repeat-y;}

div.aktt_tweets ul li{width:190px;}

#mj-hyland-navmenu{float:left;padding-top:10px;}
#mj-hyland-navmenu ul{clear:left;margin-bottom:5px;font-weight:bold;font-size:.8em;}
#mj-hyland-navmenu ul li{height:20px;list-style:none;float:left;margin-right:5px;}
#mj-hyland-navmenu ul li a{color:#dbe086;}
#mj-hyland-navmenu ul li a:hover{color:#ffffff;}
.navmenu_head{font:1.1em bold;border-left-style:solid;border-color:#851313;color:#dbe086;border-width: 4px;padding-right:20px;padding-left:10px;clear:left;}


#mjhyland-headline{height:250px;margin:30px;color:#ffffff;display:none;}
#mjhyland-headline h1{color:#ffffff;display:none;}
#mjhyland-headline h2{font-size:1.5em;display:none;color:#ffffff;}
#mjhyland-headline h1 a{color:#ffffff;}


 




#mj_tweets,#latestposts,#featured-posts{float:left;margin-top:40px;width:150px;padding:2px;margin-left:15px;}
.aktt_tweets ul{margin:0px;float:left;}
#mj_tweets ul li,#latestposts ul li,#featured-posts ul li{list-style:none;margin-bottom:5px;font-size:.70em;margin-left:0px;}
#latestposts ul li a{color:#851313;}
#latestposts ul li a:hover{#color:#bbbf72;}
#leftcontent{width:44%;font-size:0.8em;padding:5px;}
#rightcontent{clear:right;float:right;width:44%;font-size:0.9em;padding:4px;border-left-style:groove;border-width:0.05em;border-color:#cccccc;min-width:300px;}



#fullcontent{width:80%;padding:10%;}
#mj_tweets h2,#latestposts h2{font-size:.95em;}
#mj_tweets h3,#latestposts h3{font-size:.85em;}

/* Slider options */

#novels_display{clear:left;float:left;width:400px;height:300px;}

#novels{width: 400px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
overflow: hidden;}




#novelsContent {
   width: 300x; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.novelsImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */

}

.degradedjs{width: 300px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */}
.degradedjsright{position: absolute; /* important */
   left: 230px;
   font: 16px Garamond,Arial, Helvetica, sans-serif;
   padding: 20px 20px;
   width: 230px;
   
   
   color: #5e5a5a;}
.novelsImage span {
   position: absolute; /* important */
   left: 10px;
   
   font: 1em Garamond,Arial, Helvetica, sans-serif;
   padding: 35px 0px 10px 0px;
width:300px;height:300px;
   background-color: #ffffff;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #000000;
   
   
   color: #000000;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.novelsImage span a{color:#5e5a5a;font-size:2em;}
.pnovelsImage span a:hover{color:#000000;}
.clear {
   clear: both;
}


.about-mj-hyland{float:right;margin:10px;height:300px;width:300px;color:#ffffff;background-image:url('http://www.mjhyland.com/wp-content/themes/mjh3/images/about-mj-hyland2.jpg');background-repeat:no-repeat;font-size:1.4em;}
.indent{width:250px;float:right;padding:10px 15px 20px 15px;font-size:95%;}
#intro{font-size:1.4em;}

.OnFocus{
    	background: white;
    	color:#000;
    	border:solid 2px #BA5B00;
    }
.OnIdle{
    	background:#D8D8C7;
    	color: #6F6F6F;
	border: solid 2px #89897C;
    }

.img{margin:10px;}
.tback{width:600px;height:60px;background-color:#851313;padding:10px 10px 10px 25px;color:#bbbf72;font-weight:bold;}
.tback a{color:#ffffff;}
.tback a:hover{color:#bbbf72;}
#sidebar{clear:both;width:300px;padding:10px;}
#respond{width:600px;}

#mjc{width:100%;padding:10px;}
#mjc ul li{margin-bottom:10px;}
.mjcform{float:right;margin-right:150px;}

#search{clear:left;float:left;margin:10px;}
#footer{clear:both;height:400px;background-color:#000000;width:100%;color:#ffffff;font-weight:bold;}
#footer ul{width:1000px;padding:10px;margin-left:100px;height:400px;}
#footer ul li{width:250px;height:400px;margin-right:20px;clear:right;float:left;}
#footer ul li ul li{clear:left;width:200px;height:30px;margin-bottom:10px;color:#ffffff;}
#footer a{color:#bbbf72;}
#footer a:hover{color:#ffffff;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */