/*
Theme Name: Dark Effect Reloaded!
Theme URI: http://www.theme-time.com/8/
Description: <a href="http://www.theme-time.com/8/">Dark Effect V2</a> - The updated version of the original release, all the bugs have now been fixed and the side bars and banners are totally customizable! It features three different styles the user can pick between, also saving their choice in a cookie.
Author: Lee Cooper

*/
* {
padding: 0; 
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p {
margin: 0.7em 0;
line-height:1.8em;
}
dl {
margin:1em 0;
}
dt 
{
font-weight:bold;
}
dd 
{
margin:0.5em;
padding:0;
}
img 
{
padding:5px;
margin:5px;
border:1px solid;
}
img:hover
{
	padding:5px;
	background-color:#FFFFCC;
	margin:5px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
}
img.right {
float: right;
margin:10px 0 0 10px;		
}
img.left {
float: left; 
margin:0 10px 10px 0;	
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	padding:5px;
	background-color:#FFFFCC;
	margin:5px;
	background-image: url(img/bg1.jpg);
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
}
img.wp-smiley, .wpstats, img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
	color:#663300;
	margin: 1em;
	padding: 0 0 10px 50px;
	background: url(img/bg2.jpg) repeat;
	border: #663300;
}
fieldset 
{
border:0;
}
body 
{
	background: #CC9933 url(img/bg.gif);
	margin: 10px;
	font: 76%/1.6em verdana, tahoma, arial,  sans-serif;
	color: #663300;
	text-align: center;
	padding: 5px;
}
a 
{
text-decoration:none;
}
a:link, a:visited {
color: #CC6666;
text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
color:#CC6633;
}
h1, h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC9966;
}
h3, h4, h5, h6 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC9966;
}

#container {
	margin: 0 auto;
	padding:3px;
	width:990px;
	position: relative;
	text-align: left;
	border:1px solid #663300;
	background:#FFFFCC url(img/bg1.jpg);
	color: #663300;
}
#navigation {
background-image:url(img/orange/orange-li.gif);
background-repeat:repeat-x;
background-position:center;
overflow: hidden; 
width:990px; 
position: relative; 
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #000000;
margin: 0 auto; 
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: left; 
margin: 0px; 
list-style-type: none;
}
#navigation ul li a {
border-right:1px solid #1e1e1e;
border-bottom:none;
padding: 9px 15px 9px 15px; 
display: block; 
font-weight:bold;
color:#FFCC00;		
text-decoration: none;
background:#eeeeee;
font-size:12px;
letter-spacing:0px;
background-image:url(img/orange/orange-li.gif);
background-repeat:repeat-x;
background-position:center;
}
#navigation ul li a:hover, 
#navigation ul li a:active, 
#navigation ul li.current_page_item a 
{
background-image:url(img/li-hover.gif);
background-repeat:repeat-x;
color: #CC6633;	
border-right:1px solid #1e1e1e;
border-bottom:none;
font-size:12px;
text-decoration:underline;
}
#drop-shadow{
background-image:url(img/drop-shadow.gif);
background-repeat:repeat-x;
background-position:center;
margin: 0px;
width:202px;
padding-top:2px;
padding-bottom:3px;
}
#header {
clear: both; 
margin: 0 auto; 
width:990px;
position: relative;
text-align:left;
padding:15px 0px 15px 0px;
color:#FFCC66;
}
#header h1 
{
font-size:1.8em;
margin:10px 0 0 0px;
font-variant:small-caps;
letter-spacing:0px;
color:#FFCC66;
}
#header h1 a {

text-decoration:none;	
border:0;
color:#FFCC66;
}
#header h2 
{
	margin:5px 0 0 0px;
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color: #FFCC66;
}
#feedarea {
height:30px; 	
text-align: left;
width:100%;
}
#feedarea a:link,feedarea a:active,feedarea a:visited,feedarea a:hover {
color:#663300;
text-decoration:none;
}
html #feedarea {
border-bottom:1px dashed #996600;

}
#feedarea dl dt {
display: inline; 
margin-right: 5px; 

}
#feedarea dl dd {
display: inline; 
margin-right: 5px; 
background:url(img/icon_feed.gif) no-repeat left center;
padding-left:16px;

}

