/*

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: 212px;	/*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'); background-repeat:no-repeat;

	width: 920px;

	height: 214px;

	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;}