/*
Theme Name: QSS
Theme URI: http://www.qualitysystemssolutions.com/
Description: The QSS page style for Wordpress
Version: 1.0
Author: Tom Pacyk
Author URI: http://www.confusedamused.com.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/



/* */

body,h1,h2,h3,h4,h5,h6,p,div,li,ul,ol,span,blockquote {
	margin: 0;
	padding: 0;
}

body {
	background: transparent url('images/wood-background.jpg') repeat;
	color: #000;
	font-family: 'Lucida Grande',Verdana,Arial,Tahoma,sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	position: relative;
	text-align: center;
}


/* container for the maximum page width */
#container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 960px;

}

/* remove underline from all links */
a {
	color: #0f438b;
	text-decoration: none;
}

/* add underline to all links on  */
a:hover {
	text-decoration:underline;
}


#page {
	margin: 0;
	padding: 0;
}



/* phone logo */
h1 {
	background: transparent url('images/phone-logo.png') no-repeat;
	height: 420px;
	position: absolute;
	text-indent: -4000px;
	top: 20px;
	width: 269px;
	z-index: 10; /* place phone underneath content */

}

h1 a {
	display: block;
	height: 420px;
	width: 220px;
}



/* container for the tagline */
#tagline {
	left: 260px;
	position: relative;
	top: 20px;
	width: 500px;
}

/* big white tagline at top of page */
h2 {
	color: #000;
	font-family: Georgia,'Times New Roman',serif;
	font-weight: 100;
	font-size: 2.0em;
	margin-bottom: 20px;
}

#tagline h2 {
	color: #fff;
	font-size: 3.0em;
	margin-bottom: 0;
}

/* blue headings and links */
h3  {
	color: #0f438b;
	font-family: Georgia,'Times New Roman',serif;
	font-weight: 100;
	font-size: 1.5em;
	margin-bottom: 20px;
}

h3 a {
	color: #0f438b;
}


/* h4 headings and links */
h4 {
	margin-bottom: 4px;
}

h4 a {
	color: #000;
}


/* see more links */
.see-more {
	background: transparent url('images/see-more-arrow.gif') no-repeat;
	
	background-position: top right;
	margin-right: 20px;
	padding-right: 16px;
	text-align: right;
}

/* content container */
#notebook-topright-curve {
	background: transparent url('images/notebook-topright-curve.png') repeat-y;
	left: 180px;
	padding-left: 70px;
	position: relative;
	height: 44px;
	top: 80px;
	width: 710px;
	z-index: 50; /* place content on top of phone */
}

/* content container */
#content {
	font-size: 1.5em;
	padding-left: 80px;
	position: relative;
	top: -10px;
	width: 700px;
	z-index: 55; /* place content on top of phone */
}

/* content container */
#content-bg {
	background: transparent url('images/spirals.png') repeat-y;
	left: 180px;
	padding: 0px;
	position: relative;
	top: 80px;
	width: 780px;
	z-index: 50; /* place content on top of phone */
}

/* content container */
#notebook-bottomright-curve {
	background: transparent url('images/notebook-bottomright-curve.png') repeat-y;
	left: 180px;
	padding-left: 70px;
	position: relative;
	height: 44px;
	top: 80px;
	width: 710px;
	z-index: 50; /* place content on top of phone */
}


/* post it note */
#postit-note {
	background: transparent url('images/postit-note.png') no-repeat;
	position: absolute;
	height: 189px;
	text-indent: -5000px;
	top: 480px;
	width: 212px;
	z-index: 100;
}

#postit-note a {
	display: block;
	height: 189px;
	width: 212px;
}

/* blog */
#blog {
	background: transparent url('images/blog.png') no-repeat;
	position: absolute;
	height: 78px;
	text-indent: -5000px;
	top: 680px;
	width: 177px;
	z-index: 100;
}

#blog a {
	display: block;
	height: 78px;
	width: 177px;
}


/* Advertising Banner */
#ad {

	height: 250px;
	position: absolute;
	top: 700px;
	width: 300px;
}



/* little chracter dude */
#character {
	background: transparent url('images/character.png') no-repeat;
	height: 175px;
	position: absolute;
	top: 83px;
	right: 30px;
	width: 81px;
	z-index: 80;
}

/* constrains text away from character */
#top-text-constraint {
	margin-bottom: 20px;
	width: 560px;
}


/* qss big name up top */
#qss-text {
	display: inline;
	font-family: Georgia,'Times New Roman',serif;
	font-weight: 100;
	font-size: 2.0em;
}

/* service provider big text after name */
#intro-text {
	display: inline;
	font-size: 1.1em;
	line-height: 1.5em;
}


/* left column in a 2 column split on the home page */
.left-column {
	float: left;
	width: 330px;
}

/* right column in a 2 column split on the home page */
.right-column {
	margin-right: 20px;
	float: right;
	width: 330px;
}

/* left column in a 2 column split on the detail pages */
.left-column-page {
	float: left;
	width: 440px;
}

.left-column-page {
	font-size: 1.1em;
}


/* right column in a 2 column split */
#right-column-page {
	border-left: #bbb 1px solid;
	padding-top: 20px;
	padding-left:20px;
	padding-right: 20px;
	color: #888;
	float: right;
	text-align: left;
	width: 200px;
}

.center li {
	margin-bottom: 20px;
}

.center p {
	color: #000;
}


/* showcase images */
#right-column-page img {
	border: #000 1px solid;
	height: 150px;
	width: 150px;
}

