/*
Theme Name: Southland Honda Theme
Theme URI: http://www.southlandhonda.com
Description: The complete Southland Honda Theme that models after their main site
Version: 1 (WP2.6.2)
Author: Brenelz Web Solutions
Author URI: http://www.brenelz.com
*/

@import url("http://www.southlandhonda.com/styles/reset.css");

/*

Table of Contents:

==================

1. Page Wide

2. Layout Elements

3. Header

4. Utility Navigation

5. Global Navigation

6. Local Navigation

7. Homepage Content

8. Homepage Featured

9. Homepage My Features

10. Individual Page Content

11. Footer

12. Forms

13. Tables

14. Browser Hacks

15. Utility Classes



sidebar - sidebar.css

*/

ul#next-prev{
	margin: 15px 0px 5px;
}

ul#next-prev li {
	display: inline;
}


.post h3 {
	margin: 15px 0px 5px!important;
	font-size: 1.2em;
}

.post p.date {
	color: #666;
}


#comments {
	margin: 15px 0px 5px;
	border: none!important;
}

.avatar { float: left; margin-right: 10px; }

#comment-list li {
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0px;
}

#respond {
	font-size: 1.35em;
	margin: 15px 0px 5px!important;
}

#commentform label {
	float: left;
	width: 100px;
	height: 25px;
	line-height: 25px;
}

#commentform br {
	clear: both;
}

.sociable_tagline {
	margin-bottom: 5px!important;
}

/* 1. Page Wide */

body

	{

		background: #a7b0b9 url(http://www.southlandhonda.com/images/bg.jpg) repeat-x top left;

		font-size: 0.75em;

		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;

	}

	

p

	{

		margin: 0.5em 0 1.5em;

		margin-bottom: 1.33em;

		text-align: justify;

		line-height: 1.5em;

	}

	

a

	{

		color: #b32a30;

		text-decoration: underline;

	}

a:hover

	{

		color: #5f011c;

	}
	
