/*
Theme Name: Autoglass
Theme URI: http://www.iamgab.me/wordpress/themes/autoglass
Description: Autoglass
Version: 1.0
Author: Jose Gabriel Diaz
Author URI: http://www.iamgab.me/
*/



/* Begin Typography & Colors */
img {
	border: none;
}

li{
	padding: 0px;
	margin: 0px;
}

ul{
	padding: 0px;
	margin: 0px;
}
body {
	background: #000000 url(images/bg.jpg) top left repeat-x;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	}
a   {	
        color: #000000;
        font-weight: bold;
        text-decoration: none;
        }

a:hover  {	
        color: #999999;
        font-weight: bold;
        text-decoration: none;
        }
a img{border: 0px;}
div{
	padding: 0;
	margin: 0;
	border: 0;
	display: both;
	text-align: left;
	color: #3d3d3d;
	text-align: left;
	font-size: 12px;
	font-family: Arial;
}
p{
	color: #3d3d3d;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	padding: 10px 0;
	margin: 0;
}
#wrap{
		margin: 0px auto;
		padding: 0px;
		width: 910px;
		display: block;
}

	#nav{
			overflow: hidden;
			text-align: left;
			font-family: Arial;
			font-size: 12px;
			width: 872px;
			text-transform: capitalize;
			color: #ffffff;
			padding: 10px;
			margin: 0px;
			display: block;
			clear: both;
			-o-border-top-left-radius: 4px;
			-o-border-top-right-radius: 4px;
			-webkit-border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
	}
	
	#nav ul{
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
	}
	
	#nav li {
	float: left;
	list-style: none;
	margin: 6px 0px 0px 0px;
	padding: 0px;
	}

	
	

	#nav a{
			color: #ffffff;
			text-shadow: 1px 1px 2px #000000;
			padding: 0px 10px;
			text-decoration: none;
			border-right: 1px solid #ffffff;
	}


	#nav a:hover{
			color: #e90101;
			text-shadow: 1px 1px 2px #000000;
			padding: 0px 10px;
	}

	#content{
			padding: 10px;
			background: #ffffff;
	}
	
	#header{
			display: block;
			clear: both;
			height: 100px;
	}
	
	#banner{
			background: #000000 url(http://thedifferenceisclear.com/wp-content/themes/autoglass/images/home.jpg) top no-repeat;
			height: 230px;
	}
	
	#banner #left{
			padding: 10px 0px 0px 30px;
			float: left;
			width: 300px;
			color: #ffffff;
			clear: none;
	}
	
	#banner #left p{
			color: #ffffff;
			padding: 0;
	}
	#banner #left #search_top{
		margin-top: 12px;
		margin-left: 20px;
		margin-right: 10px;	
		padding: 0;
		color: #727272;
		padding-bottom: 7px;
		font-weight: bold;
		}
	
	#banner #left #search_top .search_input{
		width: 183px;
		float: left;
		margin: 0px;
		padding: 4px 0px;
		font-size: 10px;
		}
	
	#banner #left #search_top form{
		display: block;
		margin: 0px;
		padding: 0px;
		}
	#banner #left #search_top .search_submit{
		margin-top: 2px;
		width: 47px;
		border: 0px solid #FFFFFF;
		background: transparent url(images/search.png) top no-repeat;
		height: 15px;
		}
	#banner #imx{
			background-color: #000000;
			-o-border-top-left-radius: 4px;
			-o-border-top-right-radius: 4px;
			-webkit-border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
		}
	
	#banner #right{
			padding: 15px 0px;
			float: right;
			margin: 0px;
			width: 150px;
			clear: none;
	}
	
	#content-nav{
			overflow: hidden;
			font-family: Arial;
			font-size: 12px;
			background-color: #000000;
			text-transform: capitalize;
			color: #ffffff;
			width: 892px;
			margin: 0px 0px 10px 0px;
			clear: both;
			-o-border-bottom-right-radius: 4px;
			-o-border-bottom-left-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-bottomright: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
			
	}
	
	#xleft{
			margin: 0px;
			width: 710px;
			padding: 15px 0px;
	}
	#xright{
			margin: 0px;
			float: right;
			width: 190px;
			padding: 8px 10px 0px 10px;
			background: url(images/cnav-bg.jpg) top repeat-x;
	}

	#content-nav #xleft ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#content-nav #xleft li {
		float: left;		
		list-style: none;		
		margin: 0px;		
		padding: 0px;
	}
	
	#content-nav #xleft li a, #content-nav #xleft li a:link, #content-nav #xleft li a:visited {
		color: #ffffff;		
		text-shadow: 1px 1px 2px #000000;		
		padding: 15px 12px 15px 12px;	
		margin: 0px;		
		text-decoration: none;		
	}

#content-nav #xleft li a:hover, #content-nav #xleft li a:active {
		color: #ffffff;		
		text-shadow: 1px 1px 2px #000000;		
		padding: 15px 12px;		
		margin: 0px;		
		background: url(images/cnav-bg.jpg) top repeat-x;
	}
	
	#content-nav #xleft li ul{
		z-index: 9999;
		position: absolute;
		left: -999em;
		height: auto;
		width: 200px;
		margin: 0px;
		padding: 12px 0px 0px 0px;

	}

	#content-nav #xleft li li{
		float: left;		
		list-style: none;		
		margin: 0px;		
		padding: 0px;
	}
	
