/*
Theme Name: New Shoestring
Theme URI: http://goshoestring.com
Description: This is the new Shoestring Design
Author: ShoeSTRING, Inc
Author URI: http://goshoestring.com

*/

@import 'css/screen.css';

body {
	margin: 0px;
	background: #fff url('img/background.jpg') repeat-x;
	color: #6e6e6e;
	}
		
		
	#top-bar {
		height: 54px;
		}
		
		.small-logo {
			display: block;
			width: 125px;
			height: 54px;
			background: url('img/small-logo.jpg') 0px -54px;
			float: left;
			text-indent: -9999px;
			margin: 0px 0px 0px 10px;
			}
			
			
			.small-logo:hover {
				background: url('img/small-logo.jpg') 0px 0px;
				}
		
	#nav-box {
		float: right;
		}	
				
		#nav {
			list-style: none;
			padding: 5px;
			}
			
			#nav li {
				display: block;
				float: left;
				}
			
			#nav li a {
				padding: 10px 10px;
				display: block;
				color: #e1e1e1;
				text-decoration: none;
				float: left;
				text-transform: uppercase;
				
				}
				
				#nav li a.login {
					border-left: solid 1px #999;
					color: #ff9933;
					font-weight: bold;
					margin-left: 10px;
					}
				
					#nav li a.login:hover {
						color: #d88317;
						}
			
			#nav li a:hover {
				color: #ff9933;
				}
		
		#header {
			height: 148px;
			background: url('img/header.jpg') no-repeat center top;
			}
			
			#header h1 {
				text-indent: -9999px;
				}
		
		#content-background {
			background: url('img/content-bg.jpg') no-repeat center 70px;
			}

	#wrapper h2.title {
		color: #363844;
		display: block;
		padding: 25px 0px 0px 0px;
		font-weight: bold;
		}
		
	#content {
		margin-top: 50px;
		}
		
		#content hr {
			border: 0;
			height: 145px;
			background: url('img/hr.jpg') center no-repeat;
			}
			
			#content img.featured {
				width: 450px;
				height: 300px;
				border: solid #6c7b9c 5px;
				
				}
		
	#sidebar {
		background: #ebe9dc;
		}
		
		#sidebar .link {
			display: block;
			width: 250px;
			color: #959595;
			padding: 0px 0px 40px 120px;
			margin: 20px 0px 0px 0px;
			text-decoration: none;
			}
			
			#sidebar .link:hover {
				color: #415186;
				}
				
			#sidebar .link:hover b {
				color: #fff;
				background: #415186;
				}
			
			
		html>body #sidebar .link { /*Different width for Firefox. Fixes IE padding bug */
			width: 130px;
			}
			
			#sidebar .link b {
				text-transform: uppercase;
				}
				
			#sidebar .portfolio {
				background: url('img/folder-icon.png') no-repeat 30px 0px;
				}
					
			#sidebar .support {
				background: url('img/buoy-icon.png') no-repeat 30px 0px;
				}	
				
			#sidebar .get-started {
				background: url('img/light-icon.png') no-repeat 30px 0px;
				}
	#footer {
		background: #b4b4b4 url('img/footer-bg.jpg') no-repeat center top;
		}
		
		#footer .support {
			background: url('img/support-large.png') no-repeat;
			height: 275px;
			display: block;
			width: 275px;
			float: right;
			text-decoration: none;
			color: #fff;
			font-size: 1.5em;
			text-align: center;
			}
			
			
			
			
/*-------------Features------------------*/

		.icon {
			padding: 0px 0px 20px 100px;
			display: block;
			float: left;
			width: 400px;
			margin: 0px 0px 0px -10px;
			}
			

		html>body .icon {
			width: 300px;
			}
			
			
			
			.content {
				background: url('img/icons/content.jpg') no-repeat 10px 0px;
				}
			
			.stats {
				background: url('img/icons/stats.jpg') no-repeat 10px 0px;
				}
			
			.media {
				background: url('img/icons/media.jpg') no-repeat 10px 0px;
				}
			
			.usability {
				background: url('img/icons/usability.jpg') no-repeat 10px 0px;
				}
			
			.design {
				background: url('img/icons/design.jpg') no-repeat 10px 0px;
				}
			
			.online {
				background: url('img/icons/online.jpg') no-repeat 10px 0px;
				}
			
			.clock {
				background: url('img/icons/clock.jpg') no-repeat 10px 0px;
				}
			
			.kb {
				background: url('img/icons/kb.jpg') no-repeat 10px 0px;
				}
			
			.bullet {
				background: url('img/icons/bullet.jpg') no-repeat 10px 0px;
				}


/*-------------IE 6 PNG FIX------------------*/

img { behavior: url(iepngfix.htc); }