/*
Theme Name: Diver Wordpress
Description: Based on the famous Starker Theme by Elliot J Starks
Version: 1.0
Author: Shaukath Mohamed
Author URI: http://shauky.wordpress.com/
Tags: blue, custom header, fixed width, widgets

	Diver Wordpress v1.0
	 http://shauky.wordpress.com/

	This theme was designed and built by Shaukath Mohamed

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

/* RESET */

/* main indexfile
	
	#e9e9e9													- LIGHTEST GREY EVER
	#ffbf46													- ORANGE (MENU)
	{color: #3e3e3e;}										- DARKEST GREY EVER
	{background:#eff6f6;}									- ICE BLUE (BACKGROUND)
	
.button					{background:#32312f;}			- GREY ORANGE TINT
.button:hover 			{background:#007de2;}			- TITLE BLUE
small 					{color:#3288cd;	}				- COOL BLUE

hr						{border-color: #ffffff;			- WHITE
						color: #dbdbdb;					- GREY RED TINT
						}
a:visited, a			{color:#26689d; }				- DARKER SHADE COOL BLUE 



#linksb li, #linksb a, #linksb h3   {color: #3e3e3e;}	



*/

										
/* IE Menu styles. Based on http://www.cssplay.co.uk/menus/dd_valid.html by Stu Nicholls. 
*/

.menu ul li a.hide, 
.menu ul li a:visited.hide 				{display:inline;}

.menu ul li a:hover ul li a ul 			{visibility:hidden;
										}
								
.menu ul li a:hover ul li a:hover ul 	{visibility:visible; 
										position:absolute; 
										left:0px;
										}
										
/* common styling */

.menu 									{font-family: arial, sans-serif; 
										width:750px; 
										height:100px; 
										position:relative; 
										font-size:11px; 
										z-index:100;
										}
										
.menu ul li a, 
.menu ul li a:visited 					{display:inline; 
										text-decoration:none; 
										width:470px; 
										height:20px; 
										text-align:left; 
										overflow:hidden;}
										
.menu ul 								{padding:0; 
										margin:0; 
										list-style: none;}
										
.menu ul li 							{float:left; 
										position:relative;
										}
										
.menu ul li ul 							{display:none;
										font-size:8px;
										width: 100px;
										margin-left: 0px; /* positioning works on these values for submenu */
										}

/* specific to non IE browsers */

.menu ul li:hover ul 					{display:inline; 
										position:absolute; 
										top:27px; 
										left:0; 
										width:470px;
										height:25px;
										background-color:#e9e9e9; }
										
.menu ul li:hover ul li ul 				{display: none;}

.menu ul li:hover ul li a 				{display:inline; 
										}
										
.menu ul li:hover ul li:hover ul 		{display:none; 
										position:absolute; 
										left:0; 
										top:0;}
/*menu bar styles */


#left_filler			{float:left;
						 width: 250px;
						 height: 28px;
						}
						
#menu-bar 				{float:right;
						height:35px;
						margin-top:-72px;
						}											
ul#main-nav li			{display: inline;}

ul#main-nav li img		{vertical-align: text-bottom;}

ul#main-nav li a		{text-transform:uppercase;
						 text-decoration: none; 
						 font-weight: bold;  
						 color:#32312f; 
						 font-size: 1.2em; 
						 padding: 3px 8px; 
						 -moz-border-radius:5px; 
						 -webkit-border-radius:5px; }

ul#main-nav li a:hover	{background:white; color:#007de2;}

ul#main-nav 			{-moz-background-clip:border;
						-moz-background-inline-policy:continuous;
						-moz-background-origin:padding;
						background:transparent url(/images/menuback.png) repeat-x scroll 0 0;
						float:left;
						height:28px;
						margin:0 0 0 35px;
						padding-bottom:10px;
						width:715px;
						}


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*						{margin: 0pt; padding: 0pt;}
html 					{overflow-y:scroll; }	
html body				{height: 100%;}						
body					{
						font-size: 62.5%; /* 62.5% Resets 1em to 10px */
						font-family: Arial, Helvetica, Sans-Serif;
						background:#eff6f6 url(/images/bodyback.jpg) repeat-y;
						color: #3e3e3e; 
						line-height: 1.7em;
						}

#main-col .staticpage 	{font-size: small;
						 font-family: Arial, Helvetica, sans-serif;
						}

.testimonial p			{font-family: Times, serif;
						 font-size: 16px;
						 font-style: oblique;
						 font-weight: bold;
						 float: left;
						 color: #3e3e3e;
						}

.testimonial p.quote	{font-family: Times, serif;
						 font-size: 12px;
						 font-style: oblique;
						 line-height: 12px;
						 padding-top: 20px;
						 background-color: #e9e9e9;
						 float: left;
						 color: #007de2;
						 width:300px;
						 }
						 
.testimonial p.slink	{font-family: Times;
						font-size: 12px;
						font-style: oblique;
						line-height: 1.7em;
						color:#3288cd;  
					    display:block;  
					    margin-bottom:5px;
					    margin-top: 5px; 
					    float:left;
						}



/*apps
*/
.floatLeft				{float:left;}
.floatRight				{float:right;}
.clear					{clear: both;}
.button					{background:#32312f url(/images/button_bg.jpg) repeat-x;  
						color: #ffffff;  
						text-decoration: none;  
						border:1px solid #32312f;  
						text-transform:uppercase;  
						font-size:9px;  
						line-height:19px;  
						}

.button:hover 			{background:#007de2 url(/images/button_bg_o.jpg) repeat-x;  
						border-color:#007de2;  
						}  		

.padded					{padding: 10px 10px 10px 10px}					  


