/*
Theme Name: Dusk Till Dawn
Theme URI: http://www.xpresszo.com/dusktilldawn
Description: An atmospheric wordpress theme with a tropical feel, containing a toggleable widgetbar, a custom multilevel menu and some css3 features.
Version: 1.5
Author: XpressZo
Author URI: http://www.xpresszo.com
Tags: flexible-width, custom-menu, dark, red, blue, white, pink
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
License Marketing-Script font: Dieter Steffmann fonts are not licensed and are considered freeware: http://www.fontsquirrel.com/license/Marketing-Script
*/


body {
	background-image: url(img/sunsetbg.jpg);
	font-family:sans-serif, Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}


a {
	color:#CCC;
	text-decoration:none;
	font-style: italic;
}


a:hover {
	color:#FFF;
	text-decoration:underline;
}


.palmr {
	position:fixed;
	top:0;
	right:0;
	width:311px;
	height:1070px;
	background-image:url(img/palmr.png);
	background-repeat:no-repeat;
	z-index:-1;
}


.palml {
	position:fixed;
	top:0;
	left:0;
	width:369px;
	height:1056px;
	background-image:url(img/palml.png);
	background-repeat:no-repeat;
	z-index:-1;
}


.main {
	position:relative;
	width:897px;
	margin:0 auto;
}


.panellogo {
	float:left;
	clear:both;
	width:897px;
	margin:40px auto 20px auto;
}


.panellogo h1 {
	float:left;
	clear:both;
	margin:0 0 0 30px;
	padding:0;
	line-height:1.7em;
}


.panellogo h4 {
	font-style: italic;
	font-size:1.3em;
	float:left;
	clear:both;
	margin:-5px 0 0 100px;
	width:800px;
	padding:0;
	color:#FFF;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
	line-height:1.3em;
}


.panellogo h1 a {
	font-family:'MarketingScriptRegular', sans-serif, Arial, Helvetica, sans-serif;
	color:#f800fd;
	text-decoration:none;
	font-size:2.5em;
	text-shadow:0 0 28px rgba(255,255,255,.9);
}


.paneltop {
	display: block;
	margin: 0 auto;
	float:left;
	clear:both;
	width:897px;
	height:auto;
	background-image:url(img/paneltop.png);
	background-repeat:no-repeat;
	overflow:visible;
}


/* Menu */

div.menu {
	font-size:15px;
	margin:15px 0 0 47px;
	width:805px;
	height:90px;
	z-index:1;
}


.menu ul {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	float:left;
	overflow:visible;
	z-index:2;
}


.menu ul ul {
	z-index:3;
}


.menu ul ul ul {
	z-index:4;
}


.menu ul ul ul ul {
	z-index:5;
}


.menu ul ul ul ul ul {
	z-index:6;
}


.menu ul ul ul ul ul ul {
	z-index:7;
}


.menu ul ul ul ul ul ul ul {
	z-index:8;
}


.menu ul li {
	float:left;
	position:relative;
	line-height:45px;
}


.menu ul li ul {
	position:absolute;
	margin-top:0;
	margin-left:.5em;
	display:none;
}


.menu ul ul li ul,
.menu ul ul li ul li ul,
.menu ul ul li ul li ul li ul,
.menu ul ul li ul li ul li ul li ul {
	margin-top:-25px;
	margin-left:150px;
}


.children li,
.sub-menu li {
	width:200px;
}


.menu ul li:hover ul ul, 
.menu ul li:hover ul ul ul,
.menu ul li:hover ul ul ul ul,
.menu ul li:hover ul ul ul ul ul,
.menu ul li:hover ul ul ul ul ul ul,
.menu ul li:hover ul ul ul ul ul ul ul {
	display:none;
}