#right-column-page img + p {
	margin-bottom: 60px;
}

/* showcase heading text */
#right-column-page h3 {
	margin-bottom: 0;
}

/* removes indent and bullet from right-side lists */
#right-column-page li {
	margin-left: 0;
	list-style-type: none;
}

/* green checkmark bullets */
#right-column-page li li {
	background: transparent url('images/checkmark.png') no-repeat;
	padding-left: 24px;
	
}


/* centers content */
.center {
	text-align: center;
}

/* black text for pricing */
.checklist li {
	color: #000;
}

/* basic, pro, premium text */
#right-column-page h4 {
	color: #000;
	margin-bottom: 10px;
}

/* indent lists by default */
li {
	margin-left: 20px;	
}

/* drop text after lists */
li p {
	margin-bottom: 10px;
}

ul {
	margin-bottom: 20px;
}


/* clears floating columns */
.clear {
	clear: both;
}

/* lists with icons */
.icon-ul li {
	margin-left: 0;
	padding-left: 70px;
}

/* partnership list icons */
#partnerships li {
	margin-left: 0;
	padding-left: 150px;
}



#microsoft {
	background: transparent url('images/partners/microsoft.gif') no-repeat;
}


p {
	font-size: 0.8em;
	line-height: 1.4em;
	margin-bottom: 20px;
}




/* 
 Service Icons
*/

#collaboration,#mobility,#telephony,#desktops,#servers,#networks, #partnerships {
	list-style-type: none;
}

#collaboration {
	background: transparent url('images/services/collaboration.gif') no-repeat;
}

#mobility {
	background: transparent url('images/services/mobility.gif') no-repeat;
}

#telephony {
	background: transparent url('images/services/telephony.gif') no-repeat;
}

#desktops {
	background: transparent url('images/services/desktops.gif') no-repeat;
}

#servers {
	background: transparent url('images/services/servers.gif') no-repeat;
}

#networks {
	background: transparent url('images/services/network.gif') no-repeat;
}

.no-bullets,.details,.no-bullets li {
	list-style-type: none;
	margin-left: 0;
}


.left-column-page ul,.left-column-page li {
}

ul.details {
	margin-bottom: 40px;
}


.details li {
	margin-left: 0px;
}



h5 {
	margin-top: 10px;
}



.top-margin {
	margin-top: 40px;
}



ul.details ul {
	margin-left: 20px;
}

ul ul li {
	list-style-type: disc;
}

#navigation {
	left: 320px;
	top: 48px;
	position: relative;
	width: 700px;
	z-index: 175;
}






/* CSS Drop Down */
/* Begin CSS Drop Down Menu */

#menuh-container
	{
	position: absolute;		
	}

#menuh {
	font-size: small;
	width:100%;
	float:left;
}
		
#menuh a
	{
border-bottom: #fff 1px solid;

	text-align: center;
	
	display:block;
	white-space:nowrap;
	margin:0;
	height: 16px;
	padding: 8px 0 8px 0;

	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	text-decoration:none;
	}
	
	
#consulting-services ul, ul#consulting-services {
	width: 195px;
}
	
#consulting-services li a {
	background: transparent url('images/navigation/consulting-services.png') bottom left no-repeat;
	text-indent: -5000px;
}


#consulting-services ul li a {
	background: transparent url('images/navigation/red.png') bottom left repeat-y;
	text-indent: 0;
	border-right: #fff 1px solid;
	
}

#managed-service-plans ul, ul#managed-service-plans {
	width: 220px;
}
	


#managed-service-plans li a {
	background: transparent url('images/navigation/managed-service-plans.png') bottom left no-repeat;
	text-indent: -5000px;
}

#managed-service-plans ul li a {
	background: transparent url('images/navigation/blue.png') bottom left repeat-y;
	text-indent: 0;
	border-right: #fff 1px solid;
}

#more-information ul, ul#more-information {
	width: 181px;
}
	
#more-information li a {
	background: transparent url('images/navigation/more-information.png') bottom left no-repeat;
	text-indent: -5000px;
}

#more-information ul li a {
	background: transparent url('images/navigation/green.png') bottom left repeat-y;
	text-indent: 0;
	border-right: #fff 1px solid;
}



#menuh a:hover	/* menu at mouse-over  */
	{
	background-position: right;
	color: white;
	text-decoration:none;


	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{

	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;

	}

#menuh li
	{
	position:relative;
	list-style-type: none;
	margin-left: 0;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;

	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block; }

/* End CSS Drop Down Menu */


ul#consulting-services, ul#managed-service-plans {
	margin-right: 10px;
}

.black {
	color: #000;
}


img, div, a, h1 a {
	
}


/* blog specific */

h2 a {
	color: #000;
}

h2 {
	margin-bottom: 0;
}

small {
	color: #666;
}

.entry {
	margin-top: 20px;
	margin-right: 120px;
}

.entry p {
line-height: 1.6em;
}

.entry li {
	font-size: .8em;
}

.navigation {
	font-size: .8em;
}

.commentlist {
	margin-right: 120px;
}

.commentlist li {
	margin-top: 20px;
	border-bottom: #ccc 1px solid;
	padding-bottom: 10px;
}

cite {
	font-size: .8em;
}

.commentmetadata {
	font-size: .7em;
}

.thecomment {
	margin-top: 20px;
}

#respond {
	margin-top: 20px;
}