/*
Theme Name: The Unleashed
Version: 1.0
Theme URI: http://yourdesign.co.za
Description: Designed by <a href="http://www.YourDesign.co.za">Michael Montgomery</a>.
Author: Michael Montgomery
Author URI: http://yourdesign.co.za
Tags: Fully-Widgetised, Custom-Admin, Jquery, Featured-Image, Vimeo 
*/

@import url(css/colours.css);
@import url(css/typography.css);

/*************************
             Structure
*************************/
html { height: 100%;}
body { height: 100%;}

p{ line-height:170%;}
h1 { font-size: 22px;}
h3, h2, #sidebar h3, #sub-features h3, #footer #footer-widgets h3, .widget h3 { font-size:22px;}
#footer #footer-widgets h3, .widget h3 { font-size:18px;}
h4{ font-size: 16px;}
h5{ font-size: 14px;}
h6 { font-size: 12px;}

#page {
		margin: 0;
		padding: 0;
		width: 100%;
		}

#wrapper {
	text-align: left;
	padding-bottom: 40px;
	margin-top: 330px;
    height:auto !important;
   min-height:100%;
}	


/* This hides the 'skip to' links and maintains accessibility */
		
#skip {
		position: absolute;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
		}

#content {
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 5px;
		}

.post {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-left: 15px;
		}

.postmetadata {
		margin: 30px 0;
		}

.smallattachment {
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
		}

.attachment {
		margin: 5px 0px;
		}

.postmetadata {
		clear: both;
		}
/*************************
              Logo
*************************/

/*************************
              Images
*************************/
p img {
		padding: 0;
		max-width: 100%;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		border: 3px solid #E4E4E4;
		}

img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		border: 3px solid #E4E4E4;
		}

.alignright {
		float: right;
		}

.alignleft {
		float: left
		}
		
/*************************
              Lists
*************************
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
		}

html>body .entry li {
	font-size: 14px;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
		}

.entry ol {
		padding: 0 0 0 35px;
		margin: 0;
		}

.entry ol li {
		margin: 0;
		padding: 0;
		}

.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}

/*************************
              Form Elements
*************************/
#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: left;
		}

/**************************************************
	NAVIGATION
**************************************************/
.nav {
	text-transform: uppercase;
	font-size:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 45px!IMPORTANT;
	z-index: 999;
	float: left;
	display: block;
	background-color: #000000;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#footer-nav{
	font-size:14px;
	height: 25px;
}
/*************************
              Superfish
*************************/
.nav .sf-menu {
	float: left;
	margin-bottom:1em;
	padding-top: 8px;
}

.sf-menu a {
	text-decoration:none;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#FFFFFF;
	text-decoration: none;
}
.sf-menu li {

}
.sf-menu li li {
	background-color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.sf-menu li li li {
	background-color: #333333;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:0;
	color:#F2A400;
	z-index: 999;
	text-decoration: none;
}
	
.postmetadata {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding-bottom: 15px;
	border-left-style: none;
}
/*************************
              Sidebar
*************************/
#sidebar{
	overflow:hidden;
	font-size: 14px;
	margin-bottom: 80px;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 25px;
}
/*************************
              Ul / Li
*************************/
#sidebar ul {
	border:none;
}

#sidebar ul ul {
		margin: 0;
		padding: 0;
}
#sidebar li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e7e7;
	padding: 0px;
	display: block;
	border-bottom-style: none;
}
#sidebar li a {
	border:none;
	color:#999999;
	line-height:18px;
	padding:3px 0;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background:url(images/sidebar-ul-li-bg.jpg) repeat 0 0;
	display: block;
	height:100%;
}
#sidebar li a:hover {
	background-position:0 50;
	color:#F2A400;
	text-decoration: none;
}		
	
#sidebar h3 {
	line-height: 150%;
	margin-top: 5px;
	margin-bottom: 12px;
	color: #000000;
		}		