a.archive
	{
		background: url(http://www.southlandhonda.com/images/redbg-s.gif) repeat-x;
		padding:3px;
		color: #fff;
		position: relative;
		top: 10px;
	}
	
a.archive:hover
	{
		color:#FFCCCC;
	}

	

.greybg a

	{

		color: #fff;

	}

.greybg a:hover

	{

		color: #FFCCCC;

	}

	

a.admin

	{

		padding-left: 25px !important;

		background: url(http://www.southlandhonda.com/images/key.gif) 0px 8px no-repeat;

	}





/* 2. Layout Elements */

#wrapperDiv

	{

		margin: 0px auto;

		width: 925px;

		margin-top: 10px;
		margin-bottom: 20px;

	}

	

#wrapperDiv2

	{

		border: 2px solid #475b75;

		margin-top: 5px;

		padding: 10px;

		padding-bottom: 0px;

		background: #bdc4ce url(http://www.southlandhonda.com/images/contentbg.gif) repeat-x top left;

	}

	

#map

	{

		width: 350px; 

		height: 300px;

		float:right;

		border: 1px solid #8B97A8;

		margin-right: 10px;

	}



/* 3. Header */

	

#headerDiv

	{

		color: #475b75;

		font-weight: bold;

		zoom: 1;

	}

	

#headerDiv h1 a

	{

		text-indent: -9999px;

		background: url(http://www.southlandhonda.com/images/logo.jpg) no-repeat top left;

		width: 240px;

		height: 80px;

		display: block;

	}

	

#headerImageDiv

	{

		background: url(http://www.southlandhonda.com/images/headerImage.jpg) no-repeat top left;

		width: 295px;

		height: 110px;

		float: left;

	}

	

#headerDiv address

	{

		margin-top: 5px;
		font-size: 0.95em;

	}

	

#headerDiv .floatLeft address

	{

		margin-top: 18px;

	}

	

#headerDiv li

	{

		float: left;

		text-align: center;

	}

#headerDiv li a

	{

		display: block;

		width: 105px;

		border: 1px solid #8592a4;

		text-decoration: none;

		margin: 3px;

		margin-bottom: 10px;

		height: 78px;

	}

	

/* 4. Utility Navgiation */

	

#utilitiesDiv li

	{

		display: inline;

		background: url(http://www.southlandhonda.com/images/utilitiesSeperator.gif) no-repeat left center;

	}

	

#utilitiesDiv li a

	{

		font-weight: bold;

		color: #dddddd;

		text-decoration: none;

		padding: 10px;
		
		font-size: 0.9em;

	}

	

#utilitiesDiv li a:hover

	{

		color: #ffffff;

	}

	

#utilitiesDiv .pushRight

	{

		margin-right: 724px;

		background: none;

	}

		

/* 5. Global Navigation */

		

#globalNavDiv

	{

		border: 1px solid #8b97a8;

		margin: 10px 0px;
		text-align: center;
		background-color: #ffffff;
		font-size:0.9em;
	}

		

#globalNavDiv ul

	{

		background: url(http://www.southlandhonda.com/images/redbg-s.gif) repeat-x top left;

		padding: 5px;

		margin: 2px;

	}

		

#globalNavDiv li

	{

		display: inline;

		background: url(http://www.southlandhonda.com/images/globalNavSeperator.gif) no-repeat right center;

	}

	

#globalNavDiv li a

	{

		font-weight: bold;

		color: #ffffff;

		text-decoration: none;

		padding: 10px;

		font-size: 1.2em;

	}

	

#globalNavDiv li a:hover

	{

		color: #ffcccc;

	}

	

/* 6. Local Navigation */

	

#localNavDiv ul

	{

		padding: 5px !important;

		margin: 2px;

	}

	

#localNavDiv li

	{

		display: inline;

	}

	

#localNavDiv li a

	{

		text-decoration: none;

		color: #5b6977;
		
		font-size: 0.9em;

	}

	

#localNavDiv li a:hover

	{

		color: #333333;

	}



#localNavDiv li.URHere

	{

		color: #af282e;

		font-weight: bold;

	}

	

#localNavDiv li.URHere span

	{

		color: #5b6977;

	}

	

/* 7. Homepage Content */

		

#homepageContentDiv

	{

		width: 532px;

		border: 1px solid #8b97a8;

		padding: 10px;

		padding-right: 20px;

		margin-right: 10px;

		background-color: #ffffff;

		float:left;
		height: 236px;

	}

	

#homepageContentDiv #youtubeDiv

	{

		border: 1px solid #8b97a8;

		height: 228px;

		width: 278px;

		margin-right: 10px;

		float:left;

	}

		
#homepageContentDiv #introContentDiv h2
{
	background-color: #ffffff;
	border: 1px solid #8b97a8;
	padding: 2px;
	float: left;
	width: 230px;
	margin-bottom: 5px;
}
#homepageContentDiv #introContentDiv h2 span

		{

			background: #AF282E url(http://www.southlandhonda.com/images/redbg.gif) repeat-x top left;

			

			font-size: 1.5em;

			color: #ffffff;

			text-align: center;

			
			padding: 5px;
			

			display: block;

		}

	

/* 8. Homepage Featured */

			

#featuredDiv

	{

		border: 1px solid #8b97a8;

		width: 325px;

		background-color: #ffffff;

		float: left;

	}



#featuredDiv img

	{

		border: 1px solid #8b97a8;
		margin-left: 2px;
		width: 319px;
	}

	

#featuredDiv p

	{

		text-align: center;

		padding: 3px 10px;

		margin: 0px 2px 2px;

		min-height: 43px;
		border: 1px solid #8b97a8;

	}



	

#featuredDiv h2, #featuredDiv h3

	{

		padding: 3px 10px;

		color: #ffffff;

		font-size: 1.2em;

		height: 16px;

		background: url(http://www.southlandhonda.com/images/greybg-s.gif) repeat-x top left;
		margin: 2px;

	}

#featuredDiv h3

	{

		background: url(http://www.southlandhonda.com/images/redbg-s.gif) repeat-x top left;

		margin: 2px;

	}

	

/* 9. Homepage My Features */

	

#myFeaturesDiv

	{

		margin-top: 10px;

		border-top: 1px solid #8592a4;

		border-bottom: 1px solid #8592a4;

		position: relative;

		left: -10px;

		width: 871px;

		background: #ffffff url(http://www.southlandhonda.com/images/myfeatures.gif) no-repeat top left;	

		height: 184px;

		padding-left: 50px;

	}

	

.feature

	{

		width: 280px;

		padding: 20px 0px;

		padding-bottom: 5px;

		height: 143px;

		overflow: hidden;

		float: left;

	}

	

.feature h2

	{

		font-size: 1.35em;

	}

	

.feature img

	{

		float: right;
		
			border: 1px solid #CCCCCC;

		padding: 5px;
	
		margin: 0px 10px;

		background-color: white;
		
		margin-top: 10px;

	}

	

.featureSeperator

	{

		background: #ffffff url(http://www.southlandhonda.com/images/featureSeperator.gif) no-repeat center left;	

		height: 184px;

		width: 1px;

		padding: 0px 5px;

		float: left;

	}

	

/* 10. Individual Page Content */

		

#contentWrapperDiv

	{

		border: 1px solid #8b97a8;

		padding: 10px;

		background-color: #ffffff;

		min-height: 300px;

	}

	

#contentDiv 

	{

		min-height: 250px;

	}

	

* html contentDiv

	{

		height: 250px;

	}

	

#contentDiv #contentHeaderRight

	{

		color: #5b6977;

		background-color: #edeff1;

		padding: 5px;

		font-weight: bold;

		float: right;

		border: 1px solid #8592a4;

		position: relative;

		top: -2px;

	}

	

#contentDiv h2

	{

		font-size: 1.35em;

		color: #af282e;

		border-bottom: 1px solid #8592a4;

		padding-bottom: 5px;

		margin-bottom: 5px;

	}

	

#contentDiv h2 span

	{

		color: #5c6a78;

	}

	

#contentDiv ul

	{

		padding-left: 30px;

		list-style-type: disc;

		line-height: 1.3em;

	}

	

#contentDiv h3

	{

		margin: 3px 0px;

	}

	

#contentDiv #salesTeam

	{

		margin: 0 auto;

		text-align: center;

	}

	

#contentDiv #salesTeam p

	{

		text-align: center;



	}

	

#contentDiv #salesTeam h2

	{

		margin-top: 0px;

	}

	

#contentDiv #salesTeam img

	{

		border: 1px solid black;

	}

	

#contentDiv .item

	{

		border-bottom: 1px solid #8592A4;

		padding: 10px 0px;

	}

	

#contentDiv .item img

	{

		float:left;

		margin-right: 10px;

	}

	

#contentDiv .item h3

	{

		font-size: 1.2em;

		color: #AF282E;

	}

			

/* 11. Footer */

	

#footerDiv

	{

		font-size: 0.8em;

		color: #475b75;

		background: #ffffff url(http://www.southlandhonda.com/images/footerbg.gif) repeat-x top left;

		padding: 15px 5px 0px 15px;

		margin: 0px;

		position: relative;

		left: -10px;

		width: 901px;
		
		zoom: 1;

	}

	

#footerDiv ul

	{

		margin-top: 20px;

		margin-right: 10px;

		float: right;

	}

	

#footerDiv li

	{

		display: inline;

	}

	

#footerDiv li a

	{

		color: #475b75;

		text-decoration: none;

	}

	

#footerDiv li a:hover

	{

		color: #333333;

	}

	

#footerDiv p

	{

		padding: 0.5em 0 1.33em;

		margin: 0;

		background-color: #ffffff;

	}

	

/* 12. Forms */

label

	{

		float: left;

		width: 100px;

		text-align: right;

		padding-right: 10px;

		margin-bottom: 10px;

		font-weight: bold;

	}

#creditApp label

	{

		width: 200px;

	}

	

.smalldropdown

	{

		width: 90px !important;

	}

form br

	{

		clear: both;

	}

.small

	{

		font-size: 0.85em;

		font-weight: normal;

		color: #669966;

	}

	

textarea, input[type=text], select

	{

		font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;

		font-size: 0.9em;

	}

	

input[type=text]:focus, textarea:focus

	{

		background-color: #FFFFCC;

	}

	

fieldset { border:1px solid #8592A4;margin-bottom:20px;padding: 10px 0px; }



legend {

  padding: 0.2em 0.5em;

  border:1px solid black;

  color:green;

  font-size:1.2em;

  text-align:right;

  margin-left: 20px;

  background: #6B6B6B url(http://www.southlandhonda.com/images/redbg.gif) repeat-x top left;

  color: #ffffff;  

  }



/* 13. Tables */

	

.notadmin #contentDiv table,#contentDiv table.admin

	{

		border-collapse: collapse;

		border: 1px solid #8592A4;

		border-spacing: 0px;

		margin-top: 10px;

		margin-bottom: 10px;

		width: 500px;

		line-height: 1.5em;

	}

	

.notadmin #contentDiv th,#contentDiv table.admin th

	{

		background: #6B6B6B url(http://www.southlandhonda.com/images/greybg.gif) repeat-x top left;

		color: #ffffff;

		font-weight: bold;

		padding: 5px 10px;

	}

	

.notadmin #contentDiv td,#contentDiv table.admin td

	{

		border: 1px solid #8592A4;

		padding: 5px 10px;

	}

	

#contentDiv tr.even

	{

		background-color: #EDEFF1;

	}

	

#contentDiv tr.odd

	{

		background-color: #ffffff;

	}



	

/* 14. Browser Hacks */



	/* min-height for ie 6 */

	* html #featuredDiv p

		{

			height: 43px;

		}

	* html #contentWrapperDiv

		{

			height: 300px;

		}

	

	/* ie 7 hack */

	*+html #headerDiv li a

		{

			margin-bottom: 15px;

		}

	

	/* firefox hack - for grey box to the right of page headers */

	@-moz-document url-prefix() { #contentDiv #contentHeaderRight { top: -1px; } } 



/* 15. Utility Class */



.floatLeft

	{

		float: left;

	}

	

.floatRight

	{

		float: right;

	}

	

.alignRight

	{

		text-align: right;

	}

	

.clear

	{

		clear: both;

	}

.greybg

	{

		background: #6B6B6B url(http://www.southlandhonda.com/images/greybg.gif) repeat-x top left;

		color: #ffffff;

		padding: 3px 10px;

	}



.redbg

	{

		background: #AF282E url(http://www.southlandhonda.com/images/redbg.gif) repeat-x top left;

		color: #ffffff;

		padding: 3px 10px;

	}

	

.date

	{

		font-size: 0.9em;

		color: #AF282E;

	}

	

.sitemap-column

	{

		float:left;

		width: 219px;

	}

.photo-staff {

	border: 1px solid #CCCCCC;

	padding: 5px;

	margin-bottom: 10px;

	background-color: white;

}

.panel-staff-small {

	line-height: 18px;

	width: 350px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

}

.panel-staff-name {

	line-height: 18px;

	width: 700px;

	padding-left: 10px;

	padding-right: 10px;

}

.panel-staff-description {

	border: 1px solid #cccccc;

	background-color: #F8FCFF;

	padding: 10px;

	line-height: 16px;

}

.container-staff {

	font-size: 9pt;

	width: 880px;

}

.container-staff-inner {

	font-size: 9pt;

	margin-bottom: 10px;

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 3px;

	width: 740px;

	padding-bottom: 25px;

	border-bottom: 1px solid #AAAAAA;

}

.text-staff-name {

	font-size: 17px;

	font-weight: bold;

}

.panel-news-description {
	line-height: 16px;
	padding-top: 10px;
}
.container-news-inner {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	width: 740px;
}
.container-news-inner h3 {
	font-size: 1.2em;
		color: #AF282E;
}
.container-news {
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;	
}
.width115 {
	width: 115px;
}
.images {
	padding-left: 15px;
}
.photo-about {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-left: 20px;
}
.photo-contest {
	padding: 5px;
	margin-left: 20px;
}

a.moreinfo
{
	color: #fff;
	text-decoration: none;
}

a.moreinfo:hover
{
	color: #FFCCCC;
}

/* Sidebar */

#sidebarDiv
	{
		float: right;
		width: 240px;
		min-height: 290px;
		padding: 5px 10px;
		padding-top: 0px;
		padding-right: 0px;
		text-align: left;
		border-left: 1px solid #A4ADBB;
	}
	
* html #sidebarDiv
	{
		height: 290px;
	}
	
#sidebarDiv h2
	{
		color: #af282e;
		font-size: 1.35em;
		margin: 10px 0px 5px;
	}
	
#sidebarDiv h3
	{
		color: #af282e;
		text-align: left;
	}
	
#sidebarDiv img
	{
		margin: 10px 0px;
		margin-bottom: 20px;
	}
	
#sidebarDiv p.bottom
	{
		 background: #af282e url(../images/sidebar-bottom.gif) repeat-y top left;
		 padding: 3px;
		 text-align: center;
		 color: #ffffff;
		 font-weight: bold;
	}
	
#sidebarDiv li {
	line-height: 1.5em;
	padding-left: 25px;
}
	
/* Smaller Content Div */

#contentDiv
	{
		margin-right: 250px;
		border-right: 1px solid #a4adbb;
		padding-right: 20px;
	}