#content {

width:980px;
margin:0 auto;
position:relative;

}
html #content {

}
#content h4 {
font-size: 1.1em; 
margin: 1em 0 0 0;
}
#content h5 {
font-size: 1em; 
margin: 1em 0;
}
#content-main ul 
{
margin:0 1em;
padding:0 1em;
list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
margin:0;
padding:2em;
border-bottom:1px solid #663300;
}
#content ol 
{
list-style-type:decimal;
margin:1em;
padding-left:2em;
}
#content-main {
float: left;
width: 527px;
}
html #section-index #content-main {
margin-right: 0px;
}
#content .post 
{
padding-left:10px;
}
#content h2,
#content h3 
{
font-size: 1.5em; 
margin: 1em 0 0;	
font-weight:normal;
line-height:1.4em;	
letter-spacing:0px;
color: #CC9933;
}
#content .entry 
{


}
/*#content .entry a:link, #content .entry a:visited
{
border-bottom:#c49400 1px dashed;    
}*/
#content .entry a:hover, #content .entry a:active
{
border-bottom:1px solid #663300;
}
#content .entry li 
{
margin:0 0 0.3em 0;
padding:0;
line-height:1.6em;
}
#content .postmetadata
{
clear:both;
font-size:0.9em;
text-align:right;
color:#663300;
margin:0;
padding:0;

}
#content .post-info
{
clear:both;
font-size:0.9em;
color:#663300;
margin:0;
padding:0;

}
#content .post-info, 
#content h2.pagetitle 
{
background:url(img/underline-repeat1.gif) repeat-x left bottom;
padding-bottom:15px;
}

#comments, #respond{
	margin: 0;
	padding:1em 0 0 0;
	margin: 50px;
	color:#663300;
}
#commentform 
{
margin: 5px;
padding:10px;
background:#FFFFCC;
border: 1px solid #663300;
}
.commentnum 
{
font-size:1.5em;
font-weight:bold;	
margin:0 5px 0 0;
}
#container .commentlist {
margin: 1em 0;
padding: 0;
margin: 5px;

}
#container .commentlist li 
{
list-style:none;
margin: 0;
padding: 5px;
}
#container .commentlist li.alt 
{
background:#CC9966;    
}
#container .commentlist li.authorcomment 
{
border:#000 1px solid;
margin:20px;   
background-image:url(img/cat-box-rep.png);
background-repeat:repeat-x;
background-position:top;	

}
#container .commentlist li .cmtinfo 
{
font-size:1em;			
}
#container .commentlist li cite 
{
font-style:normal;
font-weight:bold;
}
#container .commentlist li .cmtinfo em 
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#663300;
}
#content .commentsfeed 
{
background:url(img/icon_feed.gif) no-repeat left center;
padding-left:16px;
}
#content .trackback 
{
background:url(img/link.gif) no-repeat left center;
padding-left:20px;
}
input.textbox, textarea
{
background:#FFFFFF;
border:#000 1px solid;
font:1em Verdana, Arial, Serif;
padding:2px;
color:#663300;
width:150px;
}
textarea{
width: 90%;
padding:10px;
line-height:2em;
height: 20em;
}
input.textbox:focus, textarea:focus
{
border:1px solid #663300;
}
#submit 
{
background-image:url(img/orange/orange-li.gif);
background-repeat:repeat-x;
background-position:center;
padding:3px;
color:#663300;
font-weight:bold;
border: 1px solid #000000;

}
#submit hover{
background-image:url(img/top-nav-hover.gif);
background-repeat:repeat-x;
background-position:center;
color: #CC6666;
}
.post h4 
{
font-size:1em;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}
.did-you-know{
background-color:#FFFFCC;
border-bottom: 1px solid #663300; 
border-left: 1px solid #663300; 
border-right: 1px solid #663300; 
padding-top:3px;
padding-bottom:3px;
width:990px;
font-size:11px;
margin: 0px  auto; 
color:#FFCC66;
}