#sidebar #recentcomments li{
	height:100%;
	padding: 5px;
}
#sidebar #recentcomments li a {
	border:none;
	padding:3px 0;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	display: none;
	height:100%;
	background-image: none;
}
#sidebar #recentcomments li a:hover {
	color: #F2A400;
}
#sidebar .widget  {
	margin: 0 0 30px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
}

/*************************
              Search Form
*************************/
#sidebar #searchform  {
	margin: 15px 0 0 0;
	border: 1px solid #CCCCCC;
	position:relative;
	background-image: url(images/sidebar-ul-li-bg.jpg);
	background-position: left top;
}
#sidebar #searchform .btn {
	position:absolute;
	right:10px;
	bottom:0;
	top: 4px;
}
#sidebar .widget input#s, #sidebar .widget input.field  {
	width: 180px;
	margin-left:10px;
	border: 0;
	color:#999999;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	background-image: url(images/sidebar-ul-li-bg.jpg);
	background-position: left top;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

select {
		width: 130px;
		}

#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
		}

#commentform {
		margin: 5px 10px 0 0;
		}

#commentform textarea {
		width: 100%;
		padding: 2px;
		}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}

#commentform #submit {
		margin: 0 0 5px auto;
		float: right;
		}

/*************************
              Comments
*************************/

.alt {
		margin: 0;
		padding: 10px;
		}

.commentlist {
		padding: 0;
		text-align: justify;
		}

.commentlist li {
		margin: 15px 0 10px;
		padding: 5px 5px 10px 10px;
		list-style: none;
		}

.commentlist li .avatar { 
		float: right;
		padding: 2px;
		}

.commentlist li ul li { 
		margin-right: -5px;
		margin-left: 10px;
		}

.commentlist p {
		margin: 10px 5px 10px 0;
		}

.children {
		padding: 0;
		}

#commentform p {
		margin: 5px 0;
		}

.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

.commentmetadata {
		margin: 0;
		display: block;
		}

/*************************
               Calendar
*************************/
#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

#wp-calendar a {
		display: block;
		}

#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

/*************************
              Tags & Classes
*************************/
acronym, abbr, span.caps {
		cursor: help;
		}

blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		}

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

.center {
		text-align: center;
		}

.hidden {
		display: none;
		}

hr {
		display: none;
		}

.navigationTop {
		display: block;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
		}

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

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

.wp-caption {
		text-align: center;
		padding-top: 4px;
		margin: 10px;
		}

.wp-caption img {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
		}

.wp-caption p.wp-caption-text {
		padding: 0 4px 5px;
		margin: 0;
		}

.wp-caption-text{
	font-weight: bold;
	text-align: center;
}

/*************************
              Twitter
*************************/
#twitter {
	color:#777;
	font-size: 13px;
	min-height:60px;
	width: 470px;
	padding-left: 10px;
	margin-top: -85px;
	margin-bottom: 30px;
}

#twitter  #twitter_update_list { margin-left:0px; }
#twitter #twitter_update_list li { line-height:18px; }

/*************************
           Feature Portfolio
*************************/

#featured_portfolio {
	display: block;
	height: 458px!IMPORTANT;
	width: 805px!IMPORTANT;
	overflow: hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin-top: 87px;

}
#featured_portfolio ul li {
	height: 458px!IMPORTANT;
	width: 805px!IMPORTANT;
	overflow:hidden;
}
/*************************
          ALT Feature Portfolio
*************************/

