/*
Theme Name: Jones & Watkins, LLC
Theme URI: http://UltimateIDX.com/
Description: Custom website theme.
Version: 0.0.1
Author: UltimateIDX.com
Author URI: http://www.UltimateIDX.com/
	
*/



/* Begin Typography & Colors */
body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #D7DFCA url('images/body-background.png');
	background-repeat:repeat-x;
	background-position:top;
	color: #333;
	padding: 0px;
	margin: 0px;
}

#maxouter{background: url(images/banner.jpg) repeat-x; width:100%; position:relative;}

h1 {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:24px; color:#000000;}

#header {position:relative; width:1000px; /*background:  url('images/header-background.png');*/ height: 190px;	/*padding: 20px;*/	/*border-bottom: solid 10px #cccccc;*/	font-weight: normal;}
#header a {color: #FFFFFF; text-decoration: none;}
#header a:hover {color: #cccccc; text-decoration: underline;}

#searchform{position:absolute; top:5px; right:45px; width:240px; z-index:199; height:28px;}
#searchform2{margin:0px !Important; padding:0px;}
.name {
	float: left;
	font-family:"Adobe Garamond Pro", Garamond, Times, "Times New Roman", serif;
	font-size: 36px;
	margin-left: 30px;
}

.description {
	clear:left;
	float: left;
	color: #FFFFFF;
	margin-left: 40px;
}

.menu {text-align: right; font-size: 12px; margin-right: 30px;}
.menu ul {margin: 0px; padding: 0px;}
.menu li {display: inline; margin-left: 10px;}

#moodwrap {
	background: url('images/header-graphic-background.png');
	text-align: center;
	margin:0px;
	padding:0px;
	width: 100%;
}


#mood {
	background: url('images/header-graphic.jpg');
	width: 920px;
	height: 200px;
	border: solid 10px #cccccc;
	margin: 10px auto 0px auto;
	padding: 0px;
}


/* #footer {
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

	#footer a {
		color: #333333;
	}
	
	#footer a:hover {
		color: #000000;
	}

.footermenu {
	text-align: center;
	margin-top: 18px;
	font-size: 12px;
}

	.footermenu ul {
		margin: 0px;
		padding: 0px;
	}
	
	.footermenu li {
		display: inline;
		margin-left: 10px;
	}
*/

#body {
	background:  url('images/body-vines.png');
	margin: 0px;
	padding: 20px 40px 10px 40px;
}

	#body a {
		color: #333333;
	}

#bodyfooter {
	background: url('images/body-footer.png');
	height: 30px;

}


#sidebar {
	width: 250px;
	float: left;
	font-size: 12px;
	line-height: 16px;
}
	#sidebar a {
		color: #004080;
	}	

	#sidebar .box {
		clear: both;
		border-top: solid 3px #004080;
		background: url('images/sidebar-box-background.png');
		background-repeat: repeat-x;
		min-height: 100px;
		padding: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	
	#sidebar h4 {
		color: #004080;
		margin: 0px;
		padding: 0px;
	}
	
	#sidebar ul {
		list-style: none;
		margin: 10px;
		padding: 0px;
	}
	
#content {
	width: 620px;
	float: right;
	line-height: 18px;
	font-size: 12px;
	margin-right: 30px;
}

	#content h1 {
		font-family: "Adobe Garamond Pro", Garamond, Times, "Times New Roman", serif;
		font-weight: normal;
		font-size: 48px;
		line-height: 52px;
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}
	
		#content h1 a {
			color: #004080;
			text-decoration: none;
		}
		
		#content h1 a:hover {
			color: #004080;
			text-decoration: none;
		}
		
	#content h2 {
		font-family: "Adobe Garamond Pro", Garamond, Times, "Times New Roman", serif;
		font-weight: normal;
		font-size: 24px;
		color: #111111;
		padding: 0px;
		margin: 20px 0px 20px 0px;
	}
	#content h3 {
		font-family: "Adobe Garamond Pro", Garamond, Times, "Times New Roman", serif;
		font-weight: normal;
		font-size: 18px;
		color: #222222;
		padding: 0px;
		margin: 20px 0px 20px 0px;
	}
	#content h4 {
		font-family: "Adobe Garamond Pro", Garamond, Times, "Times New Roman", serif;
		font-weight: normal;
		font-size: 18px;
		color: #333333;
		padding: 0px;
		margin: 20px 0px 20px 0px;
	}
		
		
		
/* Generic classes required by WordPress */

.fixedwidth {position:relative;	width: 1000px;	margin-left: auto;	margin-right: auto;}

.clear {
	clear: both;
}

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
	}

	/*=-=-=-[Navigation]-=-=-=*/
