/*



--------------------------------------------------

Global Styles for dingrepair.net

by Aaron Sonnenshine

--------------------------------------------------



*/





* {

	margin: 0;

	padding: 0;

	border: none;

}



body {
	margin: 0;
	padding: 0;
	background: #369;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
} html>body {font-size:small;}


/*



--------------------------------------------------

Basic Declarations

--------------------------------------------------



*/





a:link {

	color: #0082C8;

	text-decoration: underline;

	}



a:visited {

	color: #0082C8;

	text-decoration: underline;

	}



a:hover {

	color: #0082C8;

	text-decoration: none;

	}



a:active {

	color: #0082C8;

	text-decoration: none;

	}



h1 {

	font-size: 1.4em;
	margin: 0 0 .2em 0;

	}



h2 {

	font-size: 1.2em;
	margin: 0 0 .2em 0;
	text-transform:uppercase;
	}



h3 {

	font-size: 1em;
	margin: 0 0 0 0;

	}



h4 {

	font-size: .8em;

	margin: 0 0 .2em 0;

	}



img {

	border: none;

}



p {

	margin: 0 0 .5em 0;

	font-size:1em;

	line-height: 1.2em;

	color:#333;

	}





ul, ol	{



	}



ul	{

	list-style-type: none;

	}



ul li	{

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

	}



ol	{

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

	}



li	{

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

	}



dl {

	margin:0;

	padding:0;

	}

dt {

	margin:0;

	padding:0;

	}

dd {

	margin:0;

	padding:0;

	}

form input, form select, form textarea {

	border:1px solid #ccc;

	background: #eee;

	color:#006699;

}



/*



--------------------------------------------------

Layout DIVs

--------------------------------------------------



*/


#containerWrapper {
	float:left;
	width:1000px;
	background: transparent url("../g/bg_main_tile.gif") repeat-y 230px 0;
}


#container {
	float:left;
	width:1000px;
	background: transparent url("../g/bg_body.gif") no-repeat left top;

}



#headerWrapper {

	width:100%;
	height:200px;
}



#header {

	position:relative;
	top:0;
	left:0;
	

}





#contentWrapper {
	width:600px;
	margin:0 0 0 272px;
}



#content {
	position:relative;
	width: 540px;
	text-align:left;
}


#footerWrapper {

	float: left;
	margin: 0;
	padding: 0 0 80px 0;
	text-align: left;
	width:1000px;
	background: transparent url("../g/bg_main_tail.gif") no-repeat 230px 100%;
}



#footer {

	position:relative;

	bottom:0;

	left:0;

	width:810px;

	height:3em;

	text-align:left;

}



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-table;}





/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */





/*

--------------------------------------------------

Global Graphic & Media

--------------------------------------------------

*/



#header img {

	position:absolute;

	top:45px;

	left:185px;

	width:505px;

	height:105px;



}



img.floatRight {

	float: right;
	margin:0 20px 10px 10px;

}


/*

--------------------------------------------------

Navigation

--------------------------------------------------

*/







ul#headerNav {

	width:480px;

	margin:0 0 10px 0;

	padding:0;

	position:absolute;

	bottom:0;

	left:380px;

	list-style-type: none;

	}



#headerNav li {

	float:left;

	display: inline;

	margin: 0 .4em 0 0;

	border-top:1px solid #eee;

	border-right:1px solid #ccc;

	border-bottom:1px solid #999;

	border-left:1px solid #eee;



	}

#headerNav a, #headerNav a:link, #headerNav a:visited {

	float: left;

	display: block;

	padding: 3px 8px 2px 8px;

	font-size: .8em;

	font-weight: bold;

	color: #333;

	text-decoration: none;

	}

#headerNav li a:hover, #headerNav li a:active, #headerNav li#current a { 

	color: #333;

	background: #f1f1f1;

	}



#primaryNav {



	position:absolute;
	top:200px;
	left:60px;
	width:170px;

}

#primaryNav ul {

	margin:0;
	padding:0;
	list-style:none;
}

#primaryNav li {

	float:left;
	display:block;
	background: transparent;
	white-space: nowrap;
	text-align:left;

}