.footer-area{
overflow: hidden; 
width:990px; 
position: relative; 
text-align: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding:0px 0 9px 0;
font-size:12px;
font-weight:bold;
color:#FFCC66;
text-decoration:none;
}
.footer-area a{
font-size:12px;
font-weight:bold;
border:0px;
color:#CC9933;
text-decoration:none;
}
.footer-area a:hover{
font-size:12px;
font-weight:bold;
border:0px;
color:#CC9933;
text-decoration:none;
}
.footer-area a:visited{
font-size:12px;
font-weight:bold;
border:0px;
color:#CC9933;
text-decoration:none;
}
.footer-area a:hover{
font-size:12px;
font-weight:bold;
border:0px;
color:#CC9933;
text-decoration:none;
}
#search-tool-div{
position:absolute;
visibility:visible;
z-index:100;
right:20px;
top:30px;
}
.search-top{
	border:1px solid #FFCC33;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFCC66;
	background-color: #663300;
	background-image: url(img/form-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.search-top:focus{
	padding:4px;
	border:#ffffcc 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFCC66;
	background-color: #663300;
	background-image: url(img/form-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.submit-search{
padding:2px;
margin:0px;
font-size:11px;
color:#663300;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.submit-search:hover{
padding:2px;
font-size:11px;
color:#663300;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.no-image{
border:0px;
background-image:none;
padding:0px;
margin-right:5px;
}
#style-switch-theme{
position:absolute;
visibility:visible;
z-index:95;
top:17px;
right:55px;
}
#style-switch{
position:absolute;
visibility:visible;
z-index:99;
top:10px;
right:10px;
display:inline;
}
#style-switch img{
border: 1px solid #000;
padding:1px;
background-color:#ffffcc;
background-image:none;
}
#style-switch img:hover{
border: 1px solid #ffffcc;
padding:1px;
background-color:#000;
background-image:none;
}
#style-switch a,
style-switch a:active,
style-switch a:visited,
style-switch a:link
style-switch a:hover,{
border-bottom:0px;
margin-right: 0px;
background-image:none;
}
.wp-calendar {
empty-cells: show;
font-size: 12px;
color: #FFCC33;
width:200px;
text-decoration: none;
text-align: center;
padding: 0px;
margin: 0px;
font-weight: normal;
overflow:hidden;
}

.wp-calendar caption {
text-align: center;
width: 210px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #CC6600;
font-size: 1.6em;
background-image:url(img/li-hover.gif);
background-repeat:repeat-x;
height: 36px;
line-height: 36px;
overflow:hidden;
}

.wp-calendar th {
width:200px;
margin: 0px;
padding: 0px;
text-align: center;
color:#FFCC33;
overflow:hidden;
}

.next a:link, #next a:visited {
text-align: center;
color: #FFCC66;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
overflow:hidden;
}
.next a:hover, #next a:active {
text-align: center;
color: #CC6666;
text-decoration: none;
font-weight: bold;
font-size: 12px;
overflow:hidden;
float: right;
}

.prev a:link, #prev a:visited {
text-align: left;
color: #FFCC66;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
.prev a:hover, #prev a:active {
text-align: left;
color: #CC6666;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
overflow:hidden;
}
.wp-calendar td {
margin: 0px;
padding: 3px;
text-align: center;
overflow:hidden;
}

