/*
Theme Name: JJChronicles
Theme URI: http://ewebscapes.com
Description: Custom WP Theme for JJChronicles by E.Webscapes
Version: 1.0
Author: E.Webscapes
Author URI: http://ewebscapes.com

*/

html {
	height:100%;
}

body {
	height:100%;
	Width:100%;
	margin:0px 0px 0px 0px;
	background-color:#FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3;

}

a img {
	border:none;
}

/* [p {clear:left;}] */
.entry p {clear:none;}

h1 {
	margin:0px 0px 0px 0px;
	font-size:18px;
}

h2 {
	margin:0px 0px 0px 0px;
	font-size:16px;
}

h3 {
	margin:0px 0px 0px 0px;
	font-size:14px;
}

h4 {
	margin:0px 0px 0px 0px;
	font-size:12px;
}

h5 {
	margin:0px 0px 0px 0px;
	font-size:10px;
}

h10 {
height:100%;
	margin:0px 0px 0px 0px;
	background-color:#FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3;
}

.house {
	min-height:100%;
	width:100%;
	min-width:750px;
	background-color:#FFFFCC;
}

.clear {clear:both;}

.table {
	display:table;
}

.row {
    display:table-row;
}

.row div {
    display:table-cell;
}

.header {
	height:auto;
}

.content {
	height:auto;
	width:auto;
	padding-bottom:20px;
	background-color:#FFFFE7;
}

.footer {
	height:auto;
}

form {
	margin:0px 0px 0px 0px;
}

