/*
Theme Name: MJH3


*/


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

@font-face {
    font-family: 'GoodDogRegular';
    src: url('GoodDog-webfont.eot');
    src: url('GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('GoodDog-webfont.woff') format('woff'),
         url('GoodDog-webfont.ttf') format('truetype'),
         url('GoodDog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 #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{clear:left;float:left;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 */


/* overlay */
#bodubox{
display:none;

		/* standard decorations */
		width:960px;
		height:800px;
color:#fff;

		

		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		-moz-border-radius:8px;
		-webkit-border-radius:8px;


background:#333 url(images/overlay-bg.png);
    
   
    border:1px solid #bbbf72;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

#innerbodubox {padding:10px 15px;background:url(images/right-panel-bg.png);background-repeat:no-repeat;background-position:700px 100px;height:800px;}
.panes{width:930px;float:left;height:800px;overflow:hidden;}
.panes div{width:930px;float:left;height:800px;display:none;}
#bodubox .close {
    background-image:url(images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

ul.tabs{clear:left;float:left;width:930px;padding:0px;}
ul.tabs li{float:left;padding-right:30px;height:50px;padding-top:10px;font-size:26px;}
ul.tabs li.tab1{background:url(images/tab1-bg.png) top left no-repeat;padding-left:60px;}
ul.tabs li.tab2{background:url(images/tab2-bg.png) top left no-repeat;padding-left:60px;}
ul.tabs li.tab3{background:url(images/tab3-bg.png) top left no-repeat;padding-left:60px;}
ul.tabs li a{padding:20px 10px;}

#innerbodubox a{color:#6acffe;}
#innerbodubox ul.tabs li a:hover,#innerbodubox ul.tabs li a.current{color:#bbbf72;}
#innerbodubox ul.leftpanel{width:30%;float:left;margin:0px;padding:0px;}
#innerbodubox ul.rightpanel,#innerbodubox ul#orderpayment{width:70%;float:right;margin:0px;padding:0px;}
#innerbodubox ul.leftpanel li{clear:left;float:left;margin:0px;padding:0px;}
span.title{width:200px;float:left;}
span.qty{float:right;}
p.finish textarea{clear:left;float:left;100%;}
#innerbodubox ul.leftpanel p,#innerbodubox ul.rightpanel p,p.finish {position:relative;margin:2px 0px;}
#innerbodubox label{position:absolute;top:5px;left:10px;color:#000;width:500px;}
ul.tabs li a.current{background:url(images/panes-list-bg.png) bottom left no-repeat;font-size:39px;}
#innerbodubox ul.rightpanel li.short{float:left;width:180px;margin-right:10px;}

#innerbodubox ul.rightpanel li.long{clear;left;float:left;width:100%;}
#innerbodubox ul.rightpanel li input[type=text]{padding:5px 10px;}
#innerbodubox ul.rightpanel li.long input[type=text]{width:340px;}
#innerbodubox select{padding:5px;}
#innerbodubox ul.rightpanel select{width:200px;}
p.delivery{font-size:small;color:#bbbf72;clear:left;float:left;}
button#submit_btn{padding:5px;}
#innerbodubox textarea{padding:5px;height:120px;}
.panes img{float:left;width:180px;margin:40px 10px;}
.panes p.shortp{width:550px;float:left;}
button#submit_btn{padding:10px;background:#1fb7f7;color:#fff; font-family: 'GoodDogRegular';-moz-border-radius: 5px;
    -khtml-border-radius:5px;
    -webkit-border-radius: 5px;
    border-radius:5px;border-style:none;outline:none;font-size:32px;margin:20px;}
button#submit_btn:hover{background:#000;}
/* end overlay */