.small, .small p		{font-family: Arial, Helvetica, san-serif;
						font-size: 10px;
						font-style: none;
						line-height: 1.7em;
						color:#32312f;  
					    display:block;  
					    margin-bottom:5px;
					    margin-top: 5px;  
						}  
						
h1, h3 				{
						font-family: Arial, Helvetica, Sans-Serif;
						font-weight: bold;
						font-size: 1.4em;
						}

h2 						{margin:0px 0px 2px 0px;  
					    font-size:20px;  
					    font-family:Helvetica, Arial, Sans-serif;  
					    color:#000000; 
					    text-decoration:none;  
						}  

a img 					{ border:none;  
					    text-decoration:none;  
						} 

a:visited, a			{color:#26689d; 
						text-decoration: none;
						}
 
a:hover 				{text-decoration:underline;}

hr						{display:none;
						border-color: #ffffff;
						color: #dbdbdb;
						}
						
li						{text-decoration: none;
						list-style: none;}


.oblique				{font-style: oblique;}


.hidden					{visibility: hidden;
						width: 10px !important;
						height: 10px ! important;
						}

/* Begin Comments*/
.alt 					{
						margin: 0;
						padding: 10px;
						}
						
.commentbox 			{background-color:#e9e9e9;
						}

.commentlist 			{
						padding: 0;
						text-align: justify;
						}

.commentlist li {
						margin: 15px 0 3px;
						padding: 5px 10px 3px;
						list-style: none;
						}

.commentlist p {		padding: 0 5px 0 5px;
						margin: 10px 5px 10px 0;
						background-color:#e9e9e9;
						}

#commentform p {
						margin: 5px 0;
						}

.nocomments {
						text-align: center;
						margin: 0;
						padding: 0;
						}

.commentmetadata {
						margin: 0;
						display: block;
						}
#commentform input 		{
						width: 170px;
						padding: 2px;
						margin: 5px 5px 1px 0;
						}

#commentform textarea {
						width: 100%;
						padding: 2px;
						}

#commentform #submit {
						margin: 0;
						float: right;
						}					
						
/* End Comments */


/* Captions */
.aligncenter,
div.aligncenter {
				display: block;
				margin-left: auto;
				margin-right: auto;
				}

.wp-caption 	{
				border: 1px solid #ddd;
				text-align: center;
				background-color: #f3f3f3;
				padding-top: 4px;
				margin: 10px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
				}

.wp-caption img {
				margin: 0;
				padding: 0;
				border: 0 none;
				}

.wp-caption p.wp-caption-text {
				font-size: 11px;
				line-height: 17px;
				padding: 0 4px 5px;
				margin: 0;
				}
/* End captions */



/* BEGIN STRUCTURE */

/*header styles */

#top-bar p				{text-indent: -9999px; margin: 25px 0 0 0; 
						}
							
#top-bar 				{-moz-background-clip:border;
						-moz-background-inline-policy:continuous;
						-moz-background-origin:padding;
						background:#EFF6F6 url(/images/background_light.jpg) no-repeat scroll 0 0;
						height:145px;
						margin:0;
						padding:20px 0 0;
						width:1024px;
						}

form#searchform 		{float:right;
						margin:0;
						width:220px;
						}
						
.searchformrss 			{float:right;
						margin:-135px -45px 10px 10px;
						width:220px;
						}
						
.searchformrss img 		{margin-top:10px;
						}
						
/*widget styles 
*/

#calendar, #faq 		{margin-left: -10px; }


/* Page Styles */

#page-wrap				{width: 960px; min-height: 92%; height: auto !important; }


.push 					{height: 50px;}

.pushbottom				{height: 150px;}


#socialsb 				{float:left;
						height:auto !important;
						margin:0 0 0 25px;
						width:220px;
						}
						 
#main-col				{width:465px;
						height: auto !important; 
						float: left;
						background-color: #ffffff;  
						margin:10px 0 20px 0;  
	  			     	padding: 10px 35px 65px 25px;  
					    font-size:8.5pt;
					    letter-spacing: normal;
					    font-size-adjust: inherit;
					    font-family: Helvetica, Myriad, san-serif;
					    line-height: normal;
						}
						
#linksb					{width: 175px;
						float: right;
						margin-top: 10px;
						}	
				
#linksb li, #linksb a, #linksb h3   {color: #3e3e3e;}

#filler					{width: 465px;
						 height: 150px;}
						 
.titledpost				{float: left;
						 width: 465px;
						 height: 32px;
						 background:#ffffff url(/images/titledash.jpg) repeat-x;
						 background-position: bottom;
						 padding-bottom: 10px;
						 padding-top: 10px;
						 }
						 
.titledpost h2			{margin-top: -10px;}

.datesmall				{font-family: Times;
						font-size: 12px;
						font-style: oblique;
						line-height: 1.7em;
						color:#3288cd;  
					    display:block;
					    margin-top: -5px;  
					    margin-bottom:5px;
					   }

/*
footer styles
*/
#footer					{background:#eff6f6 url(/images/footer_light.jpg) no-repeat;
						 width: 1024px;
						 height:auto !important; margin: 0 0 0 0;
						 float: left;
						  }
						 
#footer p 			     {margin: 50px 0 0 0; 
						 width: 960px;
						 text-align: center;}

					 
#footer-inside hr		{ width: 960px;
						}

.column, .column2, .column3									{float:left;
						 									width: 210px;
						 									padding-top: 10px;
						 									padding-left: 25px;
						 									padding-bottom: 50px;
						 									background-color: #eff6f6 ;}


.column4, .column5											{float:left;
						 									width: 150px;
						 									padding-top: 10px;
						 									padding-bottom: 50px;
						 									background-color: #eff6f6 ;}