.wp-calendar tf {
margin: 0px;
padding: 0px;
overflow:hidden;
}
.pad {
text-align: left;
}
.cat{
margin:0px;
padding:4px;
overflow:hidden;
border-bottom:1px solid #000000;
text-align: left;
color:#CC9966;
font-weight:bold;
background-image:url(img/cat-box-rep.png);
background-position:top;
background-repeat:repeat-x;
}
#back-to-top{
position:absolute;
visibility:visible;
z-index:82;
right:15px;
top:7px;
}
#main-image{
width:990px;
height:120px;
background:url(img/orange/orange-banner.jpg) no-repeat center;
border: 1px solid #000;
padding:0px;
margin:0 auto;
position:relative;
}
#main-image IMG{
border: 0px;
padding:0px;
margin:0 auto;
}
#sidebars {
	width: 210px;
	margin-top:15px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:10px;
	overflow:hidden;
	float:left;
	border: 1px solid #663300;
	background-color:#CC9966;
	color: #663300;
	background-image: url(img/bg2.jpg);
	text-align:left;
}
#sidebars p {
    padding-left: 5px;
}
.dynamic_widget {
	float: left;
	width: 210px;
}
#sidebars h2 {
float: left;
width:210px;
font-size:14px;
margin: 0px;
padding:4px;
overflow:hidden;
border-bottom: 1px solid #000000;
text-align: center;
color:#FFCC00;
font-weight:bold;
background-image:url(img/cat-box-rep.png);
background-position:top;
background-repeat:repeat-x;
}
.arrow {
float: left;
list-style-type: none;
text-align: left;
margin: 0px;
width: 210px;
padding: 0px;
display:block;
}
.arrow li {
	float: left;
	text-align: left;
	margin: 0px;
	width: 210px;
	padding: 0px;
	display: list-item;
}
.arrow li a:link, .arrow li a:visited {
display: block;
padding:5px;
text-decoration: none;
overflow:hidden;
text-align: left;
border-bottom: 1px solid #663300;
color: #CC9933;
background-color:#292929;
}
.arrow li a:hover, .arrow li a:active {
display: block;
padding:5px;
text-decoration: none;
overflow:hidden;
text-align: left;
border-bottom: 1px solid #663300;
color: #FFCC66;
background-color:##663300;
background-image:url(img/li-hover.gif);
background-repeat:repeat-x;
background-position:top;
padding: 5px;
}

.arrow ul li {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #663300;
}
.arrow ul {
	list-style-type: none;
	text-align: center;
	margin: 0px;
	text-indent: 5pt;
}
.arrow ul li a:link, .arrow ul li a:visited {
display: block;
padding:5px;
text-decoration: none;
overflow:hidden;
text-align: left;
border-bottom: 1px solid #663300;
color: #CC9933;
background-color:#292929;
}
.arrow ul li a:hover, .arrow ul li a:active {
display: block;
padding:5px;
text-decoration: none;
overflow:hidden;
text-align: left;
border-bottom: 1px solid #663300;
color: #FFCC66;
background-color:#663300;
background-image:url(img/li-hover.gif);
background-repeat:repeat-x;
background-position:top;
}
#dynamic_sidebars {
	width: 210px;
	margin-top:15px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:10px;
	overflow:hidden;
	float:right;
	border: 1px solid #663300;
	background-color:#CC9966;
	background-image: url(img/bg2.jpg);
	color: #663300;
}
#dynamic_sidebars h2 {
float: left;
width:210px;
font-size:14px;
margin: 0px;
padding:4px;
overflow:hidden;
border-bottom: 1px solid #663300;
text-align: center;
color:#FFCC00;
font-weight:bold;
background-image:url(img/cat-box-rep.png);
background-position:top;
background-repeat:repeat-x;
}
#wp-calendar {
empty-cells: show;
width: 200px;
font-size: 12px;
color: #663300;
text-decoration: none;
text-align: center;
float: left;
padding: 0px;
margin: 0px;
font-weight: normal;
}

#wp-calendar a:link, #wp-calendar a:visited {
text-decoration: none;
color: #FFCC66;
}
#wp-calendar a:hover, #wp-calendar a:active {
text-decoration: none;
color: #CC6666;
}
#wp-calendar caption {
text-align: center;
width: 210px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #FFCC00;
font-size: 1.6em;
background-image: url(img/li-hover.gif);
background-repeat:repeat-x;
height: 36px;
line-height: 36px;
}

#wp-calendar th {
margin: 0px;
padding: 0px;
text-align: center;
color:#CC6666;
width:200px;
}

#next a:link, #next a:visited {
text-align: center;
color: #FFCC66;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
}
#next a:hover, #next a:active {
text-align: center;
color: #CC6666;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
}

#prev a:link, #prev a:visited {
text-align: left;
color: #FFCC66;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#prev a:hover, #prev a:active {
text-align: left;
color: #CC6666;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#wp-calendar td {
margin: 0px;
padding: 0px;
text-align: center;
}
#wp-calendar tf {
margin: 0px;
padding: 0px;
}
.pad {
text-align: center;
}
/*comments*/

#comments-wrapper {
	background-color: #996600;
