/*   
Theme Name: Iverson Reuvers
Theme URI: iversonlaw.com
Description: Wordpress theme developed for the Iverson Reuvers Law Firm
Author: Tony Thomas
Author URI: anthonygthomas.com
Version: 1.0
.
Developed for Iverson Reuvers Attorneys at Law.
.
*/

/* tags */

a{
	color:#333333;
	text-decoration:none;
}

body{
	font-size:90%;
	background:#333333;
}

html, body {
	height:100%;
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	display:block;
	margin:5px 0 10px 0;
}

h1 {font-size:120%;}

h2 {font-size:110%;}

h3, h4, h5, h6 {font-size:105%;}

hr {visibility:hidden;}

/* ids */

#header {z-index:1000;}

#header a {
	font-weight:bold;
}

/* classes */

.belowphoto {
	position:absolute;
	top:5px;
	margin:0;
	padding:0 0 0 5px;
	font-size:75%;
	z-index:1000;
}

.belowphoto h3 {
	position:relative;
	margin:305px 0 3px 5px;
}

.belowphoto table{
	margin:-20px 0 0 0;
}

.belowphoto td {
	vertical-align:top;
}

.belowphoto ul {
	margin:-20px 0 0 0;
}

.belowphoto li:hover, li.over, .belowphoto a:hover {
	background:none;
	color:black;
}

.container {
	background:#fff url('images/background.jpg') repeat-x;
	height:470px;
	position:relative;
}

.ftrimg {
	position:absolute;
	top:413px;
	left:0;
	margin:0 0 0 0;
}
.imgrclmn {
	position:absolute;
	top:0;
}

.home_logo {
	position:relative;
	top:98px;
	margin:0 0 0 60px;
	z-index:0;
	width:444px;
	height:110px;
	background:url('http://iversonlaw.com/content/wp-content/themes/iversonreuvers/images/IRLogo.jpg'); /* must remember to change this */
}

.hidden { display:none; }

.left_column {
	position:relative;
	height:470px;
	margin:0;
	float:left;
}

.left_content a {text-decoration:underline;}

.left_content h1 {display:inline;}

.left_content {
	padding:5px;
	height:300px;
	overflow:auto;
	margin:30px 0 0 40px;
	font-size:80%;
	z-index:0;
}

.left_content ul, .left_content li, .belowphoto ul, .belowphoto li {
	display:block;
	float:none;
	list-style:disc;
	text-transform:none;
}

.left_content ul {
	margin:-15px 0 0 0;
}

.news {
	height:375px;
}

.post {
	padding:0 15px 0 0;
}

.right_column {
	position:relative;
	width:300px;
	margin:0;
	float:right;
}

hr.yellow {
	visibility:visible;
	background:#f5f5a8;
	height:2px;
	width:280px;
}
/* Drop Downs

http://www.alistapart.com/articles/dropdowns/

To get started, all of the lists need to be jigged around a bit — 
namely, the padding and margin set to zero and the list-style set to none: */
ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1000;
}
/* Now we need to transform the first-level list into a horizontal menu bar.
There are a number of methods to do this, discussed in detail elsewhere.
We could display the list-items inline (display: inline), but for this example,
we are going to float them to the left. */
li {
	float: left;
	position: relative;
	margin:0 20px 0 0;
	padding:3px 3px 0 3px;
	z-index:1000;
}
/* The position has been set to relative because we want the position of the second-level,
nested lists to be relative to the first-level list items and the width has been set to
space it out a bit. The dropdown menu is coming together.

The next step is to tackle the second-level lists that will be the dropdowns themselves: */
li ul {
	display: none;
	position: absolute;
	z-index:1000;
}
/* This positions the second-level lists absolutely (pulling them out of the flow of HTML into 
	a world all of their own) and sets their initial state to not be displayed. If you substitute 
	display: none with display: block, you will see the need for the top and left properties in 
	Internet Explorer, because without them, IE will align the second-level lists to the top 
	right of their relative parent rather than the bottom left. Unfortunately, this IE fix will 
	mess things up in browsers like Opera, so add the following CSS to reset the top and left 
	properties on all but IE browsers: */
