/*-----------------------------------------------------------------------------
Theme Name: DreamVizions2008
Theme URI: http://dreamvizionproductions.com
Description: Custom Theme for DreamVizions
Version: 1.0
Author: Gretchen Cawthon/Katrina Fisher
Author URI: http://design.girlscantwhat.com/

-----------------------------------------------------------------------------*/

/* @group Global Resets
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/*** Typography ***
-----------------------------------------------------------------------------*/

body {
  font: 18px Palatino, serif;
  background: #4873f5 url(images/bg.jpg) top center repeat-x;
  color: #000;
}


/*** Headings ***
-----------------------------------------------------------------------------*/
h1 {
	margin: 0;
}

h2 {
	margin: 0;
	color: #000066;
}

.post h2 {
	font-size: 20px;
}

#sidebar h2 {
	
}

.post h3 {
	clear: both;
}


/*** Links ***/


a:link {
	color: #000066;
	text-decoration: none;
}

a:visited {
	color: #000066;
	text-decoration: none;
}

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


/* @group Masthead
-----------------------------------------------------------------------------*/
#moon-wrap {
	width: 100%;	
	margin: 0;
	background: url(images/bg-moon.jpg) top center no-repeat;
}

#wrapper {
	width: 1001px;	
	margin: 0 auto;
	background: url(images/wrapper-bg.jpg) repeat-y;
}

#header {
	width: 1001px;
	height: 290px;
	margin: 0;
	padding: 0;
	background: url(images/header.jpg) top left no-repeat;
	position: relative;
}
#twinkle {
	position: absolute;
	left: 158px;
	top: 59px;
	width: 145px;
	height: 116px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url(images/twinkles.gif) top left no-repeat;
	display:none;
}




/* =Menu
-------------------------------------------------------------- */

.menu {
	position: absolute;
	top: 106px;
	left: 155px; 
	margin: 0 auto;
	width: 640px;
	height:32px; 
	z-index:100;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	border-right: 1px solid #6c6d75;
	border-bottom: none;
	font: bold 16px Palatino, serif;
	font-variant: small-caps;
	letter-spacing: 1px;	
	text-align: center;
	text-decoration:none;
	color:#000; 
	width:100px; 
	height:30px;  
	line-height:29px; 
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-color:#c9ba65;}
.menu ul ul :hover > a.drop {background-color:#ccccff;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
 
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d7e8; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;text-align: left;font-family: "Arial", sans-serif;font-variant: normal; font-weight: normal; letter-spacing: normal; font-size: 13px;border: 1px solid #6c6d75;box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#6c6d75;}
.menu :hover > a, .menu ul ul :hover > a {color:#6c6d75;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}






/* Content
-----------------------------------------------------------------------------*/
#content-wrap {
	float: left;
	width: 1001px;
	margin: 0;
	padding: 0;
	background: url(images/content-bg.jpg) top left no-repeat;
	min-height: 400px;
	z-index: 99999;
}

#content {
	float: left;
	width: 610px;
	margin: 0;
	padding: 15px 20px 0 75px;
	border-right: 1px solid #333333;
	font: 18px Palatino, serif;
	line-height: 22px;
	z-index: 99998;
}

#content p.white {
	/*color: #fff;*/
}

#content ul {margin-left: 15px;}

h2#page-title {
	/*color: #fff;*/
	font: 26px Palatino, serif;
	font-weight: 900;
	margin: 0 0 10px 0;
}

h2#page-title a {
	/*color: #fff;*/
	font-size: 26px;
	text-decoration: none;
}

#content h2, #content h2 a {
clear: both;
}

.post_nav {
	text-align: center;
}

#content .menu {
	margin: 100px 0 0;
	padding: 0;
	list-style: none;
}
#content .menu li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
#content .menu a {
	padding: 14px 10px;
	display: block;
	color: #000000;
	width: 144px;
	text-decoration: none;
	font-weight: bold;
	background: url(images/button.gif) no-repeat center center;
}
#content .menu li em {
	background: url(images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

blockquote {
	font-size: 12px;
	font-style: italic;
	padding: 10px 50px;
}

blockquote object {
	margin: 0 0 10px 0;
}

p.meta {
	font-size: 12px;
}


/* Sidebar
-----------------------------------------------------------------------------*/

ul#sidebar {
	float: left;
	width: 200px;
	margin: 0;
	padding: 15px 60px 0 15px;
}