#alt-featured_portfolio {
	display: block;
	height: 212px!IMPORTANT;
	width: 867px!IMPORTANT;
	overflow: hidden;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 6px;
	margin-top: 87px;

}
html>body #alt-featured_portfolio {
	height: 200px!IMPORTANT;
	width: 855px!IMPORTANT;
} 
#alt-featured_portfolio ul li {
	height: 200px!IMPORTANT;
	width: 855px!IMPORTANT;
	overflow:hidden;
}
/*************************
           Feature Portfolio
*************************/
#featured-pause{
	z-index: 999;
	height: 11px;
	width: 220px;
	position: absolute;
	display: block;
	text-align: left;
	margin-top: 105px;
	float:left;
	left:65%!IMPORTANT;
	text-align:left;
}
/* http://www.gowestwebdesign.com/demos/jquery-cycle-gallery-next-back-paging/  */
span#featured_nav{
display:block;
}
body #featured_nav a{
	background-color:#FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	font-size:1px;
	height:8px !important;
	width:15px !important;
	line-height:1px;
	display:block;
	float:left;
	margin-right: 15px;
}
body #featured_nav a.activeSlide{
	background-color:#66cc00;
	color:#66cc00;
	border: 1px solid #999999;
}


/*************************
           Main Page Content
*************************/
#main_page_content{
	border: 1px solid #999999;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10;
	padding-left: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
/*************************
           Sub Features
*************************/
#sub-features {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#sub-features .block { width:440px; margin:0 40px 30px 0; float:left; }
#sub-features .block.last { margin: 0 ; }
#sub-features .feature { margin-left:65px; }
#sub-features .attachment-thumbnail, #sub-features .attachment-post-thumbnail{ float:left; }
#sub-features h3 {padding:0; margin :5px 0; }
#sub-features p { padding-bottom:15px; margin-top:0;  }
.readmore-div{
	margin-top: -15px;
}
a.readmore, a.more-link {
	color:#333;
	font-size:10px;
	text-transform:uppercase;
	border:none;
	clear: both;
	background-color: #F9F9F9;
	text-align: center;
	width: 100px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
a.readmore:hover , a.more-link:hover{
	color:#F2A400;
	text-decoration:none;
	background-color: #E4E4E4;
}

/*************************
           Footer
*************************/
#footer-top-img{
	height:68px;
	padding: 0px;
	position: absolute;
	margin-top: -75px;
	float: right;
	left: 500px;
}
#footer{
	font-size:12px;
	background-color: #323232;
	color: #bbbbbb;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#footer #credit, #footer #copyright { color: #777; }
#footer #credit a, #footer #copyright a { color: #999; }

#footer #footer-credits {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

#footer #footer-widgets { margin-top:20px; color:#bbbbbb; font-size:14px; }
#footer #footer-widgets p {
	color:#bbbbbb;
	font-size: 14px;
}
#footer #footer-widgets h3 {color:#fff; font-weight:normal;}

/* UL LI */
#footer #footer-widgets ul { border:none; }
#footer #footer-widgets li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #575757;
	padding: 0px;
	display: block;
}

#footer #footer-widgets li a {
	border:none;
	color:#999999;
	line-height:18px;
	padding:3px 0;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	display: block;
	height:100%;

}
#footer #footer-widgets li a:hover {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #333333;
}
#footer #recentcomments li { padding: 5px}
/*************************
           Widgets
*************************/

/* Generic Widgets */
#footer .widget  {
	margin: 0 0 30px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #575757;
}