/*	background-image: url(img/cat-box-rep.png); */
} /*around entire comment area */

h2#comments {
	color: #FFCC00;
} /*heading of the comments area */

.commentlist { margin-left: -40px; } /* encloses all comments made */

	.commentlist p { margin-left: 40px; } /* makes the no-comments paragraph line up properly */

.comment {
	position: relative;
	margin: 10px 0 0 0;
	padding: 3px 0 5px 40px;
	background-color: #FFFFCC;
	border: thin #663300;
	background-image: url(img/bg2.jpg);
} /*surrounds each comment and sub-comments in a thread */
	
	.comment div { position: relative; } /* to position things right */

	.comment .comment img { margin: 0px; } /*unknown utility */
	
.comment-inner { margin-bottom: 20px; } /* wraps individual comments inside .comment */

	.odd {
	background-color: #CFBB92;
	border: thin #996600;
	background-image: url(img/bg1.jpg);
} /* class that is added to the .comment-inner div for every other threaded comment; use to create alternating whole-body styles; note it actually applies to even numbered comments */

.comment-header { height: 110px; /*this is necessary to keep ajax from interfering with thread anchors on loading */
	color: #663300;
	margin: 3px 0 0 0;
	background: #CC9933;}
	
	.comment-header a { color: #CC6633; }
	
	.comment-header a:visited { color: #CC6633; }
	
	.comment-header abbr { border: none; }
	
	.odd .comment-header {
	background: #FFFFCC;
	color: #CC6633;
} /*to style alternating headers */
	
	.odd .comment-header a {}
	
	.odd .comment-header a:visited {}
	
img.collapseicon { float: left; } /*thread collapser*/

/* note, styling for .collapseicon is in briansthreadedcomments.php */

	.collapsed .body, .collapsed .comment-header, .collapsed .comment { display: none; }

.commenter-icon { float: left;
	margin: 5px; } /* user icon */
	
	img.gravatar {} /*actual image class */
	
.comment-by {} /* commenter name and administrative edit-this link */

span.post {} /* comment author's name */
	
	span.editAuthor {} /* class added to .post span for ajax */

.comment-meta {  font-size: x-small ; } /*date and time*/

.body { padding: 4px 4px 0 4px; 
	margin: 2px 2px 2px 10px; } 

.content { padding: 0px;
	margin: 0;
	width: 	100%;	
	overflow: auto;} /* comment text */
	
	.content p { margin-top: 5px;
		padding-top: 0; }

.post {} /*ajax added div */
	
	.editComment {} /* ajax class on same div */

p.ajax-admin-edit-paragraph { margin: 0;
	padding: 2px;} /* admin links for ajax editing-deletion-spam */

.reply { text-align: right;
	font-size: 	80%;
	padding: 0 6px 3px 0;
	margin: 0;  } /*reply to comment link */

#addcomment { border: 1px solid #663300; 
	padding: 10px; } /* encloses the add-comment form */

form.commentform {
	background-color: #FFFFCC;
} /* the form itself */

	#commentform textarea {
	width: 97%;
	background-color: #FFFFCC;
}

.add {} /* encloses all the content */

#reroot {} /* around the cancel-reply link */

.comment-notes { border: 1px solid #000;
	background: #FFFFCC; 
	padding: 10px 5px;
	font-size: small; } /*goes around the comment instruction note */
	
span.readthis { color: #cc0000; } /*goes around the note about using a valid email */
	
#name-section {} /* label and field, in the add-comment form */

#commenter-name { padding: 10px 0 5px 0; } /*label*/

#commenter-name-field {} /* field */

#email-section {}

#commenter-email { padding: 10px 0 5px 0; }

#commenter-email-field {}

#uri-section {}

#commenter-uri { padding: 10px 0 5px 0; }

#commenter-uri-field {}

#content-section {}

#commenter-content { padding: 10px 0 5px 0; }

#commenter-content-field {}

#allowed-characters {}

p.subscribe-to-comments {} /*the subscribe to comments notifications at the bottom of the add-comment form */

.solo-subscribe-to-comments { text-align: center;
	margin-top: 30px; } /*the subscribe w/out commenting section; also has a class of comment-notes */