/* show sublevel 1-6 */
.menu ul li:hover ul,
.menu ul ul li:hover ul, 
.menu ul ul ul li:hover ul,
.menu ul ul ul ul li:hover ul, 
.menu ul ul ul ul ul li:hover ul,
.menu ul ul ul ul ul ul li:hover ul {
	display:block;
	-moz-box-shadow: 0px 0px 4px 4px  rgba(0,0,0,.6);
	-webkit-box-shadow: 0px 4px 4px  rgba(0,0,0,.6);
	box-shadow: 0px 0px 4px 4px  rgba(0,0,0,.6);
}


.menu ul a {
	display:block;
	border-left:1px solid #333;
	border-right:1px solid #666;
	color:#CCC;
	text-decoration:none;
	padding:0 20px;
}


.menu ul a:hover {
	color:#FFF;
	background-image:url(img/libg.png);
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
}


.menu ul ul {
	border-top:1px solid #000;
}


.menu ul ul a {
	border-top:none;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	background:#262b2b;
	line-height:normal;
	padding:10px;
	margin:0;
}


.paneltop ul li.current_page_item,
.paneltop ul li.current-menu-ancestor,
.paneltop ul li.current-menu-item,
.paneltop ul li.current-menu-parent {
	background-image:url(img/libg.png);
	color:#F60;
}

/* End Menu */

.panelmiddle {
	position:relative;
	float:left;
	clear:both;
	width:847px;
	margin-top:-1px;
	min-height:400px;
	padding:25px 0px 0 50px;
	color:#CCC;
	font-size:1em;
	background-image:url(img/panelmiddle.png);
	background-repeat: repeat-y;
}


.itemcontainer {
	width:540px;
}


.itemsub {
	float:left;
	width:100%;
}


.title {
	float:left;
	clear:both;
	margin:5px 0 0 0;
	padding:0 12px;
	width:100%;
	min-height:30px;
	font-size:2.5em;
	line-height:1em;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
	background-image:url(img/panelbg.png);
	background-repeat: repeat-x;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.title a {
	font-family:'MarketingScriptRegular', sans-serif, Arial, Helvetica, sans-serif;
	color:#CCC;
	text-decoration:none;
}


.title a:hover {
	color:#FFF;
}


.datetime {
	float:right;
	font-size:.7em;
	color:#999;
	margin:-5px 0 5px 0;
	padding:0;
}


.item {
	float:left;
	clear:both;
	padding:0 20px;
	font-size:14px;
	line-height:1.3em;
	color:#999;
	width:100%;
}


.item p {
	padding:0;
}


.panelmiddle img {
	display:block;
	clear:both;
	opacity:1;
	max-width:100%;
	height:auto;
}

/* markup */

.item h1, 
.item h2, 
.item h3, 
.item h4,
.item h5, 
.item h6 {
	color:#CCC;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
	clear:both;
	margin:25px 0 5px 0;
}


.item h1 {
	font-size:28px;
}


.item h2 {
	font-size:24px;
}


.item h3 {
	font-size:21px;
}


.item h4 {
	font-size:18px;
}


.item h5 {
	font-size:15px;
}


.item h6 {
	font-size:13px;
}


blockquote {
	background-image:url(img/libg.png);
	padding:1px 20px;
	font-size:14px;
	color:#CCC;
	font-style: italic;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


dt {
	font-family:sans-serif, Arial, Helvetica, sans-serif;
	color:#CCC;
}


.item table {
	border: 1px solid #333;
	margin: 25px -1px 24px 0;
	text-align: left;
	width: 100%;
	background-image:url(img/libg.png);
}


.item tr th,
.item thead th {
	color: #888;
	line-height: 18px;
	padding: 9px 24px;
}


.item tr td {
	border-top: 1px solid #333;
	padding: 6px 24px;
}


.item tr.odd td {
	background: #f2f7fc;
}


.item a {
	text-decoration:underline;
}


.item embed, 
.item object {
	max-width:550px;
}


.commentlist {
	list-style:none;
}


/* alignment CSS classes */

.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
}


.alignleft,
img.alignleft {
	float:left;
	padding:0 15px 5px 0;
}


.item img {
	max-width:100%;
}


.alignright {
	float: right;
	padding:0 0 5px 15px;
}


.alignnone {
	padding-bottom:5px;
}


/* image caption CSS classes  */

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


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 5px 0 0 0;
	padding: 0 4px 5px;
	color:#FFF;
}


