/*  
Theme Name: 1 Stop Signs
Theme URI: http://1stopsignsnj.com/
Description: The default 1 Stop Signs theme developed by Ron Edgecomb of Greater Web.
Version: 1.0
Author: Greater Web
Author URI: http://greaterwebdesign.com.com/
*/

/*-------------------------------------------

	-- -- -- -- -- -- --
	1 Stop Signs CSS
	last edit: 27 january 08
	-- -- -- -- -- -- --
	
-------------------------------------------*/


/*-------------------------------------------

    General Setup

-------------------------------------------*/
* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #fff;
	margin: 0; padding: 0;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #000;
	}
body * {
	font-size: 96%;
	line-height: 1.5;
	}
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em,a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr { display: none;	}
label { display: block; }

h1, h2, h3, 
h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	}
a, a:link, a:visited, a:hover { color: #999; }

/*-------------------------------------------

    Boxes of goodness

-------------------------------------------*/
/* --->>> Container <<<--- */
#container {
	width: 770px;
	position: relative;
	margin: 0 auto;
	}

/* ---> Main <--- */
#main { width: 770px; position: relative; color: #222; }
#main-wrapper {
	padding: 0 0 25px 0;
	background: #febe05 url(i/bg_main.gif) repeat-x 0 0;
	border-left: 15px solid #222;
	border-right: 15px solid #222;
	}
	.main-bottom { width: 770px; height: 25px; position: absolute; bottom: -1px; left: 0; background: transparent url(i/bg_main-bottom.gif) no-repeat 0 bottom; }

	div.masthead #main-wrapper { height: 200px; position: relative; background: none; }
		div.masthead #main-wrapper p { position: absolute; top: -15px; }
	
	#main-sidebar {
		width: 210px;
		min-height: 360px;
		padding: 0 25px 0 15px;
		margin-right: 5px;
		float: left;
		background: transparent url(i/bg_main-sidebar.gif) no-repeat right 0;
		}
		* html #main-sidebar { height: 360px; }

	#main-content {
		height: 354px;
		position:relative;
		background:url(i/img_home-main.jpg) no-repeat left 0;
	}
	

	/* ---> Main Nav <--- */
	#main ul#main-nav ul { margin: 10px 0; border-top: 1px solid #deb12d; 	border-bottom: 1px solid #ffde7a; }
	#content ul#main-nav ul li a, #content ul#main-nav ul li a:link, #content ul#main-nav ul li a:visited {
		height: 2em;
		display: block;
		font-size: 1.125em;
		line-height: 2em;
		color: #444;
		border-top: 1px solid #ffde7a;
		border-bottom: 1px solid #deb12d;
		background: transparent url(i/bg_arrow.gif) no-repeat -9999px center;
		}
		#content ul#main-nav ul li.last a { border-bottom: none; }
	#content ul#main-nav ul li a:hover { text-decoration: none; background-position: right center;}		

	#main-content {
		width: 460px;
		float: left;
		}
	/*-- contact us btn --*/
	#main-content h1 { 
	width: 200px;
	height: 180px;
	position: absolute;
	top: 170px; left: 45px;
	text-indent: -9999px;
	}
	#main-content h1 a { 
		width: 200px;
		height: 180px;
		text-indent: -9999px;
		display: block;
		outline: none;
		}
		
/* ---> Rounded Boxes <--- */
.rc { width: 770px; display: block; clear: both; margin: 20px 0 0; }
	.rc-wrapper { padding: 0 15px; background: #222; }

.rc-top, .rc-btm {
	width: 100%;
	height: 10px;
	position: relative;
	display: block;
	clear: both;
	background: #222 url(i/bg_rc-tl.gif) no-repeat 0 0;
	}
	.rc-btm { background: #222 url(i/bg_rc-bl.gif) no-repeat 0 bottom;  }
	
.rc-top span,
.rc-btm span {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	background: transparent url(i/bg_rc-tr.gif) no-repeat 0 0;	
	}
	.rc-top span { top: 0; }
	.rc-btm span { bottom: 0; background: transparent url(i/bg_rc-br.gif) no-repeat 0 bottom; }

	/* boxes with top border for heading */
	.border { background: #222 url(i/bg_rc-border.gif) repeat-x 0 -5px; }
	/* boxes that have side nav */
	.nav .rc-wrapper { padding-left: 200px; }
		
	.rc p.snapshot { width: 165px; float: left; position: relative; z-index: 1000; margin: 0 15px 0 0; padding: 0; }

.narrow {
	width: 570px;
	float: right;
	clear: none;
	}
	.narrow .rc-wrapper { min-height: 275px; }
	* html .narrow .rc-wrapper { height: 275px; }
	

/* ---> Side Nav <--- */
ul#side-nav { 
	width: 200px;
	float: left;
	margin: 60px 0; 
	}
	ul#side-nav ul li { margin-left: 15px; }
#content ul#side-nav ul li a, #content ul#side-nav ul li a:link, #content ul#side-nav ul li a:visited {
	height: 3em;
	display: block;
	font: bold .75em/3em Arial, Helvetica, sans-serif;
	padding: 0 10px 0 10px;
	color: #999;
	background: transparent url(i/bg_side-nav.gif) no-repeat right -9999px;
	}
	#content ul#side-nav ul li.last a { border-bottom: none; }
#content ul#side-nav ul li a:hover { text-decoration: none; background-color: #181818; background-position: right -50px; }		
#content ul#side-nav ul li.current_page_item a, #content ul#side-nav ul li.current_page_item a:link,
#content ul#side-nav ul li.current_page_item a:visited, #content ul#side-nav ul li.current_page_item a:hover { text-decoration: none; background-color: #303030; background-position: right 0; }

/* --->>> Header <<<--- */
#header {
	height: 200px;
	position: relative;
	background: transparent url(i/bg_header.gif) no-repeat center bottom;
	}
	