#primaryNav li#navAbout a {
	background: transparent url("../g/nav_about_off.gif") no-repeat left top;
	width:170px;
	height:32px;
	display:block;
}
#primaryNav li#navAbout a:hover, #primaryNav li#navAbout.current a {
	background: transparent url("../g/nav_about_on.gif") no-repeat left top;
}
#primaryNav li#navRepair a {
	background: transparent url("../g/nav_repair_off.gif") no-repeat left top;
	width:170px;
	height:44px;
	display:block;
}
#primaryNav li#navRepair a:hover, #primaryNav li#navRepair.current a {
	background: transparent url("../g/nav_repair_on.gif") no-repeat left top;
}
#primaryNav li#navStoked a {
	background: transparent url("../g/nav_stoked_off.gif") no-repeat left top;
	width:170px;
	height:39px;
	display:block;
}
#primaryNav li#navStoked a:hover, #primaryNav li#navStoked.current a {
	background: transparent url("../g/nav_stoked_on.gif") no-repeat left top;
}
#primaryNav li#navContact a {
	background: transparent url("../g/nav_contact_off.gif") no-repeat left top;
	width:170px;
	height:38px;
	display:block;
}
#primaryNav li#navContact a:hover, #primaryNav li#navContact.current a {
	background: transparent url("../g/nav_contact_on.gif") no-repeat left top;
}
#primaryNav li#navBlog a {
	background: transparent url("../g/nav_blog_off.gif") no-repeat 40% 40%;
	width:170px;
	height:100px;
	display:block;
}
#primaryNav li#navBlog a:hover, #primaryNav li#navBlog.current a {
	background-image:url("../g/nav_blog_on.gif");
}

#primaryNav li.first, #primaryNav li#current.first {

}

#primaryNav a span { display:none;}


#primaryNav > ul a {width:auto;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

#primaryNav a {float:none;}

    /* End IE5-Mac hack */

#primaryNav a:hover {

	color:#fff;


}

#primaryNav #current {

	border-width:0;


	border-right:1px solid #fff;

}

#primaryNav #current a {

	color:#fff;


}

#primaryNav li:hover, #primaryNav li:hover a {

	color:#fff;


}



#primaryNav li:hover a {


}





#subNavWrapper {

	float:left;

	width:175px;

	margin:.2em 0 0 0;

	padding: 10px 0 0 0;

	background: transparent url("../g/bg_col_left_head.gif") no-repeat top right;

}



#subNav {

	width:175px;

	padding: 0 0 30px 0;

	margin:0;

	background: transparent url("../g/bg_col_left_tail.gif") no-repeat bottom right;

}



#subNav ul {

	list-style-type: none;

	font-weight: bold;

	text-align:left;

	margin: 0 0 0 10px;

	background: transparent url("../g/bg_col_left.gif") repeat-y top right;

}



#subNav li {

	list-style-type: none;

	display: block;

	border-bottom: 1px solid #eee;

}

#subNav li.first {

	border-top: 1px solid #eee;

}



#subNav li a {

	height: auto;
	
	padding:8px 6px 6px 6px;

	margin:0px;

	display: block;

	font-size: .8em;

	text-transform:uppercase;

	text-decoration: none;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

* html #subNav li a { height: .1em; }

/* End IE5-Mac hack */


#subNav li a:link, #subNav li a:visited {

	color: #0082C8;

	text-decoration: none;

	}

#subNav li a:hover, #subNav li a:active {

	color: #333;

	background: transparent url("../g/bg_col_left_at.gif") repeat-y top right;

	}

#subNav .current a:link, #subNav .current a:visited {

	color: #0082C8;

	background: transparent url("../g/bg_col_left_at.gif") repeat-y top right;

	}

#subNav .current a:hover, #subNav .current a:active {

	color: #333;

	}



#subNav ul li.current ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

	text-align: left;

	}

#subNav ul li.current ul li {

	list-style-type: none;

	display: block;

	padding:0;

	margin:0;

	height: auto;

	border-top: 1px solid #eee;

	border-right: none;

	border-bottom: none;

	border-left: none;

	}

#subNav ul li.current ul li a {

	padding:3px 6px 3px 12px;

	margin:0px;

	display: block;

	text-transform:none;

	text-decoration: none;

	}

#subNav ul li.current ul li a:link, #subNav ul li.current ul li a:visited {

	color: #333;

	text-decoration: none;

	background: transparent url("../g/bg_col_left.gif") repeat-y top right;

	}

#subNav ul li.current ul li a:hover, #subNav ul li.current ul li a:active {

	color: #999;

	}

#subNav ul li.current ul .current a:link, #subNav ul li.current ul .current a:visited {

	color: #999;

	}

#subNav ul li.current ul .current a:hover, #subNav ul li.current ul .current a:active {

	color: #999;

	}







#contentNav {
		border:0px;
		margin:0 0 10px 0;
		padding:0px;
}



#contentNav ul {
		border:0px;
		margin:0px;
		padding:0px;
}

#contentNav br {display:none;}
#contentNav li {
		margin:5px 0 0 0;
		padding:0px;
		list-style-type:none;
}

