/*
Theme Name: Special Pets, Special Needs
Description: A custom wordpress theme for http://www.specialpetsspecialneeds.com derived from the Scout's House Website.
Version: 0.1
*/

body { 
	background-color: #C9BD8E;
	font-family: "Palatino Linotype", palatino;
	letter-spacing: 1px;
	font-size: small;
	line-height: 1.6;
	margin: 0px;
}

#allcontent {
	width:	875px;
	padding-top:	0px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}


#main {
	background: #C9BD8E;
	font-size: 105%;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
	width: 575px;
}

#right_sidebar {
	background: #B3935E;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 10px 10px;
	float: right;
	width: 240px;
	font-family: "Arial", sans-serif;
	letter-spacing: 0px;
	
}

#90percentbox { position: relative; bottom: 10px; left: 0px; font-size: 75%; }

#generic_box_left { position: relative; bottom: 10px; left: 0px; width: 270px;  float: left;}

#generic_box_right { position: relative; bottom: 10px; left: 7px; width: 270px; float: left;}

#generic_box_wide { position: relative; bottom: 10px; left: 0px; width: 470px;  float: left;}

#bottom_box_left { position: relative; bottom: 10px; left: 0px; width: 310px; font-family: "franklin gothic", tahoma, geneva, sans-serif; font-size: 75%; float: left;}


#bottom_box_right { position: relative; bottom: 10px; left: 7px; width: 240px; font-family: "franklin gothic", tahoma, geneva, sans-serif; font-size: 75%; float: left;}

h4.bottombox { color: #C71830; font-size: 110%; margin-top: 0px; margin-bottom: 0px;}


#footer {
	background-color: #675c47;
	color: #efe5d0;
	text-align: center;
	font-size: 90%;
}
#headerwrap {
	background-color: #FEFEFE;
	border-bottom: solid #C20C3D;
	border-bottom-width: 6px;
}
#header {
	background-color: #FEFEFE;
	padding: 35px 20px 0px 20px;
	width: 875px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}
#headertext {
	background-color: #FEFEFE;
	font-size: 125%;
	background-color: #FEFEFE;
	font-family:         Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	display: block;
	vertical-align: bottom;
	float: right;
	text-align: right;
	line-height: 25px; 
}
#headerlogo {
	background-color: #FEFEFE;
	display: block;
	float: left;
}

#left_sidebar {
	background: #C9BD8E;
	font-size: 105%;
	padding: 15px;
	margin: 0px 10px 10px 10px;
}

#menu_item {
	background: #C71830;
	font-size: 90%;
	font-weight: bold;
	color: #FEFEFE;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}

#menu_item_sel {
	background: #FEFEFE;
	font-size: 90%;
	font-weight: bold;
	color: #C71830;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}
#menu_item a:hover {
	background: #FEFEFE;
	padding: 5px;
	margin: 5px 0px 10px 0px;
}

#menu_item a:link {
color: #FEFEFE;
}

#scoutimg {
	position: relative;
	left: -75px;
	vertical-align:middle;
	padding: 0;
	margin: 0;
}

#menu_item2 { background: #B3935E; font-family:         Georgia, "Times New Roman", Times, serif; font-size: 110%; font-weight: bold; color: #FEFEFE; padding: 5px; margin: 0px 0px 0px 0px; }

#menu_item2_active { background: #B3935E; font-family:         Georgia, "Times New Roman", Times, serif; font-size: 110%; font-weight: bold; color: #FEFEFE; padding: 5px; margin: 0px 0px 0px 0px; }

#menu_item2 a:link { color: #FEFEFE; text-decoration: none; border-bottom: thin dotted #FEFEFE; }
#menu_item2 a:visited { color: #FEFEFE; text-decoration: none; border-bottom: thin dotted #FEFEFE; }
#menu_item2 a:hover { color: #C71830; text-decoration: none; border-bottom: thin dotted #C71830; }
#menu_item2_active a:link { color: #C71830; text-decoration: none; border-bottom: thin dotted #C71830; }
#menu_item2_active a:visited { color: #C71830; text-decoration: none; border-bottom: thin dotted #C71830; }
#menu_item2_active a:hover { color: #FEFEFE; text-decoration: none; border-bottom: thin dotted #FEFEFE; }