#topnavigation{position:absolute; top:45px; right:30px; z-index:105; background: url(images/navbar.jpg); width:565px; height:20px; font-size:12px; font-family: Arial,Tahoma,Verdana; color: #fff; font-weight: bold; margin: 0px auto 0px; padding: 0px;}
#topnavigation a, #topnavigation a:visited{color: #fff; font-size: 12px; text-decoration: none; padding: 0px 0px 0px 3px}
#topnavigation a:hover{color:#fff; text-decoration:underline; padding:0px 0px 0px 3px}
#topnavigation ul{list-style-type:none; margin:0; padding:0;}
ul#mc_menu_1{margin:0px; padding:0px; list-style-type: none !Important;}
#mc_menu_1 a, #mc_menu_1 a:visited{background:#FFF url(images/navlink.jpg) right; color:#FFF; display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:2px 17px 2px 15px; border-right:1px solid #5a0000}
#mc_menu_1 a:hover{background:#fff url(images/navhover.jpg) right; color:#FFF;  margin:0px; padding:2px 17px 2px 15px; text-decoration:none}
#mc_menu_1 li{float:left; margin:0px; padding:0px}
#mc_menu_1 li ul{position:absolute; width:10em; left:-999em}
#mc_menu_1 li li{float:left; margin:0px !Important; padding:0px !Important; width:150px;}
#mc_menu_1 li li a, #mc_menu_1 li li a:link, #mc_menu_1 li li a:visited{background:#d71c22; width:150px; float:none; text-transform:none; margin:0px; padding:2px 10px 2px 10px; border-bottom:1px solid #8c0000; border-left:1px solid #5a0000; border-right:1px solid #5a0000}
#mc_menu_1 li li a:hover, #mc_menu_1 li li a:active{background:#8c0000; padding:2px 10px 2px 10px}
#mc_menu_1 li:hover ul{left:auto; display:block}
#mc_menu_1 li:hover ul, #mc_menu_1 li.sfhover ul{left:auto}

#bottomlks a, #bottomlks a:visited {clear: both; font-size: 11px; color:#667667; font-weight:800; width: 940px; text-align: center; text-decoration:none}
#bottomlks-sm a, #bottomlks-sm a:visited {clear: both; font-size: 10px; color:#667667; width: 940px; text-align: center; text-decoration:underline;}
#bottomlks-disc a, #bottomlks-sm a:visited {clear: both; font-size: 10px; color:#667667; width: 940px; text-decoration:underline; text-align:justify;}
#footer {
	clear: both; 
	float:none;
	width: 940px;
	margin: auto;
	text-align: center;
	font-size: 10px;
	color:#667667
	}