li > ul {
	top: auto;
	left: -20px;
}
/* And now, making the sucker work. To make a second-level list appear when its parent list 
item is “rolled over,” we simply need to add the following: */
li:hover ul, li.over ul { display: block;}
/* Finally, because the lists are floated left, the content underneath it needs to 
be set free of the floating by applying clear: left to it. (In this case, added to left_content)
If you're reading this, make sure your include this JavaScript in the head or this won't work in Internet Explorer.

*/

/* This is my own mod for styling the second level elements and positioning the navigation. */
li ul li {
	background:url('images/horizontal_gradient.jpg');
	width: 11em;
	font-size:85%;
	padding:3px;
	text-transform:none;
	z-index:1000;
}

li.current_page_item a, li.current_page_parent a  {
	color:#fff;
}

li.current_page_item, li.current_page_parent {
	background:#000;
}

li.current_page_item ul li a, li.current_page_parent ul li a, li:hover ul li a, li.over ul li a {
	color:#333;
}

li.current_page_item ul li a:hover, li.current_page_parent ul li.over a, li:hover ul li a:hover, li ul li.over a, li.current_page_parent ul li.current_page_item a {
	color:#fff;
}

li:hover, li.over {
	background:#333;
}

li.over a, li:hover a {
	color:#ffffff;
}

#nav{
	padding: 3px 0 0 0;
}

/* MooScroll CSS */

.scrollControlsY{
	display:block;
	position: absolute;
	top:55px;
	right:0px;
	height:310px;
	width:15px;
	background: url('MooScroll/img/scrollBar.gif') repeat-y right top;
}

.upBtn{
	display:block;
	position:absolute;
	bottom:-20px;
	right:0;
	width:15px;
	height:18px;
	background: url('MooScroll/img/upBtn.gif') no-repeat 0 0;
	cursor:pointer;
}

.upBtn:hover{
	background: url('MooScroll/img/upBtn.gif') no-repeat 0 0;
	cursor:pointer;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url('MooScroll/img/upBtn.gif') no-repeat 0 0;
	cursor:pointer;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:-33px;
	right:0;
	width:15px;
	height:18px;
	background: url('MooScroll/img/downBtn.gif') no-repeat 0 -34px;
	cursor:pointer;
}

.downBtn:hover{
	background: url('MooScroll/img/downBtn.gif') no-repeat 0 -17px;
	cursor:pointer;
}

.downBtn-Active, .downBtn-Active:hover{
	background: url('MooScroll/img/downBtn.gif') no-repeat 0 0;
	cursor:pointer;
}

.scrollBar{
	display:block;
	position: absolute;
	top:-15px;
	right:0;
	padding: 0 0 0 0;	
	/* bottom:41px; */
	bottom:11px;
	width:15px;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:15px;
	/* height:320px; */
	height:100%;
	cursor: pointer;
	padding:11px 0;
	margin:13px 0 0 0;
}

.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:15px;
	background: url('MooScroll/img/scrollHandleMiddle.gif') repeat-y 0 0 ;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	/* background: url(MooScroll/img/scrollHandleBG.gif) repeat-y -15px 0; */
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	/* background: url(MooScroll/img/scrollHandleBG.gif) repeat-y -30px 0; */
}

.scrollHandleMiddle{
	display: block;
	position: absolute;
	width:15px;
	height:13px;
	background: url('MooScroll/img/scrollHandleMiddle.gif') repeat-y 0 0  ;
	top:50%;
	margin:-5px 0 0 0;
}

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	/*background: url(MooScroll/img/scrollHandleMiddle.gif) repeat-y -15px 0;*/
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	/*background: url(MooScroll/img/scrollHandleMiddle.gif) repeat-y -30px 0;*/
}

.scrollHandleTop{
	display:block;
	position:absolute;
	width:15px;
	height:18px;
	background: url('MooScroll/img/scrollHandleTop.gif') no-repeat 0 0;
	top:2px;
	margin:0 0 0 0;
}

.scrollHandleBottom{
	display:block;
	position:absolute;
	width:15px;
	height:11px;
	background: url('MooScroll/img/scrollHandleBottom.gif') no-repeat -30px 0 ;
	bottom:0;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	background: url('MooScroll/img/scrollHandleBottom.gif') no-repeat -15px 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url('MooScroll/img/scrollHandleBottom.gif') no-repeat 0 0 ;
}

/* End MooScroll CSS */