/*

Theme Name: Dana's Angeles  

Theme URI: http://wordpress.org/

Description: DART website and blog 

Version: 1.0

Author: Vanessa Wood - Design to Spec LLC

Author URL: http://designtospec.com/



*/





/*////////// GENERAL //////////*/

body {
	background-color: #2e3233;
	margin-left: 10px;
	margin-top: 10px;	 
}

#box1 {

	padding: 12px;

	width: 400px;

	border: 2px solid #F0C;

}

ul {

	text-align: left;

	list-style-type:none;

	padding-left: 0px;}

	

li {

	text-align: left;

	list-style-type:none;}


#container {

	margin-left: 10px;
	margin-top: 10px;

	width: 900px ;

	border: 0px solid #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #2e3233;

	line-height: 18px;

	background-color: #2e3233;

	}

#container2 {

	border: 0px solid #000;

	background-color: #FFF;

}

#container3 {
	width: 898px;
	float:left;
	border: 1px solid #000;
	background-color: #FFF;
	background-image: url(images/title-bg.jpg);
	background-repeat: no-repeat;
}

/*////////// TYPEOGRAPHY //////////*/

h1 {

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 24px;

	color: #FFF;

	font-weight: bold;

	font-style: normal;

}

h2 {

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 24px;

	color: #333;

	font-weight: normal;

	font-style: normal;

}



h3 {

	font-family: "Trebuchet MS", Arial;

	font-size: 14px;

	font-weight: bold;

	color: #007792;

}

 

p {

	margin-bottom: 18px;

}

.post img {

	

	padding-right: 10px;

	padding-bottom: 8px;}
	
#imgLT {
	float: left; }

a {
	color: #39C;
}

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

a:visited {
	color: #39C;}

/*////////// Top NAVIGATION //////////*/

#topTag {
	width: 900px;
	height: 30px;
	background-color: #2e3233;
	text-align: left;
	margin-top: 5px;
}
.topWhite {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-style: italic;
	}

.topNAV a {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 13px;

	color: #996438;

	font-weight: normal;

	text-decoration: none;

	line-height: 18px;

	}



.topNAV a:hover {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 13px;

	color: #f087b2;

	font-weight: normal;

	text-decoration: underline;

	line-height: 18px;	 

}

 



/*////////// HEADERS //////////*/

#header {

	border: 0px solid #00ff00;

	width: 900px;

	height: 180px;

	background-image: url("images/masthead-5.jpg");

	background-repeat: no-repeat;

	background-color: #2e3233;

}

#header p, #header h1, #header h2/**/ {

/*display: none;*/

}

/*////////// CONTENT //////////*/

#content {
	width: 530px;
	float:left;
	border: 0px solid #333333;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}
.post h1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 24px;
	color: #333;
	font-weight: normal;
	font-style: normal;
	line-height: 120%;
}

.post h2 {

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 24px;

	color: #FFF;

	font-weight: bold;

	font-style: normal;

}
.pagetitle {

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 24px;

	color: #FFF;

	font-weight: bold;

	font-style: normal;}
.event {
	font-family: "Comic Sans MS", cursive;
	font-size: 20px;
	color: #C30;
	font-weight: bold;
	font-style: italic;
	line-height: 110%;
}
	
.post h3  {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	line-height: 120%;
	font-style: normal;
}

.post h5  {
	font-family: "Comic Sans MS", cursive;
	font-size: 22px;
	font-weight: bold;
	color: #C30;
	line-height: 120%;
	font-style: italic;
}
.post a {

	font-size: 12px;

	color: #3C0;

}

.post a:hover {
	font-size: 12px;
	color: #39C;
	text-decoration: underline;
}

.post a:active {

    font-size: 12px;

	color: #3C0;

	text-decoration: underline;

}

.post a:visited {

	font-size: 12px;

	color: #3C0;

	text-decoration: underline;

	} 



.widgettitle h2 {

	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	line-height: 120%;
	font-style: normal;

	text-decoration: none;
}


	

.post h2 a {

	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	line-height: 120%;
	font-style: normal;

	text-decoration: underline;
}