.wp-caption,
.wp-caption img {
	padding:0;
	max-width:100%;
	background-color:#666;
	background-image:url(img/libg.png);
}


.attachment-thumbnail {
	padding:10px;
	max-width:210px;
	background-image:url(img/libg.png);
	border:none;
}


.attachment-thumbnail:hover {
	-webkit-box-shadow:0 0 18px rgba(255,255,255,.6); 
	-moz-box-shadow: 0 0 18px rgba(255,255,255,.6);
	box-shadow:0 0 18px rgba(255,255,255,.6);
}


.gallery-caption {
	color: #888;
	font-size: 10px;
	margin:0;
	text-align:left;
	width:180px;
	padding:6px;
	font-style: italic;
}


.bypostauthor {
}


.sticky	{
}


embed,
object {
	max-width:620px;
}


.bottommeta {
	float:left;
	padding:0 20px;
	font-size:.8em;
	line-height:1.4em;
	padding-bottom:35px;
	color:#666;
	font-size:11px;
	letter-spacing:normal;
}


.panelbottom {
	width:897px;
	height:80px;
	float:left;
	clear:both;
	margin: 0 auto 30px auto;
	background-image:url(img/panelbottom.png);
	background-repeat:no-repeat;
}


#prevnext {
	width:630px;
	height:50px;
	text-align:center;
	margin:15px auto 0 85px;
}


.footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:37px;
	background-image:url(img/sunsetbgbottom.png);
	background-repeat: repeat-x;
	z-index:-10;
}

/* widgetbar */

.togglew {
	position:absolute;
	top:6px;
	right:40px;
	width:150px;
	height:30px;
	font-size:12px;
	color:#CCC;
}


.toggle {
	float:right;
}


.active {
	float:right;
}


#widgetbar {
	position:relative;
	margin:0;
	float:right;
	width:250px;
	clear:none;
	border-left:1px solid #333;
	height:auto;
}


.widget {
	margin-bottom:10px;
	border-bottom:solid 1px #333;
	padding-bottom:10px;
	width:220px;
}


#widgetbar a {
	color:#666;
	text-decoration:none;
}


#widgetbar a:hover {
	color:#CCC;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}


#widgetbar ul {
	font-size:14px;
	list-style: none;
	margin:0;
	padding:15px;
	line-height:normal;
}


#widgetbar h2 {
	font-family:'MarketingScriptRegular', Arial Black, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:34px;
	color:#f800fd;
	margin:0;
	text-shadow:0 0 8px rgba(255,255,255,.9);
}

/* wp-calendar */

#wp-calendar {
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	width:210px;
	color:#999;
}


#wp-calendar thead {
	font-size:16px;
	text-align:center;
}


#wp-calendar caption {
	text-align:left;
	font-size:18px;
	color:#CCC;
}

#wp-calendar tbody tr {
	background-image:url(img/libgi.png);
}


#wp-calendar tbody tr td {
	text-align:center;
	background-image:url(img/libgi.png);
	opacity:0.5;
	filter:alpha(opacity=50);
	color:#FFF;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 4px 4px 4px 0  rgba(0,0,0,.6);
	-webkit-box-shadow: 4px 4px 4px  rgba(0,0,0,.6);
	box-shadow: 4px 4px 4px 0  rgba(0,0,0,.6);
	text-shadow: 2px 2px 2px rgba(0,0,0,7);
}


#wp-calendar tbody tr td:hover {
	cursor:pointer;
	background-image:url(img/libgi.png);
	opacity:0.8;
	filter:alpha(opacity=80);
	text-shadow: none;
}