/* ---> Logo <--- */
#header h1 { 
	width: 310px;
	height: 70px;
	position: absolute;
	top: 25px; left: 32px;
	text-indent: -9999px;
	}
	#header h1 a { 
		width: 310px;
		height: 70px;
		text-indent: -9999px;
		display: block;
		outline: none;
		}

/* ---> Top Nav <--- */
ul#top-nav { 
	height: 55px;
	position: absolute;
	bottom: 17px; left: 25px;
	padding: 0 18px 0 10px;
	background: #222 url(i/bg_top-nav.gif) no-repeat right bottom;		
	}
	ul#top-nav li { display: inline; margin:0; padding:0; }
	
	ul#top-nav ul li { 
		height: 33px; 
		min-width: 20px;
		display: block;
		float: left;
		margin: 12px 0 8px;
		background: #fec51a url(i/bg_top-nav-li.gif) repeat-x 0 0;
		border-style: solid none;
		border-width: 1px;
		border-color: #ffe69d #dea80a #8d6b07 #ffe69d;
		white-space: nowrap;
		}
		* html ul#top-nav ul li { width: 20px; }
	ul#top-nav ul li a, ul#top-nav ul li a:link, ul#top-nav ul li a:visited { 
		display: block;
		color: #444;
		font: bold 11px/28px Arial, Helvetica, sans-serif;
		padding: 0 10px; 
		margin: 3px 0;
		border-style: none solid;
		border-width: 1px;
		border-color: #ffe69d #dea80a #8d6b07 #ffe69d;
		}
		ul#top-nav ul li a:hover
		ul#top-nav ul li.current_page_item a,
		ul#top-nav ul li.current_page_item a:link,
		ul#top-nav ul li.current_page_item a:visited,
		ul#top-nav ul li.current_page_item a:hover { color: #ea2828; text-decoration: underline; }

/* ---> Search Form <--- */
#header form {
	position: absolute;
	bottom: 28px; right: 25px;
	}

#header form label {
	font-size: 11px;
	margin-right: 50px;
	}
#header form label input {
	height: 20px;
	width: 145px;
	font: 14px Arial, Helvetica, sans-serif;
 	border: 1px solid #c6c6c6;
	}

#header form span.button {
	position: absolute;
	bottom: -8px; right: 0;
	}
	* html #header form span.button { bottom: -12px; }
	

/* --->>> Footer <<<--- */
#footer {
	min-height: 125px;
	margin-top: 20px;
	background: transparent url(i/bg_footer.gif) no-repeat 0 0;	
	}
	* html #footer { height: 125px; }

	#footer-wrapper { padding: 25px; }


/*-------------------------------------------

    Miscelaneous

-------------------------------------------*/
.txt-right { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.img-right { float: right; }
.img-left { float: left; }
.hide, .hr hr, .br br { display: none; }
.hr, .br {
	width: 100%;
	height: 1%;
	line-height: 1px;
	clear: both;
	border: none;
	}

/*-------------------------------------------

    Formatting

-------------------------------------------*/
/* --->>> Headings <<<--- */
#main-sidebar h1,
#main-content h2 {
	font-size: 1.35em;
	font-weight: bold;
	letter-spacing: -.025em;
	}

