@import url('css/reset.css');
@import url('css/default.css');
@import url('css/lavalamp.css');
@import url('css/glide.css');
@import url('css/jquery.tabs.css');
@import url('css/slide.css');
@import url('css/widgets.css');
@import url('css/comments.css');

body {
	background:#1e1e1e url(images/background.gif) repeat;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:1px;
	line-height: 1.5em;
}

h5 { font-size:90%;
	text-transform: inherit;
	width:100%;
	color: #DC339D;
}

a {
	text-decoration:none;
	color:#E460B3;
}

a:hover { color:#D6108C; }

#wrapper {
	background:#202020;
	width:1006px;
	margin:0 auto;
}
/*
#wrapper-in {
	background:transparent url(images/static-background.gif) no-repeat;
	padding:10px 15px 0;
	width:988px;
}
*/
#topwrap {
	background:#2b2b2b url(images/top.gif) repeat-x;
	border:1px solid #313131;
	border-bottom-color:#070707;
	height:33px;
	line-height:33px;
	text-transform:uppercase;
	padding:0 5px;
	color:#FFF;
}

#current-date {
	background:url(images/date.gif) left no-repeat;
	padding-left:22px;
	float:left;
}

#top-search-wrap {
	float:right;
	color:#da9b26;
	margin-top:0 !important;
	margin-top:3px;
}
#top-search-wrap .input-text {
	background:url(images/searchbox.gif) no-repeat;
	width:190px;
	height:18px;
	line-height:18px;
	border:none;
	padding:3px;
}
/* header */
#header {
	background:#2b2b2b url(images/header.gif) repeat-x;
	border:1px solid #313131;
	border-bottom-color:#070707;
	height:102px;
	line-height:102px;
	overflow:hidden;
}

#page-menu {
	float:left;
	width:710px;
}

#feed {
	text-indent:-9999px;
	height:21px;
	width:21px;
	display:block;
	float:right;
}

#blog-title a {
	font-size:23px;
	text-transform:uppercase;
	width:100%;
}

#blog-description {
	margin-top:5px;
	font-weight:normal;
}

#menubar {
	background:#D6108C url(images/menubar.gif) repeat-x;
	height:40px;
	line-height:40px;
	overflow:hidden;
	font:bold 12px Arial, Verdana, Tahoma;
	text-transform:uppercase;
	display:block;
	margin-bottom:0 !important;
	margin-bottom:4px;
}

#cat-menu {
	float:left;
	width:1000px;
	position:relative;
}

#cat-menu ul, #cat-menu-shadow {
	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
	position:relative;
}

#cat-menu-shadow {
	position:absolute !important;
	top:1px;
	left:1px;
}

#cat-menu ul li, #cat-menu-shadow ul li {
	display:inline;
}

#cat-menu a, #cat-menu #cat-menu-shadow a {
	background:transparent url(images/menu-separator.gif) no-repeat 100% 1px;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	position:relative;
	padding:0 20px 0 18px;
}

#cat-menu a:hover, #cat-menu .current-cat a {
	background:transparent url(images/menu-hover.gif) no-repeat 100% 1px;
}

#cat-menu #cat-menu-shadow li a, #cat-menu #cat-menu-shadow .current-cat a {
	background:none;
	color:#D6108C
}

.icon {
	background:transparent url(images/all-icons.gif) no-repeat;
	padding-left:20px;
}
/* container */
#content-wrap {
	border:1px solid #313131;
	border-top:0;
	padding:8px;
	width:988px;
}
#featured-posts-wrapper {
	background:transparent url(images/featured-bg.gif) no-repeat 0 0;
	float:left;
	margin-bottom:7px;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
}

#togglebox {
	float:right;
}

.title {
	font:normal 22px Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	font-weight:bolder;
}

.meta {
	font:normal 10px Arial, Verdana, Tahoma;
	text-transform:uppercase;
	color:#888F95;
	height:15px;
	margin-bottom:2px;
}

.meta a {
	color:#888F95;
}

/* content */
#content {
	float:left;
	width:664px !important;
	width:660px;
}

.pagetitle {
	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
	color:#202020;
	padding-left:2px;
	margin-bottom:5px;
}

.post {
	margin-bottom:7px;
}

.post-top {
	padding:5px 7px 0;
}

.post.single .title {
	color:#DC339D;
}
.post.single .meta {
	border-bottom:4px solid #2a2a2a;
	padding:0 0 5px;
}

.single .post-top {
	padding-top:5px;
}

/* sidebar */
#sidebar {
	float:right;
	width:322px;
}
#sidebar .searchbox {
	background:#DC339D;
	border-top:1px solid #DF47A7;
	padding:6px 8px;
}
#sidebar .searchbox .textfield {
	background:#212121;
	border:1px solid #DC339D;
	color:#888;
	padding:4px 2px;
	font-size:12px;
	width:200px;
}
#sidebar .searchbox .button {
	border:1px solid #1f1f1f;
	background:#2b2b2b;
	color:#FFF;
	padding:2px 8px !important;
	padding:2px 0;
	font-size:11px;
}