#contentNav li a {
		margin:0;
		padding:0;
 		font-size: .8em;
		color:#333;
		text-decoration:none;
		border-top:1px solid #f7f7f7;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-top:1px solid #f7f7f7;
}


#contentNav strong {
		display:block;
  		font-size:1.2em;
		line-height: 1.4em;
		color: #003399;
		text-decoration:none;
		margin:0 0 5px 0;

}

#contentNav img {
		float:left;
		border:1px solid #333;
		margin:0 8px 0 0;
		padding:0px;
}

#contentNav a:link, #contentNav a:visited {
	display:block;
	background:#eee;
	margin:0px;
	padding:5px 8px;
	width:400px;
}

#contentNav a:hover {
  background:#ddd;
  color:#000;
  }

#contentNav a:hover strong {
  color:#CC6600;
  text-decoration:none;
  }

.reset {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }	






ul#validators {

	position:absolute;
	top:45%;
	right:0px;
	list-style:none;
}


#validators li {

	float:left;

	display: inline;

	margin: 0 0 0 .4em;

	border-top:1px solid #333;

	border-right:1px solid #000;

	border-bottom:1px solid #000;

	border-left:1px solid #333;



	}

#validators a, #validators a:link, #validators a:visited {

	float: left;

	display: block;

	padding: 2px 6px 2px 6px;

	font-size: .8em;

	font-weight: bold;

	color: #fff;

	text-decoration: none;

	background: #000;
	}

#validators li a:hover, #validators li a:active { 

	color: #369;

	}













/*

--------------------------------------------------

Links

--------------------------------------------------

*/







a.floatbox {

	float:left;

	width:108px;

	padding:0 0 2px 0;

	margin:1px;

	text-align:center;

	border:1px solid #fff;

}



a.floatbox strong {

	display:block;

	font-weight:normal;

}



a.floatbox:link, a.floatbox:visited {

	display:block;

	color:#333;

	font-size:.8em;

	text-decoration:none;

}



a.floatbox:hover, a.floatbox:active {

	color:#000;

	border:1px solid #eee;

}



a.floatbox img  {

	margin:4px;

	padding:0;

	border:0;

}



a.feature img {

	display:block;

}





.row {

	margin: 0 0 10px 0;

	display:block;

	width:100%;

}



a.lgfloatbox {

	float:left;

	width:114px;

	padding:0 0 2px 0;

	margin:1px;

	text-align:center;

	border:1px solid #fff;

}



a.email {

	display:block;

}



div.photoAlbum a {

	float:left;

	width:30px;

	padding:2px;

	margin:2px;

	text-align:center;

	

}

div.photoAlbum a img {

	width:30px;	

	vertical-align:bottom;

}



div.photoAlbum a:hover {

	

}



div.photoAlbum a.smallBoards {

	width:38px;

	height:118px;

}



a.more {

	clear:both;
	display:block;
	margin:0 0 1em 0;
	padding:3px 8px;
	text-decoration:underline;
	text-transform:none;
	font-size:10px;
	color:#333;
	background: transparent;
	font-weight:bold
}
a.more:hover {
	color:#900;
	text-decoration:none;
}

a.more:after {
    content: "\0020 \00BB";
}


/*

--------------------------------------------------

Text Styles

--------------------------------------------------

*/




#content p, #contentMain p {

	margin: 0 1em .8em 0;
	color:#333;

}



#copyright {

	font-size:.8em;

}



#subContent li {

	margin:0 0 .2em 0;

}

#subContent li a {

	font-size:.8em;

	color:#F33C0E;

	font-weight:bold;

	text-decoration:none;

	padding: 0 0 0 8px;

	background: transparent url("../g/icon_arrow.gif") no-repeat 0 .4em;

}



#footer h6 {

	position:absolute;

	top:50%;

	left:270px;

	color:#000;

	font-size:.7em;

}

#footer h6 a {

	color:#000;

}






#content 
{
	width:540px;
}
#content #intro 
{
	width:540px;
	margin:0 0 1.6em 0;
}

#content #intro h1 
{
	font-size:2em;
	color:#fff;
	padding:5em 0 .2em 20px;
	margin:0 0 .5em 0;
}
#pageHome #content #intro h1 
{
	background:transparent url("../g/title.jpg") no-repeat 50% 100%; 
	padding-top:6em;
	font-size:1.8em;
}
#pageAbout #content #intro h1 { background:transparent url("../about/g/title.jpg") no-repeat 50% 100%; }
#pageStoked #content #intro h1 { background:transparent url("../stoked/g/title.jpg") no-repeat 50% 100%; }
#pageRepair #content #intro h1 { background:transparent url("../repair/g/title.jpg") no-repeat 50% 100%; }
#pageContact #content #intro h1 { background:transparent url("../contact/g/title.jpg") no-repeat 50% 100%; }





