/*  
Theme Name: Flux Site
Theme URI:
Description: Design For Flux (template based on Green Love)
Author: DT |Design this
Author URI: http://www.davidltownsend.com/
*/

body { font-family:"Lucida Sans", Helvetica, sans-serif; font-size:10px; background:#000; color:#FFF; margin:0px;}

p {
	margin-bottom: 10px;
}

#wrap { background:#333 url(images/Main_top_bg.png) 0 127px repeat-x ; margin:0px auto; padding:0px; width:850px; border-left:#000 1px solid; border-right:#000 1px solid; }

#top { background:#000; margin: 0px auto; padding: 0px; height: 102px; clear:both; border:none; }

#top a, #top a:hover {border:#000 1px; }


a:link { text-decoration: none; font-weight:bold; color : #FFF; border: 0px;}

a:visited { text-decoration: none; font-weight:bold; color : #FFF; border: 0px;}

a:hover	{ text-decoration: none; font-weight:bold; color : #900; border: 0px;} 

a img{ border:none;}

#blogtitle {display:none; font-family: "Lucida Sans", Helvetica, sans-serif; color: #FFF; text-align:left; font-size:28px; line-height:100%; padding:0px 0px 0px 0px; text-transform:capitalize; margin:0px; }

#blogtitle a:link,#blogtitle a:active,#blogtitle a:active,#blogtitle a:visited,#blogtitle a:hover { display:none;text-decoration: none; color : #990000; border-right: 1px #555 solid; padding-right:20px;}


#blogdesc { float: left; color: #1d2224; padding-left:205px; text-align:left; font-size:12px; padding-top:0px; text-transform:capitalize; margin:0px; }

#menuh-container
	{
	position: relative;
	top: 0;
	left: 0;
	height: 26px;
	width: 850px;
	background:#000 url(images/nav_bg3.png) top repeat-x;;
	}


.menu {width:820px; height:25px; font-size:0.85em; position:relative; z-index:100;font-family: "Lucida sans", helvetica, sans-serif; margin-left:50px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:821px; w\idth:820px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px;margin:0;list-style-type:none;background:#000 url(images/menu_bg2.gif) repeat-x;}
.menu ul ul {width:129px;}

/* 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:129px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:119px; height:26px; border:1px solid #000; border-width:0px 0 1px 1px; background:transparent; line-height:25px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:129px; w\idth:128px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#666;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#666;}
		
/* 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:24px;left:0; width:119px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:26px;}

/* position the third level flyout menu */
.menu ul ul ul{left:120px; top:-1px; width:119px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-129px;}

/* 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:#ccc;color:#000; height:auto; line-height:1em; padding:5px 10px; width:99px; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:118px;w\idth:119px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:url(images/menu_bg2.gif) top repeat-x;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;url(images/menu_bg2.gif) top repeat-x;}

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

.menu li a.top_parent {
	color: black;
	text-transform: uppercase;
	letter-spacing:1px;
        border:none;
        text-align:center;

}

.menu a.top_parent:hover {
	background:url(images/nav_bg3_over.gif) top repeat-x;
	color:white;
}

.menu a.parent:hover {
	background:url(images/menu_bg5.gif)top repeat-x #999;
}

.menu ul ul a.hdr, .menu ul ul a.hdr:hover {
	color: white;
	background:#990000;
}

.menu ul.child{
      background: #333 url(images/menu_bg5.gif) bottom repeat-x;
}


/* End CSS Drop Down Menu */


ul {margin:0; padding-left:5px;}

#RecentPosts ul, #RecentPosts ul li {
    list-image-style:none; list-style:none;
}
#RecentPosts li {background:#222;padding:10px 30px 10px 10px;margin-bottom:5px;border-bottom:#666 1px solid; width:500px;}

#RecentPosts ul li span {font-size:14px; color:#666;}

#search {float: right; height: 20px; width: 100px; margin-top:15px; }

#sidebar_wrap {margin:0px; float:left; width: 204px; min-height: 650px; }

.sidebar_btm {width:204px; height: 20px; position:relative: top:15px; left:0;background:url(images/sidebar_btm.png) bottom left repeat-x;}

.sidebar {width: 200px; padding:10px 2px 2px 2px; background:#900 url(images/nav_bg.gif) repeat-x top; }

.sidebar h2 { font-size: 14px; padding: 3px 5px; margin-right:10px; border-bottom: solid 2px #ccc; color:#FFF;}

.sidebar a {font-size:12px; color:#000; letter-spacing:1px; }

.sidebar a:hover{color:#CCCCCC;}

.sidebar img {margin:10px auto;}

.sidebar ul { list-style-type: none; margin: 0 0 0 0px; padding: 0px; }

.sidebar ul li { list-style-type: none; margin: 0px; padding:0 10px; color: #000; letter-spacing:1px; font-size: 12px;}

.sidebar ul li ul { list-style-type: none; margin: 0px; padding: 0 3px; }

.sidebar ul li ul li { list-style-type:none;  background: transparent; padding: 2px; border: 0; margin: 0; }


.left { margin: 40px 0 10px 20px; line-height: 16px; padding: 10px 10px 10px 15px;  float: left; width: 600px; min-height:640px; overflow:hidden; background:#333; }

.left h1 { font-size:24px; padding: 10px 0px 10px 3px; margin: 0px 7px 10px 0px; color:#FFF; background: url(images/h1_bg.png) top repeat-x; border-top:1px #ccc solid;}

.left h2 { font-size:16px; padding: 5px 0px; margin: 0px 7px 3px 0px;color:#000; text-transform:uppercase;}

.left h3 { font-size:18px; padding: 3px 0px; margin: 0px 7px 3px 0px; font-weight:bold; color:#FFFF99; border-bottom: 2px #555 solid;}

.left h3 a {color:#FFFF99;text-decoration: none;}
.left h3 a:hover {color:#990000;text-decoration: none;}

.left h4 { font-size:14px; padding: 3px 0px; margin: 0px 7px 3px 0px; color:#666; }

.left h4 a {color:#99000; }

.left h5 { font-size:14px; padding: 3px 0px; margin: 0px 7px 3px 0px; color:#666;font-style:italic;}

.left h6 { font-size:12px; padding: 3px 0px; margin: 0px 7px 3px 0px; color:#555; text-align:right;}

.left p {font-size:13px; color:#FFF; margin-bottom: 10px;}

.left strong {color:#FFFF99; letter-spacing:1px; font-style:italic; }

.left img { border:1px #ccc solid; }

img.wp-smiley { border:0px;}

.mission h5 {color:#000;}

.recent { margin-left: 30px}

.bio strong {color:#990000;}

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }

.alignright { float: right; }

.alignleft { float: left; }

.postmetadata { background:#111; font-size:10px; padding:5px; border-bottom:#333 1px solid; border-top:#333 1px solid; }

table {margin:0px;}

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 2px solid #ddd; color:#666;}

blockquote cite { margin: 5px 0 0; display: block; }

#backbtn {margin-top: 15px;}
 
#backbtn img {border:none;margin-bottom:-10px;}

.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}

ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }

ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }

ol.commentlist li.commenthead { list-style: none; margin: 0; }

ol.commentlist li.commenthead h2 { margin: 0;}

input#searchsubmit{ background:#111;border:1px solid #333; color:#666;font-size:13px; }

input#submit{ background:#999;border:1px solid #333; color:#666;font-size:13px; }

input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc; margin-top: 2px;}

textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

#footer { font-size: 11px; color: #fff; background: #111; height: 28px; padding: 0px; margin-top: 10px; text-align:center; clear:both; border-top:1px #555 solid; }