#wp-calendar #today {
	background-image:url(img/libgi.png);
	opacity:1;
	filter:alpha(opacity=100);
	font-size:20px;
	text-shadow: 2px 2px 2px rgba(0,0,0,7);
	color:#f800fd;
}


#wp-calendar tbody tr td a {
	font-size:20px;
	text-shadow:none;
	color:#000;
}
	

/* pages */

#widgetbar .widget_pages ul li {
	color:#CCC;
}


#widgetbar .widget_pages ul {
	list-style-type: square;
	padding-left:25px;
}

#widgetbar ul .children {
	padding:0 0 0 20px;
	list-style-type:circle;
	color:#333;
}


#widgetbar ul .children li {
	margin-top:2px;
	font-size:12px;
}

/* search */
.screen-reader-text {
	display:none;
}

/* textfield */
.textwidget {
	color:#666;
}

/* Comments */
#comments {
	background-image:url(img/panelbg.png);
	background-repeat: repeat-x;
	padding:5px;
	color:#CCC;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-style: italic;
}


.comment-body {
	position:relative;
	margin-top:20px;
	border-bottom:1px solid #333;
	padding-bottom:20px;
}


.comment-body .fn,
.comment-body img,
.comment-body .url, 
.says {
	float:left;
	margin:0 5px 10px 0;
	color:#CCC;
	clear:right;
}


.comment-body p {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:25px;
	margin:30px 0 35px 0;
	padding:0;
	clear:both;
	font-style:italic;
}


.children {
	list-style-type:none;
}


.comment-reply-link {
	position:absolute;
	bottom:0px;
	right:5px;
	padding:5px;
	font-size:11px;
}


.comment-meta {
	position:absolute;
	bottom:20px;
	right:5px;
	font-size:11px;
}


#respond {
	color:#CCC;
}


#commentform input, 
#commentform textarea {
	display:block;
	margin-bottom:-5px;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:25px;
	background:url(img/libg.png);
	color:#CCC;
	border:1px solid #666;
	padding:3px;
	overflow:hidden;
	font-style: italic;
}


input {
	display:block;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height:25px;
	font-size:14px;
	background:url(img/libg.png);
	color:#CCC;
	border:1px solid #666;
	padding:3px 10px;
}

.radio,
.checkbox {
	float:left;
}


#commentform input:focus, 
#commentform textarea:focus {
	-webkit-box-shadow:0 0 18px rgba(255,255,255,.6); 
	-moz-box-shadow: 0 0 18px rgba(255,255,255,.6);
	box-shadow:0 0 23px rgba(255,255,255,.8);
}


#commentform #submit, 
#searchsubmit, 
submit {
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	width:auto;
	cursor:pointer;
	padding:5px 15px;
	font-size:14px;
	color:#999;
	margin:15px 0 5px 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:none;
}


#commentform #submit:hover,
 #searchsubmit:hover {
	-webkit-box-shadow:0 0 18px rgba(255,255,255,.6); 
	-moz-box-shadow: 0 0 18px rgba(255,255,255,.6);
	box-shadow:0 0 18px rgba(255,255,255,.6);
}


.form-submit {
	margin:0;
	padding:0;
}


.form-allowed-tags {
	font-size:12px;
	margin:0;
	color:#666;
}


a img {
	border:none;
}

/* license: http://www.fontsquirrel.com/license/Marketing-Script */
@font-face {
	font-family: 'MarketingScriptRegular';
	src: url('fonts/marketingscript-webfont.eot');
	src: local('☺'), url('fonts/marketingscript-webfont.woff') format('woff'), url('fonts/marketingscript-webfont.ttf') format('truetype'), url('fonts/marketingscript-webfont.svg#webfont2C6GwMNf') format('svg');
	font-weight: normal;
	font-style: normal;
}