/*  
Theme Name: dazzonline
Theme URI: http://www.dazzonline.com
Description: Childtheme for Gravy 
Author: dazz
Author URI: http://www.dazzonline.com
Template: gravy
Version: 0.1

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


TABLE OF CONTENTS
 
  Inherited Styles
  HTML Tags
  Structure
  Headers
  Content Styles
  Form Elements
  Footer
  


/* ---------- @ Inherited Styles -----------*/

@import url("../gravy/style.css");


/* ---------- @ Top Page Navbar -----------*/

#nav {
	padding:0 1px;
	}

#nav li {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	}
	
#nav li.current_page_item a, #nav li.current_page_item a:visited {
	background:#FFF;
	color:#346FBB;
	}
	
#nav a, #nav a:visited {
	padding:8px 17px 10px;
	}
	
#nav a:hover {
	color:#85C3F3;
	}


/* ---------- @ HTML Tags -----------*/

body {
	background:#85C3F3;
	color: #111;
	padding:20px 0;
	}
	
body, select, input, textarea {
	font: 100% Verdana /*Global font-size reset*/;
	}
	
	
body a, body a:visited {
	text-decoration:none;
	}

body a:hover {
	text-decoration:underline;
	}

	

/* ---------- @ Structure -----------*/

#wrapper {
	width:1000px;
	border: 0.6em solid #346FBB;
	}
	
#masthead {
	background:#ffffff;
	}
	
#branding {
	display: block;
	height: 113px;
	width: 940px;
	background: url(images/Header.png) no-repeat;
	outline: none;	
	}
	
#page_image1 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline1.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image2 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline2.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image3 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline3.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image4 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline4.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image5 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline5.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image6 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline6.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image7 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline7.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image8 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline8.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}
	
#page_image9 {
	display: block;
	height: 199px;
	width: 300px;
	background: url(images/dazzonline9.jpg) no-repeat;
	outline: none;
	float: right;
	padding-bottom: 20px;
	}

	
#sidebar1 {
	width: 140px;
	float:right;
	background:#ffffff;
	padding:0 0 20px 20px;
	}
	
#sidebar2 {
	width: 140px;
	float:right;
	background:#ffffff;
	padding:0 0 20px 20px;
	}
	
	
/* ---------- @ Headers -----------*/

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana;
	font-weight:normal;
	}
	
.entry h2 {
	font-size:1.4em;
	}
	
h2.posttitle, h1.posttitle {
	font-size: 1.4em;
	}
	
h1.pagetitle {
	font-size: 1.5em;
	}
	
#sidebar h3 {
	font:normal .85em Verdana;
	}
	
.entry h3 {
	font:1em Verdana;
	}
	
h4 {
	font-size:1em; 
	}
	
h5 {
	font-size: 1em
	}
	
h6 {
	font-size: 0.65em;
	}
	
.widget li a:hover, .widget li a:active {
	color:#346FBB;
	}



/* ---------- @ Content Styles -----------*/

/*Misc*/

#logo {
	font: bold 2.7em Verdana;
	}
	
#description {
	font: italic 1.2em Verdana;
	}
	
/*Sidebar and Widgets*/

.widgettitle {
	background: #346FBB;
	font: 1.2em Verdana;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
	}


/* ---------- @ Form Elements -----------*/

.button {
	background: #346FBB;
	font-weight: bold;
	}
	
.button:hover {
	background: #85C3F3;
	font-weight: bold;
	color: #000000 !important;
	cursor: pointer;
	}



/* ---------- @ Footer -----------*/

#footer {
	width: 960px;
	background: #346FBB;
	border-left: 0.6em solid #346FBB;
	border-right: 0.6em solid #346FBB;
	border-bottom: 0.6em solid #346FBB;
	}