/*-=-=-=[ Styling index.php used by default for blogs and home page among others ]=-=-=-*/
/*#indexwrapper{width:585px; margin:10px 0 0 10px;}*/
/*.article{margin:10px 15px 40px 15px; position:relative;} /* Article used to replace entry which basically covers the actual article */
.index{margin-bottom:24px;}
.post{}
.post-ID{/* Replace ID with the actual post ID number */}
p.postmetadata{position:relative; display:block; height:28px; line-height:28px; background:#f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left:5px; margin-top:10px;}
p.postmetadata-single{position:relative; display:block; height:50px; line-height:normal; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left:5px; margin-top:10px;}

/*-=-=-=[ Styling for the little post calendar ]=-=-=-*/
.postdate{background: url(images/date.gif); float:left; width:45px; height:50px; margin:0px 5px 0px 0px; padding:0px}
.postdate h4{color: #fff !Important; font-size:10px !Important; font-weight: normal; padding:1px 0px 0px 10px !Important; text-transform:uppercase; font-weight:bold; margin:0px !Important;}
.postdate h5{color: #cc0000; font-size: 20px !Important; font-weight: bold; padding:0px 4px 0px 0px; margin:0px; text-align:center}
.posttitle{float:left; width:560px; margin:0px 0px 12px 0px; padding:0px 0px 0px 0px;}
.posttitle p{font-size: 1.1em; margin: 5px 0 0 0;}
.posttitle h2{color: #CC0000; border-bottom: 1px solid #333; margin:0 !Important;}
.posttitle h2 a{color: #CC0000; text-decoration:none;}

/*-=-=-=[ Styling page.php ]=-=-=-*/
#page{width:1000px; margin-left:auto; margin-right:auto;}

/*-=-=-=[ Styling single.php ]=-=-=-*/
#single{}
#single p{margin: 8px 0px 5px 0px;}
#single h2{font-size:2.4em; margin: 1.2em 0 .5em 0; color:#CC0000;}
.wpreadmore{position:relative; display:block; width:180px; height:28px; line-height:28px; float:right; margin:5px 0px; text-transform:uppercase; font-size:10px !Important; background: url(images/readmore.gif) no-repeat;}
a.more-link{color:#0000FF; text-decoration:underline; text-indent:8px;}

/*-=-=-=[ Styling comments.php ]=-=-=-*/
ul#singlecomments{margin-bottom:40px;}
ul#singlecomments ul{list-style-image:none;}
ul#singlepings{border:1px solid #009999; list-style-image:none; padding:0px;}
h4#comments{height:32px; line-height:32px; border-bottom:1px solid #333; width:100%; margin-bottom:20px;}
h4#pings{height:32px; line-height:32px; border-bottom:1px solid #333; width:100%; margin-bottom:20px;}
ul#singlecomments{list-style:none; margin:0; padding:0;}
ul#singlecomments li{border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px !Important; position:relative;}
ul#singlecomments li.pingback comment-author{padding:0 170px 0 0;}
ul#singlecomments li div.vcard{font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif;}
ul#singlecomments li div.vcard cite.fn{font-style:normal; font-size: 11px;}
ul#singlecomments li div.vcard cite.fn a.url{color:#cc0000; text-decoration:none;}
ul#singlecomments li div.vcard cite.fn a.url:hover{color:#000;}
ul#singlecomments li div.vcard img.avatar{background: #fff; border:1px solid #aaa; padding:2px; position:absolute; left:5px; top:5px;}
ul#singlecomments li div.comment-meta{font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px;}
ul#singlecomments li div.comment-meta a{color:#205B87; text-decoration:none;}
ul#singlecomments li p{font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px;}
ul#singlecomments li ul{font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0;}
ul#singlecomments li div.reply{background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:66px;}
ul#singlecomments li div.reply:hover{background:#cc0000; border:1px solid #cc0000;}
ul#singlecomments li div.reply a{color:#fff; text-decoration:none; text-transform:uppercase;}
ul#singlecomments li ul.children{list-style:none; margin:12px 0 0; text-indent:0;}
ul#singlecomments li ul.children li.depth-2{margin:0 0 3px;}
ul#singlecomments li ul.children li.depth-3{margin:0 0 3px;}
ul#singlecomments li ul.children li.depth-4{margin:0 0 3px;}
ul#singlecomments li ul.children li.depth-5{margin:0 0 3px;}
ul#singlecomments ul.children li.odd{background:#fff;}
ul#singlecomments ul.children li.even{background:#f6f6f6;}
ul#singlecomments li.pingback div.vcard{padding:0 170px 0 0;}


.tabberlive .tabbertabhide{display:none;}
.tabber{}
.tabberlive{margin-top:1em;}
ul.tabbernav{margin:0; padding: 1px 0 !Important; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;}
ul.tabbernav li{list-style: none; margin: 0; display: inline;}
ul.tabbernav li a{padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;}
ul.tabbernav li a:link{color: #448;}
ul.tabbernav li a:visited{color: #667;}
ul.tabbernav li a:hover{color: #000; background: #AAE; border-color: #227;}
ul.tabbernav li.tabberactive a{background-color: #fff; border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover{color: #000; background: white; border-bottom: 1px solid white;}
.tabberlive .tabbertab{padding:5px; /*border:1px solid #aaa;*/ border-top:0;}
.tabberlive .tabbertab h2{display:none;}
.tabberlive .tabbertab h3{display:none;}
.tabberlive#tab1{}
.tabberlive#tab2{}
.tabberlive#tab2 .tabbertab{height:200px; overflow:auto;}

/*=-=-=-[WordPress Calendar Styling - WordPress Calendar is a TABLE ]-=-=-=*/
#wp-calendar{width:200px} /* The WordPress table ID is wp-calendar */
#wp-calendar caption{font-weight:bold; color: purple; text-align:left;} /*The caption tag describes the nature of the table.*/
#wp-calendar colgroup{} /*tag creates and defines an explicit column group in a table*/
#wp-calendar col{}/*tag defines and controls the appearance of a column within a column group*/
#wp-calendar th{background: orange;} /* The <th> element defines table header cells. */
#wp-calendar tr{} /* defines the table row */
#wp-calendar td{border:1px solid #ccc; color:#369; font-weight:bold;} /* The <td> element defines table cells. */
#wp-calendar thead{background-color:#CCCCCC;} /* The <thead> element defines the rows that are part of the head of the table. */
#wp-calendar tfoot{background:#000;} /* The <tfoot> element defines the rows that are part of the foot of the table. */
#wp-calendar tbody{background:#f5f5f5;} /* The <tbody> element defines table bodies */
#wp-calendar td a{display:block; background:#66FFFF; color:red;}
#wp-calendar td a:hover{background-color:#f5f5f5;}
.pad{background:green;} /* this is used to style specific empty TD cells used for calendar structure */
#next, #prev{background-color:#ccc;}
#next .pad{}
#prev .pad{}
#today{background:#cc9999;} /* This styles "Today" which is a TD Cell */
/*=-=-=-[Sidebar Styling - KMc ]-=-=-=*/
.sb {font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; margin:-5px -5px 0px 0; font-size:1.1em; line-height: 1.0em; text-align:justify;}