/*

Theme Name: Home Service Wordpress

Theme URI: http://www.mopheaddesign.com/

Description: The Home Service design for version 2.0

Version: 2.0

Author: Joe Dunys

Tags: home, service, education, online, school



Home Service WordPress by Joe Dunys || http://www.mopheaddesign.com

*/



/* CSS Document written by Joe Dunys @Mop Head Design (http://www.mopheaddesign.com) for Home Service */

html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input				{margin: 0; padding: 0;}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th							{font-size: 1em; font-weight: normal; font-style: normal;}

ul, li																						{list-style: none; margin: 0px; padding: 0px;}



body					{background: url(images/bg.jpg) repeat-x #F5F5F5; color: #333; font: 12px/18px Frutiger,Univers, "Helvetica Neue" , "Lucida Grande" ,Calibri,Helvetica,Verdana,sans-serif; line-height: 18px; margin: 0px; padding: 0px; text-align: center;}

a						{color: #fc0; font-weight: bold;}

a:link, a:visited,

a:active				{text-decoration: none;}

a:hover					{color: #000; text-decoration: underline;}

strong, b 				{font-weight: bold;}

em, i 					{font-style: italic;}



p 						{margin-bottom: 18px; text-align: justify;}

h1 						{font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px;}

h2 						{font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px;}

h3 						{font-weight: bold; font-size: 1em; line-height: 18px;}

h4 						{font-weight: bold; font-size: 10px; line-height: 18px;}

a img					{border: none;}

img						{border: none;}



/* DIV Tags */

div#top					{background: url(images/top.jpg) no-repeat top center; height: 30px; margin: 0px auto; padding: 0px 10px; padding-top: 100px; text-align: center; width: 800px;}

div#menu				{height: 30px; line-height: 30px; margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; width: 800px;}

div#container			{height: 100%; margin: 0px auto; padding: 0px; text-align: center; width: 840px;}

div#main				{background: url(images/main.png) 100% repeat-y; float: left; height: 100%; margin: 0px auto; padding: 20px; text-align: center; width: 800px;}

div#banner				{float: left; height: 150px; margin: 0px 0px; padding: 0px 0px 5px 0px; width: 800px;}

div#left				{float: left; margin: 20px 15px 20px 0px; padding: 0px; text-align: left; width: 288px;}

div#left h2				{background: url(images/arrow.jpg) no-repeat right #333; color: #fff; height: 30px; line-height: 30px; padding: 0px 10px; width: 268px;}

div#right				{float: left; margin: 20px 0px; padding: 0px 10px; text-align: left; width: 463px;}

div#right h1			{clear: none; color: #333; font-size: 36px; font-weight: bold; height: 30px; letter-spacing: -2px; line-height: 30px; margin: 0px 0px 18px 0px;}

div#middle				{float: left; margin: 20px 0px; padding: 0px 10px; text-align: left; width: 780px;}

div#middle h1			{clear: none; color: #333; font-size: 36px; font-weight: bold; height: 30px; letter-spacing: -2px; line-height: 30px; margin: 0px 0px 18px 0px;}

div#footer				{background: url(images/footer.png) 100% repeat-y; color: #fff; float: left; font-size: 10px; height: 100%; margin: 0px auto; padding: 20px; text-align: center; width: 800px;}



/* Menu and its Dropdown */

ul#menu						{height: 30px; list-style: none; margin: 0px; padding: 0px; text-align: left; width: 800px; z-index: 10;}

ul#menu li					{display: block; float: left; height: 30px; line-height: 30px; margin-right: 0px; padding: 0px; position: relative; text-align: center; width: 100px;}

ul#menu li a				{color: #fff; display: block; font-size: 14px; font-weight: bold; height: 30px; letter-spacing: -1px; line-height: 30px; margin: 0px; width: 100px;}

ul#menu li a:hover			{background: url(images/over.jpg) repeat-x; color: #399; text-decoration: none;}

ul#menu li ul				{background: #333; display: none; margin: 0px; left: 0px; padding: 5px 5px; position: absolute; top: 30px; width: 150px; white-space: nowrap; z-index: 1;}

ul#menu li ul li			{display: block; height: 20px; margin: 0px; padding: 0px; text-align: left; width: 100px;}

ul#menu li ul li:hover		{color: #399;}

ul#menu li ul li a			{background: url(images/arrow.gif) left no-repeat; display: block; font-size: 11px; font-weight: normal; height: 20px; letter-spacing: normal; line-height: 20px; margin-right: 0px; padding: 0px; padding-left: 10px; text-transform: none; width: 140px;}

ul#menu li ul li a:hover	{background: url(images/arrow_over.gif) left no-repeat; border-bottom: #399 solid 2px; color: #399;}

ul#menu li:hover ul,

ul#menu li.over ul			{display: block;}



/* DIV Padders */

div#left .padder		{margin: 10px; padding: 0px; text-align: left; width: 268px;}

div#left .padder img	{margin-bottom: 10px;}



/* Other bits */

p#intro					{color: #399; font-weight: bold; font-size: 16px; line-height: 18px;}

div#quoterotator		{background: url(images/quote.gif) no-repeat top; padding: 0px 10px; text-align: center; width: 248px;}

div#links a				{background: url(images/arrow_yell.gif) no-repeat left; padding-left: 10px;}

div#links a:hover		{background: url(images/arrow_bla.gif) no-repeat left; padding-left: 10px;}

div#footer p			{text-align: center;}