/*
Theme Name: TPS
Theme URI: http://business.thephonestoreinc.com/
Description: First full iteration of The Phone Store Blog.
Version: 2.0
Author: Jet A Studio
Author URI: http://www.jetastudio.com/
	©2007 Copyright The Phone Store. All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/


* {margin:0;padding:0}

body {font:12px/1.5 Helvetica, Arial, sans-serif;background:#222222 url(images/body_bg.jpg) repeat-x 0 0;color:#333}

/* ------------- General Classes ----------------- */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}


/*------------- Element Styles -------------*/

a {color:#174f89;outline:none}
a:hover {text-decoration:none}

	a img {border:0}

small.return a {margin-top:11px;font:10px "Trebuchet MS", Helvetica, Arial, sans-serif;display:block;padding:2px 2px 0px 4px;width:90px;text-decoration:none;background-color:#333;color:#fff}

body.blog h1 {font:21px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;margin-bottom:3px}
h2 {font:21px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;margin-bottom:.75em}
body.blog h2 {font:16px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;font-weight:bold;margin-bottom:.5em}
	body.blog h2 a {text-decoration:none}

h3 {font:16px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;margin-bottom:.75em;font-weight:bold}

#content p {margin-bottom:1.5em}

#content ul, #content ol {margin:0 0 1.5em 1.5em}

#content ul.highlight {font-weight:bold;margin:0 0 2em 1.5em}

img.right {display:block;float:right;margin:0 0 1em 1em;display:inline}
img.left {display:block;float:left;margin:0 1em 1em 0;display:inline}

div.post {border-top:3px solid #333;margin:0 1em 2em 0}
	small.date {display:block;margin-bottom:1.5em;padding-top:1px;font:11px/1.5 "Trebuchet MS", Helvetica, Arial, sans-serif}

h3#comments,
h3#respond {padding-bottom:.2em;margin:0 1em 1em 0;border-bottom:1px dotted #cccccc}

ol.commentlist {list-style:none;margin:0 0 1.5em 0 !important}
	ol.commentlist li {display:block;margin:0 1em 2em 0}
	ol.commentlist cite {font-weight:bold}
	ol.commentlist small.commentmetadata a {color:#777777}
	ol.commentlist div {padding:5px 0 0 0;border-bottom:1px dotted #cccccc;margin:1em 0 1em 0}
	ol.commentlist p {font-size:11px}

div.ddsg-wrapper h2 {font-size:17px;}
div.ddsg-wrapper p {display:none;}
div.ddsg-wrapper ul li a {font-size:12px;font-weight:bold;}

/*------------- Layout Styles -------------*/

#container {width:784px;margin:0 auto 0 auto;padding-top:10px}

#wrapper {width:784px;background:#222222 url(images/wrapper_bg.jpg) repeat-y 0 0}
#home-page #wrapper {background:#222222 url(images/home-wrapper_bg.jpg) repeat-y 0 0}
	
	#header {width:784px;height:242px;background:transparent url(images/header_bg.jpg) no-repeat 0 0;position:relative}
	body.blog #header {background:transparent url(images/blog-header_bg.jpg) no-repeat 0 0}
	
		#logo {display:block;width:400px;height:150px;position:absolute;top:50px;left:60px;text-indent:-9999px;text-decoration:none}
		body.blog #logo {width:680px;height:190px;top:40px;left:40px}
		
		#info {width:375px;position:absolute;top:12px;right:5px;list-style:none}
			#info li {display:inline;color:#555555;font-size:14px}
				#info li a {color:#fff;text-decoration:none;padding:0 6px 0 6px}
				#info li a:hover {color:#cccccc}
				#info li.link-one a {font-size:15px;font-weight:bold}
				#info li.link-two a {padding:0 16px 0 2px}
	
	#nav {width:738px;height:27px;background:transparent url(images/nav_bg.jpg) no-repeat 0 0;list-style:none;padding:6px 0 0 46px}
	#home-page #nav {background:transparent url(images/home-nav_bg.jpg) no-repeat 0 0}
		#nav li {display:block;float:left;padding:0 5px 0 5px;background:transparent url(images/nav_link_bg.jpg) no-repeat 100% 0;display:inline}
		#nav li.link-one {padding:0 5px 0 0}
		#nav li.link-six {padding:0 0 0 5px;background:none}
			
			#nav li a {display:block;height:17px;text-indent:-9999px;text-decoration:none;overflow:hidden}
			
			#nav li.link-one a 		{width:216px;background:transparent url(images/nav_links_bg.jpg) no-repeat 0 0}
			#nav li.link-two a 		{width:58px;background:transparent url(images/nav_links_bg.jpg) no-repeat -234px 0}
			#nav li.link-three a 	{width:80px;background:transparent url(images/nav_links_bg.jpg) no-repeat -309px 0}
			#nav li.link-four a 	{width:140px;background:transparent url(images/nav_links_bg.jpg) no-repeat -395px 0}
			#nav li.link-five a 	{width:80px;background:transparent url(images/nav_links_bg.jpg) no-repeat -549px 0}
			#nav li.link-six a 		{width:75px;background:transparent url(images/nav_links_bg.jpg) no-repeat -638px 0}
				
			#nav li.link-one a:hover	{width:216px;background:transparent url(images/nav_links_bg.jpg) no-repeat 0 -17px}
			#nav li.link-two a:hover 	{width:58px;background:transparent url(images/nav_links_bg.jpg) no-repeat -234px -17px}
			#nav li.link-three a:hover 	{width:80px;background:transparent url(images/nav_links_bg.jpg) no-repeat -309px -17px}
			#nav li.link-four a:hover 	{width:140px;background:transparent url(images/nav_links_bg.jpg) no-repeat -395px -17px}
			#nav li.link-five a:hover 	{width:80px;background:transparent url(images/nav_links_bg.jpg) no-repeat -549px -17px}
			#nav li.link-six a:hover 	{width:75px;background:transparent url(images/nav_links_bg.jpg) no-repeat -638px -17px}
			
	#main {width:765px;background:transparent url(images/main_bg.jpg) no-repeat 0 0;padding:0 9px 0 10px}
	#home-page #main {background:transparent url(images/home-main_bg.jpg) no-repeat 0 0}
	body.blog #main {background:transparent url(images/blog-main_bg.jpg) no-repeat 0 0}
		
		#sidebar {width:284px;float:left;padding:6px 0 8em 0}
		#home-page #sidebar {width:334px;float:left;padding:6px 0 3em 0}
			#sidebar img {display:block}
		#contact-us-page #sidebar {width:264px;padding:2em 0 8em 20px}
			#contact-us-page #sidebar p {margin-bottom:1.5em}
		
		body.blog #sidebar {width:254px;padding:30px 0 2em 0}
			body.blog #sidebar h3 {font:14px/1.5 "Trebuchet MS", Helvetica, Arial, sans-serif;font-weight:bold}
			body.blog #sidebar ul {list-style:none}
				body.blog #sidebar ul li {display:block;margin:0 .5em 1.5em 0}
					body.blog #sidebar ul li ul li {display:block;margin:0;font-size:11px}
			
		#searchform {padding-top:3px}
			#searchform #s {display:block;border:3px double #ccc;padding:3px;margin-bottom:.3em}
			#searchform #searchsubmit {font-size:12px;padding:2px;border:3px double #cccccc;background-color:#eeeeee}
	
			
		#content {width:427px;min-height:350px;height:auto !important;height:350px;float:left;padding:1.5em 18px 2em 26px}
		#home-page #content {width:395px;float:left;padding:2em 18px 0 18px}
		body.blog #content {width:457px;padding:1em 18px 2em 26px}
			#flash {width:100%;text-align:center;margin:1em 0 2em 0}
				
		
	#footer {width:729px;background:#222222 url(images/footer_bg.jpg) no-repeat 0 0;padding:2em 27px 2em 28px;font-size:11px}
	#home-page #footer {background:#222222 url(images/home-footer_bg.jpg) no-repeat 0 0}
		#footer ul {list-style:none;margin-bottom:.5em}
			#footer ul li {display:inline}
				#footer ul li a {color:#999999;padding:0 .75em 0 0}
		#footer p {color:#777777}
	
/*------------- Form Styles -------------*/

fieldset {border:0;padding-top:1em}
label {font-size:14px;font-weight:bold;display:block}
fieldset.fields input {display:block;font-size:14px;padding:2px;width:50%;margin-bottom:1em;}

#commentform {}
	#commentform label {font-size:12px}
	#commentform #author, 
	#commentform #email, 
	#commentform #url {display:block;border:1px solid #cccccc;padding:3px;margin-bottom:1em}
	#commentform textarea {width:90%;border:1px solid #cccccc;padding:3px;margin-bottom:.3em}
	
	#commentform #submit {font-size:12px;padding:2px;border:3px double #cccccc;background-color:#eeeeee}