.widget h3  { margin: 0 0 15px 0;text-transform:uppercase; text-transform:uppercase; color:#777; }

.widget p { color:#666; }
.widget ul  { clear:both; }
.widget ul li  {
	padding-left:15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.widget ul li a  { display: block; padding: 3px 0; line-height: 18px; text-decoration: none; color:#666; }
.widget ul li a:hover  { color: #000; }
.widget ul ul  { padding: 0; margin:0; border-top: none; }

/* WIDGET FORMS */
#footer #searchform  {
	margin: 15px 0 0 0;
	border: 1px solid #999999;
	position:relative;
	background-color: #666666;
}
#footer #searchform .btn {
	position:absolute;
	right:10px;
	bottom:0;
	top: 4px;
}
#footer .widget input#s, #footer .widget input.field  {
	width: 180px;
	margin-left:10px;
	border: 0;
	color:#CCCCCC;
	background-color: #666666;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}
#footer .widget input.submit  { }
#footer .widget .screen-reader-text  { display: none; }
#footer-credits  p {
	font-size: 12px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/* FLICKR */
.widget#flickr { border:none;}
#flickr h3  {}
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr .flickr_badge_image  { width: 75px; float: left; margin: 4px 6px; }

#flickr .wrap  {
	margin-left: -5px;
	position: relative;
	margin-bottom: 25px;
	padding: 0;
	display: block;
}
#flickr a img  { float: left;  margin: 0;  display: block; border: #CECFC6 1px solid; padding: 3px;}
#flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{
	text-align:center;
	color:#9E9E9E;
	padding:5px;
}
#wp-calendar td{background:transparent;}

/*************************
           Contact Form 7
*************************/
div.wpcf7 {
	padding: 20px;
	background-color: #f7f7f7;
	width: 360px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 80px;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
	border: 2px solid #FF9900;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 999;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}
img.ajax-loader {
	border: none;
	vertical-align: middle;
}
.wpcf7-form p {
	font-size: 14px;
	padding-left: 5px;
}
.wpcf7-form input {
	margin-left: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
	color: #F2A400;
	height: auto;
	padding: 6px;
	width: 250px;
}
.wpcf7-form textarea {
	margin-top: 10px;
	margin-left: 15px;
	color: #F2A400;
	border: 1px solid #CCCCCC;
	width: 300px;
	padding: 6px;
}
.wpcf7-form .submit {
	margin-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
	color: #F2A400;
	height: auto;
	padding: 6px;
	width: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	background-color: #FFFFFF;
	cursor: pointer;
}
.wpcf7-form .checkboxes input {
	width: 20px;
}
.wpcf7-form .menu {
	margin-top: 0;
	margin-left: 15px;
	color: #F2A400;
	border: 1px solid #CCCCCC;
	width: 250px;
	padding: 6px;
}
.wpcf7-form .label {
	font-weight: bold;
}
.wpcf7-form .wpcf7-list-item-label{
	font-weight: normal;
}

/*************************
           Comment Form
*************************/
#respond{
	width: 80%;
	margin-top: 40px;
	padding-left: 30px;
}
#commentform #author, #commentform #email, #commentform #url, #commentform #comment{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #F2A400;
	font-size: 14px;
	}
#commentform #comment{
    padding: 8px;
}
/*************************
           subcat
*************************/
#subcat-content{}
#subcat .subcat-img{}


.imagehover{
	width: 290px;
	height: 100px;
	overflow: hidden;
	position: relative;
	border: 1px solid #333333;
	margin-bottom: 30px;
	background-image: url(images/footer-bg.jpg);
			}
.imagehover p{
	font-size: 12px;
	line-height: 130%;
	margin: 0px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: #FFFFFF;
			}
.imagehover img{
	position: absolute;
	top: 0;
	left: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
				}
.imagehover span{
	line-height: normal;
	font-size: 16px;
	height: 16px;
	color: #66cc00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 4px;
			}

.imagehover .readmore-div{
	margin-top: -6px;
}
.imagehover a.readmore, a.more-link {
	font-size:10px;
	text-transform:uppercase;
	border:none;
	clear: both;
	background-color: #000;
	text-align: center;
	width: 100px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}
.imagehover a.readmore:hover , a.more-link:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color: #000;
}

/*************************
           slogan
*************************/
.slogan {
	height: 300px;
	width: 50px;
	position: absolute;
	display: block;
	z-index:1000;
	margin-top: 120px;
	margin-left: 50px;
}
h gfh 
/*************************
     Singlepic Border/BG image
*************************/
.ngg-singlepic.ngg-center {
	background-color: #FFFFFF;
	border: 2px solid #333333;
	background-image: url(images/single-pic-bg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 55px;
	padding-left: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
}





/***yd***************Color*****************/





/*************************
             Structure
*************************/
body {
	background-color: #000000;
	background-image: url(images/BG-opacity.jpg);
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	line-height: 170%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: center top;
	height: 100%;
		}

#header {
	background-image: none;
		}
p {
		font-size: 1.5em;
		}
/*************************
           Colors
*************************/

a, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
		color: #66cc00;
		}
a, a:visited {
		color: #fff;
		}

 h2 a:hover, h3 a:hover {
		color: #66cc00;
		}

a:hover {
		color: #66cc00;
		}

a img {
		border: none;
		}

.wp-caption {
		border: 1px solid #ddd;
		background-color: #666666;
		}

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

acronym, abbr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
		}

blockquote {
		border-left: 5px solid #666666;
		}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
		color: #666666;
		}

.entry p a, .entry p a:visited {
		color: #00CC66;
		}
		

.commentlist li .avatar {
	border: 1px solid #666666;
	background-color: #999999;
		}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
		background-color: #999999;
		}

.thread-alt {
		background-color: #333333;
		}

.thread-even {
		background-color: #000000;
		}

.depth-1 {
		border: 1px solid #666666;
		}

.even, .alt {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
		}
/*************************
              Images
*************************/
img.alignright {
		border: 3px solid #666666;
		}

img.alignleft {
		border: 3px solid #666666;
		}
		
/*************************
              Lists
*************************/


/*************************
              Form Elements
*************************/

/**************************************************
	NAVIGATION
**************************************************/
.nav-border{
	border:1px solid #999999;
	height: 46px;
}
/*************************
              Superfish
*************************/
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #FFFFFF;
}
.sf-menu li {

}
.sf-menu li li {
	background-color: #333333;
	border-top-color: #999999;
	font-size: 12px;
}
.sf-menu li li li {
	background-color: #333333;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#fff;
}

.postmetadata {
	border-bottom-color: #999999;
}
/*************************
              Sidebar
*************************/
#sidebar{
	border-bottom-color: #666666;
	background-color: #000000;
}
.sidebar-wrapper{
	padding: 10px;
}
/*************************
              Ul / Li
*************************/
#sidebar li {
	border-top-color: #333333;
}
#sidebar li a {
	color:#999999;
	background:url(black/sidebar-ul-li-bg.jpg) repeat 0 0;
}
#sidebar li a:hover {
	color:#66cc00;
}		
#sidebar h3 {
	color: #66cc00;
		}		
#sidebar #recentcomments li a:hover {
	color: #999999;
}
#sidebar .widget  {
	border-bottom-color: #333333;
}

/*************************
              Search Form
*************************/
#sidebar #searchform  {
	border: 1px solid #CCCCCC;
	background-image: url(black/sidebar-ul-li-bg.jpg);
}
#sidebar .widget input#s, #sidebar .widget input.field  {
	color:#999999;
	background-image: url(black/sidebar-ul-li-bg.jpg);
}
#sidebar .field{ background-color:#000000;}
/*************************
              Comments
*************************/

/*************************
               Calendar
*************************/

/*************************
              Tags & Classes
*************************/

/*************************
                Captions
*************************/

/*************************
              Logo
*************************/

/*************************
              Twitter
*************************/
#twitter {
	color:#CCCCCC;
}
/*************************
           Feature Portfolio
*************************/

/*************************
           Feature Portfolio
*************************/

/*************************
           Feature Portfolio
*************************/
#featured_nav a {
	border: 1px solid #999999;
	background-color: #333333;
	color: #333333;
}
#featured_nav a.activeSlide {
	background-color: #FFFFFF;
	color: #000000;
}
/*************************
           Main Page Content
*************************/

/*************************
           Sub Features
*************************/
a.readmore, a.more-link {
	color:#66cc00;
	background-color: #333333;
	margin-top: 10px;
}
a.readmore:hover , a.more-link:hover{
	color:#FFFFFF;
	background-color: #666666;
}

/*************************
           Footer
*************************/
#footer{
	background-color: #323232;
	color: #bbbbbb;
	border-top-color: #666666;
}

#footer #credit, #footer #copyright { color: #777; }
#footer #credit a, #footer #copyright a { color: #999; }

#footer #footer-credits {
	border-top-color: #666666;
}