.post h2 a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #09F;
	line-height: 120%;
	font-style: normal;
	text-decoration: underline;
}

.post h2 a:active {
font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	line-height: 120%;
	font-style: normal;

	text-decoration: underline;

}

.post h2 a:visited {

	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #333;
	line-height: 120%;
	font-style: normal;

	text-decoration: underline;

	} 	






	

	

.post h3 a {

	font-size: 22px;

	color: #069;

}

.post h3 a:hover {

	font-size: 22px;

	color: #6C0;

	text-decoration: underline;

}

.post h3 a:active {

    font-size: 22px;

	color: #6C0;

	text-decoration: underline;

}

  	

	

/*////////// SIDEBARS //////////*/



#sidebarRT {
	list-style-type:none;
	width: 230px;
	float: right;
	border: 0px solid #0000ff;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
}

.sidebarRT ul {

	margin: 0;

	padding: 0;

}

.sidebarRT li {

	list-style-type:none;   

}



	

.sidebarRT a {

	font-size: 12px;

	color: #069;

}

.sidebarRT a:hover {

	font-size: 12px;

	color: #6C0;

	text-decoration: underline;

}

.sidebarRT a:active {

    font-size: 12px;

	color: #6C0;

	text-decoration: underline;

}

.sidebarRT a:visited {

	font-size: 12px;

	color: #069;

	text-decoration: underline;

	} 	

	

	

/*////////// NAV //////////*/

/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



#nav {background-color: #0077a2; width: 900px;}



.menu {width:890px;

	height:32px;

	position:relative;

    margin-left: 10px;

	z-index:100;

	border-right:0px solid #000;

	font-family:Arial, Helvetica, sans-serif;

	font-size: 24px;

}



/* 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:149px;

	position:relative;

	text-align: center;

}

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:0px solid #007792; border-width:1px 0 1px 1px; background:#0077a2; padding-left:10px; line-height:29px; font-weight:bold;}

/* 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:#0077a2 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#cccccc url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

.menu ul ul :hover > a.drop {background:#666666 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#0077a2;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#0077a2;}





/* 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:#CCCCCC; color:#333; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;width:128px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#FFF; background:#a5cfdf;}

.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#a5cfdf;}



/* 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;}







/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  color: red;

  background: white;

  border-left: 1px solid black;

}



.menu .current_page_item a {

  color: red;

  font-weight: bold;

  background: white;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: #a5cfdf;

}



.menu ul .current_page_item ul a:hover {

  background: gray;

}



.menu .current_page_item a:hover {

  background: white;

}









/*////////// BLOG ELEMENTS //////////*/

/*////////// FORMS //////////*/

/*////////// FOOTER //////////*/



#pushbottom{

clear:both;

}
#pushbottomB{

clear:both;

}

#footer {

	border: 0px solid #000033;

	height: 60px;

	width: 900px;

	margin-left: 10px;

	margin-bottom: 30px;

}

#footerRight{

margin: 0 10px 0 10px;

width:400px;

float:right;

border: 0px solid #552200;

}

#footerLeft{

margin: 0 10px;

width: 700px;

float:left;

border: 0px solid #332200;

}

#footer h3{

display: none;

}
.footNAV {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #69C;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;	
	}
.footNAV a {

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3C0;

	font-weight: normal;

	text-decoration: none;

	line-height: 18px;

	}



.footNAV a:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #69C;
	font-weight: normal;
	text-decoration: underline;
	line-height: 18px;
}

.footNAV a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3C0;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;
	}



/*////////// IMAGES //////////*/



a img { border-style:none; }





.post a img { border-style:none; }



/*////// FUN CLASSES ///////////*/

/*any little extra flares and fun design

elements you want to add can go here*/

.smaltext {

	font-size: 12px;

	color: #999999;

}

.bluetext {
	font-size: 14px;
	color: #0077a2;
}

 

 

.caption {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #69C;
	line-height: 18px;
	font-style: normal;
}

.signupframe {

  border: 2px solid #F186B4;

  background: #ffffff;

  color: #9A6439;

  font-family: Arial, Helvetica, sans-serif;

}