/*
Theme Name: Phoenix Endeavors
Description: This is the Phoenix Endeavors custom theme that was developed for their website.
Version: 1.0
Author: Jesse Sutherland
Author URI: http://www.jessesutherland.com/
*/




* {

	margin:0;

	padding:0

}

body {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 11px;

	margin: 0px;

	padding: 0px;

	background-color: #EEEEEE;

	min-width:806px;

}

html {

	margin: 0px;

	padding: 0px;

}

img {

	border:0px;

}

a:link {

	color: #3B6FA3;

	text-decoration: underline;

}

a:visited {

	color: #3B6FA3;

	text-decoration: underline;

}

a:active {

	color: #3B6FA3;

	text-decoration: underline;

}

a:hover {

	color: #333333;

	text-decoration: none;

}







#home {

	background-image: url(images/bannerrepeat_home.jpg);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

}

#interior {

	background-image: url(images/bannerrepeat_interior.jpg);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

}

#container {

	position:relative;

	width: 806px;

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#header {

	margin: 0px;

	padding: 0px;	

}

#logomark {

	padding: 0px;

	height: 93px;

	width: 422px;

	background-image: url(images/phoenixendeavorslogo.png);

	background-repeat: no-repeat;

	background-position: center center;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: -72px;

	float: left;

	position:relative;

	cursor: pointer;

	_background-image: url(images/phoenixendeavorslogo_ie6.jpg);

}

#searcharea {

	width: 450px;

	height: 93px;

	text-align: right;

	float: right;

}

#searchbar {

	padding: 0px;

	margin-top: 34px;

	margin-right: 0px;

	margin-left: 0px;

	margin-bottom: 0px;

}

.input {

	padding: 4px;

	background-color: #CCCCCC;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	width: 160px;

	display: block;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: right;

}

.submitbutton {

	background-image: url(images/searchbutton.gif);

	background-repeat: no-repeat;

	display: block;

	height: 21px;

	width: 49px;

	margin: 0px;

	padding: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	cursor: hand; /* hand-shaped cursor */

	cursor: hand; /* for IE 5.x */

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	float: right;

}







#topnav {

	clear: both;

	float: right;

	text-align: right;

}

#topnavinterior {

	clear: both;

	float: right;

	text-align: right;

	margin-bottom: 65px;

}

#topnavmenu, #topnavmenu ul {

	margin:0px;

	padding: 0px;

	float:right;

	list-style: none;

}

#topnavmenu li {

	list-style:none;

	display:inline;

	position:relative;

	margin: 0px;

	padding: 0px;

	float:left;

}

#topnavmenu a {

	display: block;

	text-decoration: none;

	background-image: url(images/topmenu.png);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 16px;

	padding-bottom: 5px;

	width: 85px;

	text-align: center;

	color: #FFFFFF;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 3px;

	padding-right: 0px;

	padding-left: 0px;

	font-size: 12px;

	_background-image: url(images/topmenu_ie6.gif);

}

#topnavmenu a:hover {

	background-position: left -36px;

}

.clearit {

	clear: both;

	height: 0;

	line-height: 0.0;

	font-size: 0;

}

#topnavmenu li ul {

	position: absolute;

	display: none;

	right: 0px;

	top: 7px;

	color:#FFFFFF;

	width:173px;

	margin:0px;

	background-image: url(images/subnavbackground1.png);

	background-repeat: no-repeat;

	background-position: right bottom;

	padding-top: 2px;

	padding-right: 5px;

	padding-bottom: 8px;

	padding-left: 5px;

	_background-image: url(images/subnavbackground1_ie6.gif);

}



#topnavmenu li:hover a, #topnavmenu a:focus,

#topnavmenu a:active, #topnavmenu li.p7hvr a {

	background-position: left -36px;

}

/*

Set the Sub-Menu UL to be visible when its associated

Root-Level link is moused over. The second selector is 

assigned to IE5 and IE6 via the P7_ExpMenu script.

*/

#topnavmenu li:hover ul, #topnavmenu li.p7hvr ul {

	display: block;

}



#topnavmenu li:hover div, #topnavmenu li.p7hvr div {

	display: block;

	padding:0px;

	margin:0px;

	background-image: url(images/subnavbackground2.png);

	position: absolute;

	background-repeat: no-repeat;

	height: 7px;

	width: 173px;

	right: 0px;

	background-position: right 2px;

	_background-image: url(images/subnavbackground2_ie6.gif);

}