.rc h1, .rc h2, .rc h3,
.rc h4, .rc h5, .rc h6 {
	color: #febf05; 
	font: 1.75em Arial, Helvetica, sans-serif;
	letter-spacing: -.025em;
	margin: 0;
	}
	#content .rc h1 a, #content .rc h1 a:link, #content .rc h1 a:visited { color: #febf05; font-size: 1em; color: inherit; font-weight:inherit; }
	#content .rc h1 a:hover { text-decoration: none; }
	
.rc h1.title { margin-bottom: .5em; }
.rc h2 { color: #999; }
.rc h3 { color: #ccc; font-size: 1.5em; }
.rc h4 { color: #fff; font-size: 1.25em; }
.rc h5 { color: #fff; font-size: 1.125em; }
.rc h6 { color: #fff; font-size: 1em; }

/* --->>> Body Text <<<--- */
#main-sidebar p { font-size: 1em; }

#main-content p, .rc p { padding: 0 0 1em; }

address.contact-info {
	font-size: 1.125em;
	line-height: 1.75;
	text-align: center;
	}
	address.contact-info span { padding: 0 15px; }

p.copyright {
	color: #ccc;
	text-align: center;
	margin-top: 20px;
	}
	p.copyright span { padding: 0 50px; }


/* --->>> Lists <<<--- */
.rc ol li {
	list-style-position: inside;
	list-style-type: decimal;
	}
.rc ul, .rc ol { padding: 5px 10px .5em 15px; }
.rc ul li {
	margin-left: 10px;
	list-style: disc;
	}

.rc ol li,.rc ul li { margin-bottom: 10px; }	

.rc ol ol,.rc ul ul { padding-bottom: 0; }	

/* --->>> Links <<<--- */
#content #main a, #content #main a:link, #content #main a:visited { color: #ea2828; }
	#content #main a:hover { text-decoration: underline; }
#content a, #content a:link, #content a:visited { color: #ffd963; /*#febe05;*/ }	
	#content a:hover { text-decoration: underline; }

p.copyright a { color: #ccc; }
	p.copyright a:hover { border-bottom: 1px dashed #ccc; }
	
/*  Notices */
p.notice, p.error,
p.success {
	color: #000;
	margin: 20px 0;
	padding: 5px 5px 5px 30px;
	margin-right: 15px;
	background: #ebecd2 url(i/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #333;
	}
p.error { background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center; }
p.success { background: #ebecd2 url(i/bg_success.gif) no-repeat 5px center; }


/* --->>> Contact Form <<<--- */
#contactform fieldset {
	position: relative;
	margin: 15px 0 0; padding: 0;
	background: 0;
	border: 0;
	}

	#contactform fieldset legend { display: none; }
	
	/* --->>> Standard Input <<<---*/
	#contactform fieldset label {
		width: 150px;
		float: left;
		font: bold 14px/24px "Trebuchet MS", Verdana, Arial, Helvetica,	sans-serif;
		text-align: right;
		margin: 0; padding: 0;
		}
	#contactform fieldset input,
	#contactform fieldset select,
	#contactform fieldset textarea  {
		width: 180px;
		float: left;
		font: 14px/18px Arial, Helvetica, sans-serif;
		margin: .25em 0 .5em 10px;
		}
		
	#contactform fieldset textarea {
		width: 250px;
		height: 100px;
		}

	#contactform fieldset p {
		width: 100%;
		float: left;
		clear: both;
		padding: 0 0 10px 0;
		margin: 0;
		}

	#contactform fieldset p.full label {
		width: 100%;
		text-align: left;
		margin: 0; padding: 0;
		}
	#contactform fieldset p.full input,
	#contactform fieldset p.full select {
		clear: both;
		margin-left: 160px;
		}

	/* --->>> Submit <<<--- */
	#contactform p.button {
		width: 100%;
		float: left;
		margin: 0 0 10px;
		}
	#contactform p.button span {
		margin-left: 160px;
		}
	#contactform label span {
		display: block;
		position: relative;
		margin: -5px 0 0;
		padding: 0;
		color:#f7931e;
		text-transform: uppercase;
		font-size:9px;
		line-height: 10px;
		text-align: right;
		}
	#contactform p.full label span.required { display: inline;	}
	


/* --->>> Buttons <<<--- */
span.button, a.button {
	padding: 5px;
	background: transparent url(i/bg_button-left.png) no-repeat 0 center;
	text-decoration: none;
	white-space: nowrap;
	}
span.button { display: -moz-inline-box; display: inline-block; }

span.button input, a.button span {
	display: -mox-inline-box;
	display: inline-block;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px 5px 5px;
	background: transparent url(i/bg_button-right.png) no-repeat right center;
	border: none;
	overflow: visible;	
	}

span.button[class] input { width: auto; }
	
span.button input { cursor: pointer; }