/*  
Theme Name: FAPE
Version: 1.1
Description: Designed exclusively for use by Camille Eber by <a href="http://www.mindyschmidt.com">MSIS</a>.
Author: <a href="http://www.mindyschmidt.com">MSIS</a>.
Author URI: http://www.mindyschmidt.com
*/

/*---------------------------------------------------------*/
/*                          General                        */
/*---------------------------------------------------------*/

ul.nav li li a {padding:7px 20px 0px; height:27px;}

body {
background: aqua;
text-align:center;
margin:0 auto;
padding:0;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:13px;
line-height:20px;
color:#333333;
background:url(images/bg.jpg) #eeeeee top center no-repeat fixed;
}

h1 {font-size:22px; line-height:26px; color:#333333;}
h2 {font-size:19px; line-height:23px; color:#666666;}
h3 {font-size:17px; line-height:21px; color:#333333;}
h4 {font-size:15px; line-height:19px; color:#666666;}
h5 {font-size:13px; line-height:17px; color:#333333;}
h6 {font-size:11px; line-height:15px; color:#666666;}

a {color:#006699; cursor:pointer; text-decoration:none;}

a:hover {text-decoration:underline;}

img {border:none;}

.alignleft {float:left;}
.alignright {float:right;}

img.alignleft, img.alignright {padding:5px;}

/*---------------------------------------------------------*/
/*                     Utility Classes                     */
/*---------------------------------------------------------*/

.clear {clear:both;}

.fl {float:left;}

.fr {float:right;}


/*---------------------------------------------------------*/
/*                         Blog Nav                        */
/*---------------------------------------------------------*/

#blog-nav {position:relative; z-index:10; background:url(images/blog-nav-bar.png); height:55px; width:1064px; margin-left:-15px;}

	#blog-nav-container {width:1000px; height:39px; margin:0 auto;}

		ul.blognav {margin:0; padding:0;}

		ul.blognav li {font-size:12px; margin:0; float:right; list-style:none; text-transform: uppercase; }

		ul.blognav li a {display:block; text-decoration:none; padding:9px 20px 0px; height:30px; color:#fff;}

		ul.blognav li:hover a {background:url(images/nav-bg.png) #586e85;}
		
		
/*---------------------------------------------------------*/
/*                            Nav                          */
/*---------------------------------------------------------*/

#nav {position:relative; z-index:10; background:url(images/nav-bar.png) center no-repeat; height:73px; width:1064px; margin-left:-16px; clear:both;}

	#nav-container {width:1000px; height:39px; margin:0 auto;}

		ul.nav {margin:0; padding:0;}

		ul.nav li {font-size:14px; margin:0; float:left; list-style:none; text-transform: uppercase; }

		ul.nav li a {display:block; text-decoration:none; padding:18px 20px 0px; height:37px; color:#fff; background:url(images/nav-divider.png) top right no-repeat;}

		ul.nav li:hover a {background:url(images/nav-bg.png) #082043;}

	/* drop down list */
		ul.nav li ul a {background:none;}
	
		ul.nav li ul {position: absolute; width: 200px; left: -999em; margin:0; padding:0; background:#586e85;}
		
		ul.nav li:hover ul ul, ul.nav li.sfhover ul ul {left: -999em;}

		ul.nav li:hover ul, ul.nav li.sfhover ul, ul.nav li li:hover ul, ul.nav li li.sfhover ul {left: auto;}
		
		ul.nav li:hover ul li:hover a {width:160px; background:url(images/nav-bg.png) #082043;}
		
		ul.nav li:hover ul a {background:none;}
		
		ul.nav li ul ul {margin: -47px 0 0 200px;}
		
		
/*---------------------------------------------------------*/
/*                        Top Section                      */
/*---------------------------------------------------------*/

/* Top Left */		
#top-left-col {position:relative; z-index:1; background-color:#fff; width:612px; height:148px; float:left; margin:-16px 0px 0px 25px;}

.under-slider {position:relative; top:-55px;}

/* Top Right */	
#top-right-col {position:relative; z-index:1; background:url(images/sidebar-top.png) center no-repeat; width:344px; height:148px; float:left; margin:-16px 0px 0px 42px;}

	#top-right-contact {float:left; margin:27px 0px 0px 9px; width:95px; text-align:center;}
	
		#top-right-contact a {text-transform: uppercase; text-decoration:none; font-weight:bold; font-size:14px;}
		
		#top-right-contact a:hover {text-decoration:none;}
	
	#top-right-directions {float:left; margin:27px 0px 0px 20px; width:95px; text-align:center;}
	
		#top-right-directions a {text-transform: uppercase; text-decoration:none; color:#002244; font-weight:bold; font-size:14px;}
		
		#top-right-directions a:hover {text-decoration:none;}
	
	#top-right-hours {margin:6px 0px 0px 19px; width:210px; float:left;}
	
		#top-right-hours p {font-size:12px; font-family:Trebuchet MS; color:#002244; letter-spacing:1px; line-height:14px;}
	
	#top-right-phone {clear:both; font-family:Trebuchet MS; font-size:18px; font-weight:bold; color:#002244; margin:17px 0px 0px 60px; width:210px;}
	
	a.top-right-oregon-law {display:block; width:87px; height:118px; float:right; position:relative; right:10px; top:0px; cursor:pointer;}
		
/*---------------------------------------------------------*/
/*                        Container                        */
/*---------------------------------------------------------*/		

#container {background:url(images/body-bg.png) center repeat-y; width:1030px; margin:0 auto; text-align:left;}

#bottom-container {width:998px; margin:-19px 0px 0px 25px; background:url(images/bottom-container-bg.png) center repeat-y;}
		

/*---------------------------------------------------------*/
/*                       Left Column                       */
/*---------------------------------------------------------*/

#left-col {position:relative; z-index:1; width:612px; float:left; margin:0px 0px 0px 0px; clear:both;}

	.left-col-container {margin:0px 20px 20px;}		


/*---------------------------------------------------------*/
/*                          Sidebar                        */
/*---------------------------------------------------------*/

#share-this {margin-bottom:5px; float:right;}

#right-col {position:relative; z-index:1; width:344px; float:left; margin:0px 0px 40px 42px;}

.widget ul {margin:0 auto; padding:0; list-style:none; margin-left:20px;}
	.widget ul li a {color:#666666; text-decoration:none;}
	.widget ul li a:hover {text-decoration: underline;}

	.widget-page-heading {background:url(images/widget-heading.png) center no-repeat; width:363px; height:46px; margin:30px 0px 10px -25px;}
	
		.widget-page-heading h3 {margin-left:20px; padding-top:8px; color:#006699;}
	
	#sidebar {width:312px; margin:20px auto 40px; font-size:12px;}
	
		#sidebar .widget h3 {text-align: left; padding-left:20px;}
		
			#sidebar .widget h3.centered {text-align:center; padding-left:0; margin:0;}
		
		#sidebar p {color:#666666}
	
		.sidebar-ad-left {float:left; margin-bottom:20px;}
		
		.sidebar-ad-right {float:left; padding-left:12px; }
	
	.five-reasons {width:321px; height:190px; margin-left:-12px; margin-bottom:20px;}

        .five-reasons-top {width:323px; height:69px; margin-left:-12px; margin-bottom:20px;}
	
	.staff {text-align:center; margin:10px;}
	
	#sidebar-search {border:1px solid #002244; background:#fff; height:35px; clear:both;}
	
		.sidebar-search-button {background:url(images/search-icon.png) no-repeat; width:29px; margin:5px; height:24px; float:right; border:0px;}
		
		.sidebar-search-text {color:#cc3333; float:left; margin-top:9px; font-weight:bold; margin-left:5px; width:100px;}
		
		.sidebar-search-input {border:0px; font-weight:bold; font-size:14px; float:left; width:160px; margin:8px 0px;}
		
		#sidebar-home-ads {margin-top:20px;}


/*---------------------------------------------------------*/
/*                      Bottom Ribbon                      */
/*---------------------------------------------------------*/

#bottom-ribbon-container {width:1030px; margin:0 auto;}

#bottom-ribbon {position:relative; z-index:10; background:url(images/bottom-ribbon.png) center no-repeat; height:167px; width:1064px; margin-left:-16px; float:left; margin-top:-40px;}

#bottom-ribbon-text {background:url(images/bottom-ribbon-text.png); float:left; height:93px; width:457px; margin:55px 0px 0px 20px;}

	a.bottom-ribbon-oregon-law {display:block; width:465px; height:20px; position:relative; left:0px; top:75px; float:left; cursor:pointer;}

#social-icons {width:350px; float:right; width:313px; height:49px; margin-right:40px;}

.social-icon {position:relative; float:left; bottom:0px;}

	#facebook, #twitter {padding-right:30px;}
	
	#facebook, #linkedin {padding-top:5px;}



/*---------------------------------------------------------*/
/*                        Page Heading                     */
/*---------------------------------------------------------*/

.page-heading {background:url(images/page-header.png) center no-repeat; width:641px; height:57px; margin-left:-34px;}

.page-heading h3 {color:#fff; text-align: center; padding-top:11px; font-size:17px; text-transform:none;}

	.page-heading h3.align-left {text-align:left; margin-left:34px;}


/*---------------------------------------------------------*/
/*                      Looped Slider                      */
/*---------------------------------------------------------*/
.slide-container {position:relative; z-index:10; left:-1px; width:560px; height:270px; overflow:hidden; position:relative; cursor:pointer; border:9px solid #fff;}

div.slides { position:absolute; top:0; left:0; }

ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }

div.slides div,ul.slides li { position:absolute; top:0; width:560px; display:none; padding:0; margin:0; }
		
#loopedSlider { margin:0 auto; width:576px; position:relative; clear:both; }

	#loopedSlider img {width:560px; height:270px;}
	
ul.pagination { list-style:none; padding:0; margin:0; position:relative; z-index:20; top:-35px; left:-50px;}

ul.pagination li  { float:left;}

ul.pagination li a { padding:3px 8px; margin:2px; background:#FEDF03; color:#000; text-decoration:none; font-weight:bold;}

ul.pagination li.active a {background:#fff;}

a.previous {position:relative; z-index:1; top:-175px; left:-27px; width:31px; height:65px; background:url(images/left-arrow.png); display:block; float:left;}

a.next {position:relative; z-index:1; top:-175px; left:541px; width:31px; height:65px; background:url(images/right-arrow.png); display:block; float:left;}


/*---------------------------------------------------------*/
/*                          Post                           */
/*---------------------------------------------------------*/

.box {margin-left:50px; width:500px; border-bottom:1px dotted #aaa;}

.entry img {margin:5px;}

.post-date {width:76px; height:72px; background:url(images/post-date.png) no-repeat; padding-top:20px; float:left; margin-left:-110px;}

.post-date-container {color:#fff; text-align:center; width:70px; height:72px; font-weight:bold; font-size:14px; text-transform: uppercase;}

.post_meta {background:#eee; padding:2px 4px; color:#002244; font-size:12px;}

	.post_meta a {color:#002244; text-decoration:none;}
	
	.post_meta a:hover {text-decoration:underline;}
	
	.read-more {background:#eee; padding:2px 5px; color:#002244; float:right; font-weight:bold; margin-bottom:20px;}


/*---------------------------------------------------------*/
/*                          Footer                         */
/*---------------------------------------------------------*/

#footer {width:1000px; margin:8px auto; text-align:right; height:50px; font-size:12px;}


input#submit {background:#cc3333; padding:10px 20px; cursor:pointer; border:0px; color:#fff; display:block;}

input#submit:hover {text-decoration:underline;}