/*

Sets the Text color of the Sub-Level links when the Root-Level

menu items are moused over. The second selector is 

assigned to IE5 and IE6 via the P7_ExpMenu script.

The color set should march the normal Sub-Level link color

in the rule: #topnavmenu ul li a. The background color must be

transparent to allow the underlying gradient background on the UL

to show through.

*/

#topnavmenu li:hover ul a, #topnavmenu li.p7hvr ul a {

	display:block;

	float:right;

	width:147px;

	height:20px;

	color: #868686;

	background-image:url(images/subnavdots.gif);

	text-align: right;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0px;

	padding-top: 0px;

	padding-right: 16px;

	padding-bottom: 0px;

	padding-left: 0px;

	background-repeat: no-repeat;

	background-position: right center;

	line-height: 20px;

}

/*

The normal hover class for Sub-Level links. The Important directive

is required for older browsers. We set a background color, which shows

over the gradient background. We set text color to white.

*/

#topnavmenu ul a:hover {

	color: #FFFFFF!important;

	background-image:url(images/subnavdots2.gif)!important;

	padding-right: 18px!important;

}

/* The single backslash \ character inside this comment

causes IE5 Mac to ignore the following rule, which allows other

browsers to render top-level menu items to their natural width.

Do not edit this rule in any way. */

#topnavmenu li {width: auto;}









#banner {

	clear: both;

}

#bannerphoto {

	height: 246px;

	width: 556px;

	float: left;

	background-image: url(images/bannerimage.png);

	background-repeat: no-repeat;

	background-position: left top;

	margin-top: 30px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: -46px;

	_background-image: url(images/bannerimage_ie6.jpg);

}

#bannerphoto img {

	margin-top: 19px;

	margin-right: 52px;

	margin-bottom: 18px;

	margin-left: 52px;

}



#bannerquote {

	padding: 0px;

	margin-top: 37px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: -20px;

	display: block;

	width: 300px;

	float: left;

}

#sidequote {

	margin-bottom: 25px;	

}

#subsubnav {

	margin-bottom: 25px;

}

#subsubnav ul {

	list-style-type: none;

	list-style-image: none;

	margin: 0px;

	padding: 0px;

}

#subsubnav li a {

	background-image: url(images/subsubnav.png);

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin-bottom: 5px;

	padding-left: 30px;

	padding-top: 6px;

	padding-bottom: 6px;

	text-decoration: none;

	background-position: 0px 0px;

	_background-image: url(images/subsubnav_ie6.jpg);

}

#subsubnav li.current_page_item a {

	background-position: 0px -52px;

	color: #FFFFFF;

	cursor:default;

}

#subsubnav li.current_page_item a:hover {

	background-position: 0px -52px;

	color: #FFFFFF;

	cursor:default;

}

#subsubnav li a:hover {

	background-position: 0px -26px;

	color: #333333;

}



#content {

	clear: both;

}

#sidebar {

	float: left;

	width: 248px;

	margin-right: 30px;

	margin-top: 30px;

	padding-bottom: 45px;

}

.sidebarbox {

	border-top-width: 3px;

	border-top-style: solid;

	border-top-color: #3b6fa3;

	margin-bottom: 20px;

	padding-bottom: 24px;

	background-image: url(images/sidebarbottom.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;



}

.sidebarboxinside {

	background-image: url(images/sidebarrepeat.jpg);

	padding-top: 16px;

	padding-right: 16px;

	padding-bottom: 0px;

	padding-left: 16px;

}

/* Changed by Brad Simon 1/16/09

Main copy color was darkened a bit.

Original was #737373

Little darker #6B6B6B

Little darker #4A4A4A

current color is just a little darker

Got coordinating colors from  http://www.2createawebsite.com/build/hex-colors.html

*/

.sidebarbox p {

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #666666;

	font-size: 12px;

	line-height: 18px;

	margin: 0px;

}

.sidebarboxinside a:link {

	text-decoration: none;

}

.sidebarboxinside a:visited {

	text-decoration: none;

}

.sidebarboxinside a:active {

	text-decoration: none;

}

.sidebarboxinside a:hover {

	text-decoration: none;

/* Brad Changed from #333333*/

	color: #333333;

}







#maincopy {

	float: left;

	width: 528px;

	margin-top: 30px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	padding-bottom: 45px;

}