ul#sidebar h2 {
	font-size: 18px;
	color: #000066;
}

ul#sidebar li {
	list-style-type: none;
	font-size: 14px;
}

ul#sidebar li ul {
	margin: 7px 8px 8px 10px; padding: 0;			
}

ul#sidebar li ul li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
}

#wimpyplayer a {font-size: 12px;}

div#quotescollection_randomquote-0 p#quotescollection_nextquote-0 {
	text-align: right;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

div.textwidget {
	margin: 0 0 20px 0;
}

/* @end */

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

#footer {
	clear: both;
	width: 1001px;
	padding: 0;
	margin: 00;
	height: 100px;
	background: url(images/footer.jpg) bottom left no-repeat;
}

#footer p {
	text-align: center;
	font-size: 11px;
	width: 1001px;
	margin: 0;
	padding: 80px 0 0 0;
	color:#fff;
}

#footer a:link, #footer a:visited  {
	color:#ffff00;
}

#footer a:hover  {
	text-decoration: underline;
}

/* Forms
-----------------------------------------------------------------------------*/

form {
	margin:10px; padding: 0 5px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	color:#000;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#000;
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #000066;
	height:100px;
	display:block;
	color:#000;
}
input.button { 
	font: bold 12px Verdana, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #000;
	/*background: #e7e6e6 url(button.jpg) repeat-x;*/
	border: 1px solid #000066;
}

#searchform {
	background-color: transparent;
	border: none;	
	margin: 0 5px 0 10px;
	padding: 5px 0 15px 0;	
	/*width: 190px;*/
}

#searchform input {
	width: 150px;
	color: #000; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}

#searchform #searchsubmit {
	width: 60px;
	height: 24px;
	/*margin-top: 10px;*/
	padding: 2px 5px;
	vertical-align: top;
}

#author {
	margin-top: 20px;
}

ol#comments {
	margin-left: 15px;
}

#commentform button#sub {
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	margin-bottom: 15px;
	padding: 2px 3px; 
	color: #000;
	background: #e7e6e6 url(button.jpg) repeat-x;
	border: 1px solid #dadada;
}

table {
  width: auto;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table td {
  padding: 0;
	margin: 0;
	vertical-align: top;
}

table#home {
padding: 0;
margin: 0 15px 45px 15px;
width: 570px;
}

table#home td {
padding: 0;
margin: 0;
width: 190px;
}

table#contact {
padding: 0;
margin: 0 0 130px 0;
width: auto;
}

table#contact form.ddfm, table#contact div.ddfmwrap  {
padding: 0;
margin: 0;
}

table#contact p, table#contact label {
padding: 0 5px 0 0;
margin: 0;
font-size: 16px;
}

table#contact input {
border: 1px solid #000066;
color: #000066;
}


/* Image Alignment and Caption
-----------------------------------------------------------------------------*/


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

.alignleft {
   float: left;
   margin:  0 10px 0 0;
}

.alignright {
   float: right;
   margin:  0 0 0 10px;
}

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

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

.wp-caption p.wp-caption-text {
	 font: 16px Palatino, serif;
	 Color: #4873f5;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.navigation {
	clear: both;
	font-size: 12px;
	margin: 20px 0;
	float: left;
}

/*** Featured Content Gallery ***/
#slides {
	background:url(images/feature-frame.jpg) top center no-repeat;
	width: 550px;
	height: 353px;
	margin: 0 0 20px 30px;
}

#featured {
	width: 526px;
	margin: 0;
	padding: 0;
}

#myGallery {
	margin: 10px 0 0 11px;
	background-color: transparent !important;
	float: left;
	position: relative;
}

#myGallery .slideInfoZone {
	padding: 0 15px;
	width: 510px;
}

#myGallery p {
	line-height: 16px;
}