/*  
Theme Name: Angelic Designs
Theme URI: http://www.makequick.com
Description: A smooth blue design for you!
Version: 1.0
Author: Make Quick
Author URI: http://www.makequick.com

	This theme is released under Creative Commons Attribution 2.5 License.

*/
body {
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background3.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	background-color: #142F01;
	background-attachment: fixed;
	background-position: top;
	text-align: left;
}





.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 

a {
	color: #006600;
	text-decoration: underline;
}
a:visited {
	color: #006600;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}
img {
	border: none;
}
p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h1 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.title a {
	margin:0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: lighter;
}

.title a:hover{
	margin:0px;
	color: #FFFFFF;
	background-color: #006600;
	font-family: verdana;
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: lighter;
}


.slogan {
color: #FFFFFF;
size: 12px;
}
h1 a, h1 a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
h1 a:hover{
	color: #000000;
	text-decoration: underline;
	border: none;
}
h2 {
	color: #009900;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

h4 {
	color: #758d38;
	margin: 10px 0px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
}
form {
	margin:0px;
	padding:0px;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background-color: #FFFFFF;
}
#page {
	width: 900px;
	background-color: #FFFFFF;
	background-image: url(images/page-bgd-grad.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* header area */
#header {
	BACKGROUND-IMAGE: url(../../../headers/rotate.php);
	POSITION: relative;
	WIDTH: 900px;
	BACKGROUND-REPEAT: no-repeat;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	/* mike - removed the height attribute.
	Adding height to div tags generally isn't a good idea work */
	background-color: #006634;
}
#headerimg {
	position: relative;
	width: 900px;
	visibility: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
}
#headerimg .description{
	color: #F6F5EE;
	font-size: 14px;
	float: right;
	visibility: hidden;
}
#navi {
	height: 30px;
	width: 900px;
	margin-left: 0px;
	text-align: left;
	top: 0px;
	margin-top: 124px;
    /*
	#margin-top:20px;
	mike - the # attribute should hide the CSS selector from the browser. But IE ignores it. Therefore we
	can use it to set the top margin of the navigation (i.e. the distance between the top of the header and where you 
	want the navigation to be. Previously this was set at 20 px for some reason - which is why it was appearing
	like that. I've increased this, and it now works. 
	*/
	#margin-top:120px;
}
#nav {
	list-style: none;
	padding: 0px;
	float: left;
	margin: 0;
	width: 900px;

}
#nav li {
	float: left;
	height: 30px;
	margin: 0 3px;
	white-space: nowrap;
}
#nav .page_item a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #005A2D;
}
#nav li:hover {
	background-color: #009900;
}
#nav .page_item a:hover {
	border: none;
	background-color: #000000;
}

#nav li.current_page_item {
	color: #198CBB;
	text-decoration: none;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
	color: #006600;
	text-decoration: none;
	background-color: #FFFFFF;
}

/* content area */
#content {
	float: left;
	width: 600px;
	overflow: hidden;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 13px;
}
#content img {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
}

.post {
	clear:both;
	padding-top: 15px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.entry {
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat left center;
	padding-left: 20px;
	float:left;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat left bottom;
	padding-left: 20px;
	float: right;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.post-info {
	padding: 10px;
	height: 15px;
	background: #FFFFFF;
	color: #9ECEE4;
	font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
}
.post-info a {
	color: #006600;
	text-decoration: underline;
	font-weight: normal;
}
.post-info a:hover {
	color: #000000;
	text-decoration: none;
	background: none;
}
.post-content blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
	color: #006600;
	background-image: url(images/page-bgd-grad.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D1E2DC;
	border-bottom-color: #D1E2DC;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}

/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #4395BC;
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 10px;
	padding-bottom: 0px;
}
.commentlist .alt {
	border: 1px dotted #C1DDEF;
	background-color: #F5FCE5;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#E6F0FC;
	border: 1px dotted #D0D0BF;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 485px;
	height: 115px;
	border: 1px solid #C1DDEF;
	padding: 2px;
	margin-top: 3px;
	background-color: #FFFFCC;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	border: 1px solid #7FD4F4;
	color: #006600;
	float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/*sidebar */
#sidebar {
	float: right;
	width: 220px;
	color: #666666;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
	color: #006600;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: Arial, Helvetica, FreeSans, clean, sans-serif;
}
/*sidebar text styles */
#sidebar a:hover{
	border: none;
}
#sidebar a, #sidebar a:visited{
	color: #006600;
	text-decoration: none;
}
#sidebar li a:hover{
	color: #006600;
	text-decoration: underline;
}
.widget {
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #EDEDED;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-color: #E3EECC;
	border-right-color: #E1E1E1;
	background-color: #FFFFFF;
	background-image: url(images/widget-grad.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/*sidebar list level1 */
#sidebar ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
#sidebar ul li {
	list-style: none;
	padding: 0;
	border: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}
/*blogroll */
ul.linkcat li, div.linkcat li{
	background: url(images/mini-blogroll.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
/*category widget */
ul.list-cat li, div.widget_categories li{
	background: url(images/mini-category.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives div, li.widget_archives li{
	background: url(images/mini-monthly-archive.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, div.widget_pages li, li.widget_recent_entries li{
	background: url(images/mini-page.gif) no-repeat left center !important;
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul div, li.widget_pages li ul li{
	background: url(images/mini-page-arrow.gif) no-repeat !important;
	padding-left: 10px !important;
}
/*recent comments widget */
div.widget_recent_comments li{
	background: url(images/mini-recent-comments.gif) no-repeat !important;
	padding-left: 20px !important;
}
/*calendar widget */
div.widget_calendar td {
	padding: 1px 5px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}

/*search form */
#search {
	float: right;
	text-align: right;
	padding-top: 4px;
	margin-top: -26px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	visibility: visible;
	clear: both;
}
#searchform {
	margin: 3px 0 0;
}
#searchform br {
	display: none;
}
#searchform #s {
	width: 130px;
	height: 17px;
	padding: 3px 5px 0px 5px;
	border: 1px solid #4395BC;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background: none;
	border: none;
	height: 16px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	vertical-align: middle;
}


/* footer area */
#footerbg {
	clear: both;
	padding-bottom: 20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#footer {
	width: 900px;
	font-size: 95%;
	color: #303030;
	line-height: 130%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer a, #footer a:visited {
	color: #0C72A2;
}
#footer h4 {
	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
	color: #0C72A2;
	margin: 10px 0px 5px;
}
.footer-recent-comments {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-comments ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-recent-comments ul li {
	background: url(images/mini-footer-icon.gif) no-repeat 5px 4px;
	padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
	width: 240px;
	float: left;
	margin-left: 10px;
}
.footer-recent-posts strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-recent-posts ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-recent-posts ul li {
	background: url(images/mini-footer-icon.gif) no-repeat 5px 4px;
	padding: 0px 0px 10px 20px;
}
.footer-meta {
	width: 100%;
	float: left;
	margin-left: 20px;
}
.footer-meta strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-meta ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-meta ul li {
	background: url(images/mini-footer-icon.gif) no-repeat 5px 4px;
	padding: 0px 0px 10px 20px;
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
	display: inline;
}
/* credits */
#credits {
	margin: 0px auto;
	width: 720px;
	color: #303030;
	font-size: 85%;
	margin-left: 50px;
}
#credits a, #credit a:visited {
	color: #0C72A2;
}
.footer-meta ul li.rss {
	background: url(images/mini-rss.gif) no-repeat left 2px;
	padding: 0px 0px 10px 20px;
}
.loginout {
	background: url(images/mini-loginout.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 8px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}