#content h2, 
#content h3 
{
	color:#369;
	margin:0 0 0 20px;
	font-weight:bold;

}
#blog #content h2, 
#blog #content h3 
{
	margin:0 0 0 0;

}

#content #intro p 
{
	color:#000;
	margin:0 0 0 20px;
	font-size:1.2em;
	font-weight:bold;
}
#content #mainContent 
{
	width:540px;
	margin:0;
	padding:0;
}

#mainContent table {
	margin:0 0 1em 20px;

}


#mainContent p {
	font-size:.8em;
	margin:0 0 1em 20px;
	line-height:1.4em;
}
#mainContent cite {
	font-size:.8em;
	display:block;
	margin:0 0 1.4em 20px;
	color:#515151;
	font-weight:bold;
}

#pageAbout #content .photo 
{
	float:right;
	margin: 0 0 .8em .8em;
	width:280px;
}
#flash {
	float:right;
	margin:0;
	padding:0;
	width:300px;
	height:100%;
	background:#fff;
}


#slot1, #slot2, #slot3 {
	float:left;
	margin:0;
	padding:0 0 3em 0;
	background:#f1f1f1 url("../g/bg_slot.gif") no-repeat bottom left;
}
#slot1 {
	background:#f1f1f1 url("../g/bg_slot.gif") no-repeat bottom center;
	width:239px;
	margin:0 1px 0 0;
}
#slot2 {
	background:#fff;
	width:300px;
}
#slot3 {
	background:transparent;
}
#slot1 h2, #slot2 h2, #slot3 h2 

{
	display:block;
	margin:0 0 .6em 0;
	padding:0 0 0 0;
	text-transform:none;
	background:#000;
	width:100%;
	font-size:1em;
}
#slot1 h2 a, #slot2 h2 a, #slot3 h2 a {
	display:block;
	margin:0;
	padding:4px 0 3px 8px;
	text-decoration:none;
	color:#fff;
}
#slot1 h2 a:hover, #slot2 h2 a:hover, #slot3 h2 a:hover {
	color:#900;
}

#slot1 p, #slot2 p, #slot3 p  

{
	margin:0 0 1em 8px;
}
#slot1 h4, #slot2 h4, #slot3 h4  

{
	margin:0 0 .1em 8px;
}
.slot .floatRight 

{
	margin:0 .1em .1em .1em;
}

.slot ul {
	list-style:square;
	margin:0 0 1em 1.8em;
	padding:0;
}
.slot li {
	margin:0 0 .5em 0;
	padding:0;
	font-size:.8em;
}

.address {
	color:000;
}
.address strong {
	display:block;
}

#pageContact #content p.note {
	float:right;
	width:240px;
	margin:0 0 10px 10px;
	padding:10px;
	border:1px dashed #ccc;
	background:#f1f1f1;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
}

#pageContact #content h3 {
	margin:1em 0 1em 20px;
	
}

.photo p {
	font-weight:bold;
	font-size:.8em;
	margin:0 1em;
	text-align:center;
}





/* Blog styles */

#blogContentWrapper {
	float:left;
	width:600px;
	margin:0 0 0 272px;
}

#blogContent {
	float:left;
	width: 540px;
	text-align:left;
}


#blogContent #content 
{
	float:left;
	width:380px;
	margin:0;
	padding:0;
}
#blogContent #content.widecolumn 
{
	width:540px;
}
#blogContent #sidebar 
{
	float:right;
	width:130px;
	margin:0;
	padding:10px;
	background:#f7f7f7;
}
#blogContent #sidebar h2 {
	font-size:11px;
}


.post {
	margin:0 0 20px 0;
	border-bottom:1px solid #f7f7f7;
	padding:10px 0;
}
.post p {
	margin:0 0 20px 0;
}

#blog #blogContent #content .post h2 {
	margin:0 0 10px 0;
	display:block;
}
#blog #blogContent #content .post img {
	float:left;
	clear:left;
	display:inline;
	margin:0 30px 30px 0;
	padding:5px;
	background:#eee;
	border:1px solid #ccc;
}
.navigation {
	float:left;
	width:540px;
	display:inline;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:0 0 20px;
	padding:10px 0;
}
.navigation .alignleft {
	float:left;
	width:250px;
	display:inline;
}
.navigation .alignright {
	float:right;
	width:250px;
	display:inline;
	text-align:right;
}




#s {
	width:70px;
}


#blogContent li h2 {
	margin-top:20px;
}