h1 {
	font-family:         Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2px;
	font-size: 128%;
	color: #0E0D0A;
}

h2 { font-family: "Arial Black", sans-serif; font-size: 160%; letter-spacing: 0px; color: #FEFEFE; }

h3 { font-family: "Arial", sans-serif; font-size: 130%; letter-spacing: 0px; color: #000000; }
h4 { font-family: "Arial", sans-serif; font-size: 120%; letter-spacing: 0px; color: #000000; }
h5 { font-family: "Arial", sans-serif; font-size: 120%; letter-spacing: 0px; color: #000000; margin-bottom:10px;}

img { border: none; }

.1right { float: right; }
.1left { float: left; }

p { }
p.leftbold { text-indent: 0em; }
p.clearleft { clear:left; }



.right { float: right; }
.left { float: left; }
img.left { float: left;  padding-right: 10px; padding-top: 10px;}
img.right2 { float: right;  padding-left: 10px; padding-top: 0px;}




#left {
	postition: relative;
	left: -30px;
}

.slogan {
	color: #C71830;
}

a:link { color: #C71830; text-decoration: underline; }
a:hover { color: #FEFEFE; text-decoration: underline; }
a:visited { color: #E6374F; text-decoration: underline; }
a:visited:hover { color: #FEFEFE; text-decoration: underline; }




#right_header {
	font-size: 125%;
	font-family:
	font-weight: bold;
	margin: 35px 10px 0px 0px;
	float: right;
	text-align: right;
	line-height: 25px; 
}
#logo {
background: transparent url("../images/banner.png") no-repeat 0 0;
position: relative;
top: 0px;
left: 0px;
width: 546px;
height: 115px;
overflow: hidden;
text-indent:-9000px;
}

#logo h1 {font:14px         Georgia, "Times New Roman", Times, serif;
	font-size: 125%;
	font-weight: bold;
	float: right;
	text-align: right;
	line-height: 25px; 
		  padding-left:320px;
		  _padding-left:50px;
		  padding-top:18px;
		  _padding-top:15px;
		  position:absolute;
		  }


#main {
	margin-right: 230px;
	margin-left: 10px;
	/* change margin-left back to 165px if using 3 columns */
}

#left_sidebar {
	float: left;
	width: 115px;
}


#footer {
	clear: both;
}
#navcontainer
{
background: #f0e7d7;
width: 30%;
padding: 0 0 0 5px;
font-family: georgia, serif;
text-align: center;
border-style: solid;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 15px 0px 0px 0px;
margin: 0;
width: 95%;
font-size: 95%;
font-weight: bold;
border-style: none;
}

ul#navlist li
{
display: block;
padding: 0 7px 7px 0px;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 0.5em;
border-style: none;
color: #fefefe;
text-decoration: none;
background: #C71830;
}

#navcontainer>ul#navlist li a { width: auto; }


ul#navlist li#active a
{
background: #fefefe;
color: #C71830;
}

ul#navlist li.current_page_item a
{
background: #fefefe;
color: #C71830;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #C71830;
background: #fefefe;
border-color: #aaab9c #fff #fff #ccc;
}
ul#navlist li a:hover, ul#navlist li.current_page_item a:hover
{
color: #C71830;
background: #fefefe;
border-color: #aaab9c #fff #fff #ccc;
}



.redlist { list-style: square; color: #C71830; }

.blacktext {color:black}


.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

#right_sidebar li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}
	
#right_sidebar ul li ul {
	margin-left: 0;
	padding-left: 15px;
	}
	
#right_sidebar a:link, #right_sidebar a:visited {
	color: #eee;
	text-decoration: none;
	}
	
#right_sidebar a:hover {
	color: #C71830;
	}
	
#right_sidebar h2 {
	line-height: 1.2em;
	}