/* Changed by Brad Simon 1/16/09

Maincopy p color was darkened a bit.

Original was #999999

Little darker was #6B6B6B

current color is just a little darker

Got coordinating colors from  http://www.2createawebsite.com/build/hex-colors.html

*/

#maincopy p {

	font-family: Arial, Helvetica, sans-serif;

	color: #666666;

	font-size: 13px;

	line-height: 22px;

	padding: 0px;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

}

#maincopy img {

	border: 6px solid #EEEEEE;

}

#maincopy h2 {

	font-size:18px;

	font-style: normal;

	line-height: 23px;

	font-weight: normal;

	color: #777777;

	margin-bottom: 12px;
	
	margin-top: -4px;
	
	margin-left: 0px;
	
	margin-right: 0px;

	padding: 0px;

}

#maincopy h4 {

	font-family: Arial, Helvetica, sans-serif;

	color: #3b6fa3;

	font-size: 13px;

	font-weight: bold;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#maincopy ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	color: #4A4A4A;
	font-size: 13px;
	line-height: 22px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 12px;
	list-style-position: outside;
}

#maincopy ol li {

	margin-bottom: 5px;
	margin-left: 45px;

}

#maincopy ul li {
	margin-left: 45px;
	margin-bottom: 5px;
	list-style-type: disc;
}

.post {

	padding-bottom: 15px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCCCCC;

	margin-bottom: 25px;

}

.date {

	font-size: 11px;

	color: #666666;

}

.edit a {

	font-size: 10px;

	background-color: #EEEEEE;

	text-decoration: none;

	line-height: 16px;

	padding: 4px;

	color: #999999;

}

.edit a:hover {

	font-size: 10px;

	background-color: #CCCCCC;

	text-decoration: none;

	line-height: 16px;

	padding: 4px;

	color: #666666;

}

#navigation {

	text-align: center;

	margin-top: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}

#navigation a:link, #navigation a:visited, #navigation a:active {

	text-decoration: none;

	color: #999999;

}

#navigation a:hover {

	text-decoration: none;

	color: #3B6FA3;

}

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

	}







#footer {

	clear: both;

	background-color: #EEEEEE;

	text-align: center;

	overflow: hidden;

	width: 100%;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

}

#footerbox {

	position:relative;

	width: 806px;

	padding: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	text-align: left;

	height: 200px;

}

#copyright {

	float: left;

	margin-top: 15px;

	margin-right: 30px;

	width: 248px;

}

#copyright p {

	font-family: Arial, Helvetica, sans-serif;

	color: #b1b1b1;

	margin-bottom: 10px;

	font-size: 12px;

	line-height: 16px;

}



#copyright a:link {

	color: #b1b1b1;

	text-decoration: none;

}

#copyright a:active {

	color: #b1b1b1;

	text-decoration: none;

}

#copyright a:visited {

	color: #b1b1b1;

	text-decoration: none;

}

#copyright a:hover {

	color: #666666;

	text-decoration: none;

}

.rssfeed {

	background-image: url(images/rssfeed.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	width: auto;

	padding-left: 18px;

}

.copyright2 {

	font-size: 10px;

}

#mailinglist {

	float: left;

	margin-top: 15px;

}

#mailinglist p {

	font-family: Arial, Helvetica, sans-serif;

	color: #b1b1b1;

	line-height: 16px;

}















h1 {

	display: none;

	margin: 0px;

	padding: 0px;

}

h2 {

	font-size:21px;

	font-style: italic;

	line-height: 28px;

	font-weight: normal;

	color: #cccccc;

	margin: 0px;

	padding: 0px;

}

h3 {

	font-size: 16px;

	font-weight: normal;

	color: #676767;

	margin: 0px;

}



h4 {

	font-family: Arial, Helvetica, sans-serif;

	color: #3b6fa3;

	font-size: 15px;

	font-weight: bold;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 4px;

	margin-left: 0px;

}

h5 {

	font-size:18px;

	font-style: italic;

	line-height: 28px;

	font-weight: normal;

	color: #cccccc;

	margin: 0px;

	padding: 0px;

}