#content-nav #xleft li li a, #content-nav #xleft li li a:link, #content-nav #xleft li li a:visited {
		color: #ffffff;		
		text-shadow: 1px 1px 2px #000000;
		width: 150px;
		padding: 10px 6px;
		margin: 0px;		
		text-decoration: none;	
		background-color: #000000;
		display: block;
	}

#content-nav #xleft li li a:hover, #content-nav #xleft li li a:active {
		color: #dddddd !important;		
		text-shadow: 1px 1px 2px #000000;
		background-color: #000000 !important;
	}

#content-nav #xleft li ul a { 
	width: 140px;
	}

#content-nav #xleft li ul a:hover, #content-nav #xleft li ul a:active { 
	}

#content-nav #xleft li ul ul {
	margin: -32px 0 0 171px;
	}

	#content-nav #xleft li:hover ul ul, #content-nav #xleft li:hover ul ul ul, #content-nav #xleft li.submenu ul ul, #content-nav #xleft li.submenu ul ul ul {
	}

	#content-nav #xleft li:hover ul, #content-nav #xleft li li:hover ul, #content-nav #xleft li li li:hover ul, #content-nav #xleft li.submenu ul, #content-nav #xleft li li.submenu ul, #content-nav #xleft li li li.submenu ul {
	left: auto;
	}

	#content-nav #xleft li:hover, #content-nav #xleft li.sfhover { 
	position: static;
	}
	
	#content #maincontent{
			margin: 0px;
			width:  600px;
			float: left;
	}
	
	#sidebar{
		width: 260px;
		float: right;
		overflow: hidden;
	}
	
	#maincontent #news{
			background: #000000;
			padding: 0px;
			width: 606px;
			text-align: left;
			height: 272px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
	}
	
	.spacing{
	padding: 0px 4px;
	}
	
	 #sidebar #suv{
			color: #ffffff !important;
	}
	#suv #suvtx{
			background: #ffffff url(images/suvsettingbg.jpg) top repeat-x;
			padding: 10px 0px;
			margin-top: -6px;
	}
	#sidebar #suv p{
			color: #ffffff;
			font-family: Arial;
			font-size: 12px;
			padding: 10px;
	}
	
	
	
	#maincontent #news h2{
			font-size: 12px;
			font-family: Arial;
			font-weight: bold;
			text-shadow: 1px 1px 2px #000000;
			color: #ffffff;
			padding: 10px 0px;
			margin: 10px 20px;
			border-bottom: 2px solid #ffffff;
	}
	
	#content #news p{
			color: #ffffff;
			text-align: left;
			font-family: Arial;
			font-size: 12px;
			margin: 10px 20px;
			padding: 0px;
	}
	
	#content #news a{
			color: #ffffff;
			margin: 0px;
			text-decoration: none;
	}


	#content #news a:hover{
			color: #000000;
			margin: 0px;
	}

	#news h1{	
		font-size: 12px;
		font-family: Arial;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
	}
	
	#news h1 a{	
		color: #000000;
		text-decoration: none;
	}
	
	#news #comment{
		text-align: justify;
		font-size: 12px;
		font-family: Arial;
		text-align: right;
		padding: 4px 0px 0px 0px;
		width: 240px;
		border-bottom: 3px solid #9ac538;
	}
	
	#news #comment a{
		background: #9ac538;
		margin: 0px 0px 0px 40px;
		padding: 4px 10px 4px 10px;
		color: #ffffff;
		text-decoration: none;
		text-shadow: 1px 1px 2px #8a8a8a;
		font-size: 10px;
		text-transform: uppercase;
	}
	
	#footer{
			background: #ffffff url(images/footerbg.jpg) top repeat-x;
			border: 1px solid #ededed;
			padding: 10px 0px;
			min-height: 30px;
			margin-top: 30px;
			overflow: hidden;
			font-size: 12px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-o-border-radius: 4px;
			clear: both;
	}
	
		#footer #copyrights{
			margin-left: 190px;
			width: 200px;
			font-family: Arial;
			text-align: left;
			font-size: 10px;
			color: 5c5c5c;
		}
		
		#footer #links{
			float:right;
			padding: 20px 10px 0px 10px;
			text-align: left;
			font-size: 10px;
			font-family: Arial;
			color: 5c5c5c;
		}
		
		#footer #links ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
	
		#footer #links li {
		list-style: none;
		margin: 0px;
		padding: 0px;
                display:inline;
		}
		
		#footer #links a{
			margin: 10px 0px;
			padding: 0px 10px;
			color: #5c5c5c;
			border-right: 1px solid #5c5c5c;
			text-decoration:none;
		}
		
		#footer #links a:hover{
			color: #000000;
			text-decoration:none;
		}


#clear{
			clear:both;
	}