#footer #footer-widgets { 
    color:#bbbbbb;
	}
#footer #footer-widgets p {
	color:#bbbbbb;
}
#footer #footer-widgets h3 {color: #66cc00;;}

/* UL LI */
#footer #footer-widgets li {
	border-top-width: 1px;
	border-top-color: #575757;
}

#footer #footer-widgets li a {
	color:#999999;
	background:url(black/footer-ul-li-bg.jpg) repeat 0 0;
}
#footer #footer-widgets li a:hover {
	color:#66cc00;
}
/*************************
           Widgets
*************************/

/* Generic Widgets */
#footer .widget  {
	border-bottom-color: #575757;
}

.widget h3  { color:#777; }

.widget p { color:#666; }

.widget ul li a  { color:#666; }
.widget ul li a:hover  { color: #000; }

/* WIDGET FORMS */
#footer #searchform  {
	border: 1px solid #999999;
	background-color: #666666;
}
#footer .widget input#s, #footer .widget input.field  {
	color:#CCCCCC;
	background-color: #666666;
}
/* FLICKR */
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr a img  { border: #CECFC6 1px solid; }
#flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */

/* CALENDAR */
#wp-calendar th,#wp-calendar td{
	color:#9E9E9E;
	background-color: #323232;
}
/*************************
           Contact Form 7
*************************/
div.wpcf7 {
	background-color: #000000;
	border: 1px solid #333333;
	margin-left: 80px;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #666666;
}

span.wpcf7-not-valid-tip {
	border: 1px solid #ff0000;
	background-color: #CCCCCC;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
}

.wpcf7-form input, .wpcf7-form textarea {
	color: #CCCCCC;
	border: 1px solid #666666;
	background-color: #000000;
}
.wpcf7-form .submit {
	border: 1px solid #666666;
	color: #CCCCCC;
	background-color: #333333;
}
/*************************
           Comment Form
*************************/
#commentform #author, #commentform #email, #commentform #url, #commentform #comment{
	background-color: #000000;
	border: 1px solid #666666;
	color: #CCCCCC;
	}
#respond .submit {
	border: 1px solid #666666;
	color: #CCCCCC;
	background-color: #333333;
}



/**********End Of Colors*************************/




/*************************
           Video-feed
*************************/
#video-feed {
	border: 1px solid #999999;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*************************
           About Us
*************************/
#about-us {
	border: 1px solid #999999;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 280px;
	padding: 10px;
	overflow: hidden;
}
#about-us{ padding: 10px;}
#about-us p{ padding: 0; margin:0;}
#about-us-heading{
	font-size:24px;
	color: #66CC00;
}
/*************************
           About Us
*************************/
#feed-me {
	border: 1px solid #999999;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 280px;
	padding: 10px;
	overflow: hidden;
}
#feed-me h2{
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
}
#feed-me p{ padding: 0; margin:0;}


/*************************
           Easy Slider
*************************/

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* Screen Slider */
#screen{
	overflow:hidden;
	border: 1px solid #999999;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

	#navigation{
	width: 200px;
	float: right;
	margin-right: 30px;
	}
		#navigation ul{
	width: 115px;
		}
			#navigation li{
	padding: 0px;
	background-color:#000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0;
	border: 1px solid #000000;
			}
				#navigation a{
	text-decoration:none;
	margin: 0;
	padding:0;
				}
				
				#screen #navigation .alignleft {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
	
#sections{
	overflow:hidden;
	width:625px;
	height: 352px;
	float: left;
	margin-left: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
	
	#sections ul{
		width:3660px;
	}
	
		#sections li{
	float:left;
	padding: 0px;
		}
			
			#sections p{
	width:630px;
	margin:0px;
	font-size:85%;
	line-height:1.4em;
	height: 352px;
	overflow: hidden;
			}

.selected {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.archive-post {
	height: 260px;
}
.footer-icons {
	height: 16px;
	width: 16px;
	margin-right: 5px;
	margin-left: 5px;
	vertical-align:middle;
}