#sidebar .section {
	border:1px solid #171717;
	background:#1b1b1b;
	padding:0 7px 7px;
	margin-top:7px;
}
#sidebar .section .title {
	color:#DF47A7;
	border-bottom:4px solid #1e1e1e;
	padding:7px 0 5px;
}
#sidebar .sponsors .ads {
	padding:5px 16px 0;
}
#sidebar .sponsors .ads img {
	padding:5px;
}
#sidebar .section .leftpart {
	width:48%;
	float:left;
}
#sidebar .section .rightpart {
	width:48%;
	float:right;
}
.widget ul li {
	line-height:28px;
	border-bottom:1px dotted #000;
	color:#A6A6A6;
}

.widget ul li a { color:#A6A6A6; }
.widget ul li a:hover { color:#4B9DED; }

/* footer */
#footer {
	background:transparent url(images/footer.gif) repeat-x;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
}

#footer a, #footer a:hover {
	color:#FFF;
}

.mini-post {
	background:#1b1b1b url(images/post.gif) top no-repeat;
	width:324px;
	height:240px;
	overflow:hidden;
	float:left;
	margin:0 8px 7px 0 !important;
	margin:0 6px 7px 0;
	border-bottom:5px solid #292929;
	font-size: 12px;
}
.mini-post .entry {
	padding:4px 7px 3px 10px;
}
.mini-post .entry .title {
	margin:0;
	padding:7px 0;
	border-bottom:1px solid #222;
	font-size: 12px;
}
.mini-post .datepost {
	height:26px;
	line-height:26px;
	float:left;
	color:#e9e0df;
	padding-left:10px;
}
.mini-post .more-link {
	height:26px;
	line-height:26px;
	float:right;
	padding-right:8px;
	color:#8f8f8f;
	text-transform:uppercase;
		font-size: 11px;
}

/* --Submission Form --/* 

/* Generic FormBuilder Display Configuration */
form.formBuilderForm, div.formBuilderSuccess {
	text-align: left;
	padding: 5px;
 	clear: both;
	
}
.formBuilderForm div{
	margin: 3px;
	padding: 3px;
	background-repeat:no-repeat;
}
div.formBuilderSuccess h4 {
	margin: 0;
	padding: 0;
}


/* The div class around each form field*/
.formBuilderForm .formBuilderField {
	padding-bottom: 4px;
	clear: both;
	text-align: left;
}

/* The div class around the error message, in the event that a required field is not filled in*/
.formBuilderForm .formBuilderError {
	font-weight: bold;
	color:#FF0099;
}

/* Generic Display Controls */
.formBuilderForm div.formBuilderComment {
	font-style: italic;
	font-weight: bold;
	color:#D6128D;
	font-size: 150%;
	padding: 4px;
	margin: 4px 0 4px 0;
	clear: both;
	float: left;
	width: 95%;
}
.formBuilderForm .formBuilderHidden {
	visibility: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
}
.formBuilderForm .formBuilderSubmit {
	clear: both;
	text-align: right;
}

/* Generic Label Controls */
.formBuilderForm .formBuilderLabel, .formBuilderForm .formBuilderLabelRequired {
	clear: left;
	float: left;
	width: 320px;
	margin-right: 10px;
	margin-bottom: 3px;
margin-top: 3px;
line-height:15px;
font-size: 110%;
}
.formBuilderForm .formBuilderLabelRequired {
	font-size: 110%;
}




/* Field Type Specific Display Controls ****/

.formBuilderForm .small_text_area .formBuilderLabel
{
	width: auto;
	clear: both;
}
.formBuilderForm .small_text_area textarea
{
	width: 250px;
}
.formBuilderForm .large_text_area .formBuilderLabel
{
	width: auto;
	clear: both;
}
.formBuilderForm .large_text_area textarea
{
	width: 98%;
}
.formBuilderForm .checkbox
{
	float: left;
	width: 100%;
}

.formBuilderForm .radio_buttons
{
	position: relative;
}
.formBuilderForm .radio_buttons .formBuilderRadio
{
	display: block;
	position: relative;
	margin-left: 170px;
	padding-left: 0;
}
div.formBuilderFailure {
	border: 1px solid #999;
	background-color: #333333;
	margin: 2px;
	padding: 4px;
}
div.formBuilderFailure h4, div.formBuilderFailure p {
	margin: 0 0 4px 0;
	padding: 0;
}

div.formBuilderCaptcha {
	display: block;
	width: 120px;
	float: left;
}
div.formBuilderCaptcha input {
	width: 120px;
}

div.formBuilderPageBreak {
	text-align: right;
}



table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}