.main_table {
	
	height:100%;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.header_div	{
	background-color:#0000FF;
	text-align:left;
    float:left;
    display:block;
    width: 100%;

}

/*.header_div a {display: block; text-indent: -9999px; background: transparent url(images/header.jpg) no-repeat left top; width: 750px; height: 86px;}*/

.marquee {
	padding:5px 0px 5px 0px;
	font-size:11px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.marquee_div {
	
	background-color:#6666FF;
	border-top:1px solid #9999FF;
	border-bottom:1px solid #9999FF;
    	width: 100%;
     	float:left;
	font-weight: bold;
}

.marquee_link {
	padding:0px 20px 0px 20px;
	color:#FFFFFF;
	text-decoration:none;
}

.tab {
	background:url(images/tab_bg.jpg);
	height:45px;
	padding-left:5px;
}

.tab_table {
	background:url(images/tab_bg.jpg);
	height:45px;
	padding-left:5px;
	text-align:left;
}

.submenu {
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #FFCC99;
	text-align:left;
}


.column_left {
	padding:10px;
	background-color:#FFFFE7;
	text-align:left;
	vertical-align:top;
}

.column_center {
	padding:10px;
	background-color:#FFFFE7;
	border-left:1px solid #FF9933;
	text-align:left;
	vertical-align:top;
}

.column_right {
	padding:10px;
	background-color:#FFFFE7;
	border-left:1px solid #FF9933;
	text-align:left;
	vertical-align:top;
}

.column_right img {
	max-width:320px;
}

.column_single {
	padding:20px;
	background-color:#FFFFE7;
	text-align:left;
	vertical-align:top;
}

.article_hp {
	padding:20px 0px 20px 0px;
	border-bottom:1px dotted #FFCC66;
}

.article {
	max-width:100%;
	padding:20px 0px 20px 0px;
	border-bottom:1px dotted #FFCC66;
	font-size:12px;
	line-height:1.5;
}

.article_details {
	font-size:11px;
}

.article_foot {
	clear:both;
}

.article_inset {
	padding:10px;
	margin:0px 0px 10px 10px;

	float:right;
	border: 2px inset #FFCC66;
	background-color:#FFFFFF;
}

.sticky {
	float:left;
	padding-right:10px;
}

.list_lettered {
	list-style-type:lower-alpha;
	clear:left;
}

.list_lettered li {
	padding-bottom:10px;
}

.ad_banner {
	text-align:center;
	padding:10px 0px 10px 0px;
	background-color:#3366CC;
}

/*from inline style*/

.style1 {
	padding: 20px 0px 20px 0px;
	border-bottom: 1px dotted #FFCC66;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}
.style3 {
	text-align: left;
}
.t   { font: bold 130% arial; }
.tt  { font:      70%  arial; }
.au  { font:  	  80%  arial; }
.t2  { font: bold 100% arial; }
.style4 {
	margin-bottom: 9px;
}
.style5 {
	border-style: solid;
	border-width: 2px;
}
.style7 {
	font-size: 11px;
	text-align: center;
}
.style8 {
	margin-left: 0px;
}

/*new styles*/
.footertopimg {background:url(images/foot_tab_bg.jpg);background-repeat:repeat-x;padding-top:25px;}
.submenu ul, .footersection ul {list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0 10px;}
.submenu ul li {display: inline; margin-right: 10px; padding-right: 10px; border-right: 1px dotted #FFCC66;}
.footersection {overflow: hidden;}
.footersection ul { }
.footersection ul li {padding: 10px 0 0 0; float: left;}
.footersection ul li.firstli {border-right: none; padding: 0; margin: 0;}

/*comments*/
#commentsection {margin: 20px 0;}
h3#comments, #respond h3 {text-transform: uppercase; font-family: Georgia,Times,"Times New Roman",serif;}

ol.commentlist {margin: 1em 0;}
ol.commentlist li {line-height: 1.625em; margin-bottom: 30px;}
ol.commentlist p {margin: 1em 0;}


.commentsdiv, ol li.comment .commentheading {overflow: hidden;  padding: 5px 0;}
ol li.comment .commentheading  {border-bottom: 1px dotted #FFCC66; border-top: 1px dotted #FFCC66;}
ol li.bypostauthor .commentheading  {border-bottom: 3px double #FFCC66; border-top: 3px double #FFCC66;}


.comment-author {float: left; width: 250px; }
.comment-author cite {font-style: normal; text-transform: uppercase;}
.comment-meta {float: right; padding: 1px 5px; }

.commentpic {float: left; width: 100px; }
.commentpic img {background:#FFFFFF; border:1px solid #000; padding:4px;}
.commentcontent {float: left; width: 100%;}


form#commentform {margin: 1em 0;}
form#commentform p {margin-bottom:10px; overflow: hidden; }

form#commentform label {
cursor:pointer;
float:left;
margin-left:10px;
width:300px;
text-align: left;
}

form#commentform .subscribe-to-comments label {float: none; width: auto; margin-right: 0;}


form#commentform input[type="text"], form#commentform textarea {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-x-system-font:none;
border:1px solid #FFCC66;
color:#000;
padding:2px 4px;
vertical-align:bottom;
}

form#commentform input[type="text"], form#commentform textarea {
width:95%; float: left;
}

form#commentform textarea {width: 95%;}

form#commentform input#submit {border:1px solid #fff; background: #FFCC66; text-align: right;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-x-system-font:none;
padding: 3px 10px;
color: #000;
}



/*default WP styles*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft, .left {
   float: left; margin: 0 0.5em 0.5em 0;
}

.alignright, .right {
   float: right; margin: 0 0 0.5em 0.5em;
}

.wp-caption {
   text-align: center;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {

}

.wp-caption p {
   font-size: 0.814em;
   line-height: 1.125em;
color:#00bfff;
   padding: 4px 5px 0;
   margin: 0;
}

/*additional styles for Show/Hide Comments plugin*/
#commentsection #show, #commentsection #hide { padding: 3px 0;}
#commentsection #show center a, #commentsection #hide center a {background: transparent url(images/comment_icon.png) no-repeat left top; display: block; padding: 10px 0 0 52px; text-align: left; font-size: 14px; font-weight: 600; border-bottom: 1px dotted #0000ff;}
#commentsection #show center a:hover, #commentsection #hide center a:hover {color: #FFCC66;}

#footer {margin-left: 40px; clear:both;}
#footer .widget {width: 250px; margin-right: 40px; float:left;}
#footer ul {margin:0; padding:0; list-style:none;}
#footer ul li {line-height: 1.2em; padding: 2px 0;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 .5em .5em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignleft {float:left; }
.alignright {float:right; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.entry p {clear:none;}

#main {
    width: 100%;
    float:left;
}

#right-sidebar {
     float: right;
     min-height: 500px;
     border: 1px solid silver;
     padding: 5px;
     font-size: 12px;
}

#left-sidebar {
     float: left;
     min-height: 500px;
     border: 1px solid silver;
     padding: 5px;
     font-size: 12px;
}
#main2  {
  max-width: 960px;
  margin: auto;
  background-color:#FFFFE7;
  padding: 10px;
}