/*
Theme Name: Renegade (Wasurenai)
Theme URI: http://frostpress.com/themes/renegade
Description: Theme in soft colors and sharp corners.
Version: 1.0
Author: Frostpress
Author URI: http://frostpress.com
Tags: Blue, White, two-columns, right-sidebar, fixed-width, threaded-comments, light

This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)

Background art by Designious (http://www.designious.com) via Vecteezy (http://www.vecteezy.com/vf/879-Designious-Megapack-Samplers)
*/

/* basic */
	body { width:100%; background:#333 /*url('images/bg.gif') top left repeat-x*/; margin:0px; padding:0px; font:13px/150% Tahoma, Verdana, Helvetica, sans-serif; color:#333333; }
	a {  text-decoration:none; outline:none; }
	a:hover {  text-decoration:none; }
	a img { border:0; }
	blockquote { background-color:#F4F5F7; padding:5px 10px 5px 10px; margin:10px; line-height:160%; border-left:solid 6px #B5BCC4; }
	pre { display:block; clear:both; margin:10px; padding:10px; background-color:#F2F3F4; line-height:160%; border:solid 1px #ccc; overflow:auto; /*white-space:pre;*/  
	font:normal 12px "Courier New", Courier, monospace; }
	ul { list-style-image:url('images/dot.gif'); }
	input, select, textarea { font:8pt Verdana, Arial, sans-serif; color:#333333; }
	textarea { line-height:160%; }
	form { margin:0px; padding:0px; }
	p { margin:11px 0px 11px 0px; }
	acronym, abbr { cursor:help; border-bottom:1px dashed #999; }
	code { font:1.1em 'Courier New', Courier, Fixed; }

/* layout */
	#wrap { width:1247px; margin:0px auto 0px; padding:0px; overflow:hidden; /*background:url('images/bg_right.gif') 470px top no-repeat;*/ }
	#c1 { width:80%; float:left; padding:0px; margin:0px; overflow:hidden; }
	#c2 { width:20%; float:left; padding:0px; margin:56px 0px 0px 0px; overflow:hidden; }

/* header */
	/* menu */
	ul.menu{background-color: #000; list-style:none; list-style-image:none;margin:0px auto 0px 0px; padding:0px 10px 0px; width:100%; height:21px;}
	ul.menu li{float:left; margin:0 0 0 5px; background:#000; font-weight:bold; font-size:11px; line-height:1;}
	ul.menu li a{display:block; color:#fff; padding:5px 10px;}
	ul.menu li a:hover{text-decoration:none; background:#444;}
	ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover{color:#444; background:#ccc;}

	#header { color:#FFFFFF; }
	#header h1 { letter-spacing:-2px; font:bold 34px/36px Helvetica, Arial, sans-serif; }
	#header h4 { color:#AAB3B9; }
	#header a { color:#FFFFFF; }

/* posts */
	.post { margin:0px 0px 10px 0px; padding:0px 10px 0px 20px; overflow:hidden; background-color:#FFFFFF; border-bottom:solid 6px #000; border-radius: 20px; -moz-border-radius: 20px;}

	#submenu { float:right; overflow:hidden; font:11px/150% Verdana, Arial, sans-serif; margin:10px 0px 10px 10px; padding:10px; background-color:#F4F5F7; }
	#submenu ul { margin:0px; padding:0px 0px 0px 20px; }
	#submenu ul li { padding:5px 0px 0px 0px; }

	/* post title */
	.post-title { overflow:hidden; }
	.post-title h1 { color:#333333; letter-spacing:-2px; font:bold 32px/36px Helvetica, Arial, sans-serif; margin:10px 10px 10px 10px; }
	.post-title h1 a { color:#333333; }
	.post-title h1 a:hover { color:#666666; }

	/* post text */
	.post-text { overflow:hidden; padding:0px; margin:0px 10px 10px 10px; }

	/* post info box */
	.post-sub { overflow:hidden; font:11px/180% Verdana, Arial, sans-serif; margin:10px 0px 10px 0px; padding:10px; background-color:#F4F5F7; }
	.post-comments { float:right; font-weight:bold; }
	.post-author { /*display:none;*/ }

/* comments */
	.commentlist { padding:0px; margin:0px; overflow:hidden; }
	.commentlist ul { margin:0px; padding:0px; list-style:none; list-style-image:none; }
	.commentlist li { margin:0px 0px 0px 30px; padding:0px; list-style:none; overflow:hidden; }
	.commentlist .depth-1 { margin:0px !important; }

	.comment-arrow { background:url('images/bg_comments.gif') 20px top no-repeat; height:8px; margin-top:10px; overflow:hidden; }
	.comment-text { overflow:hidden; background-color:#ECEFF2; padding:10px 10px 10px 10px; border-bottom:solid 3px #71808C; }
		.avatar { float:left; border:1px solid #EEEEEE; padding:2px; margin:0px 10px 0px 0px; background:#FFFFFF; }
		.comment-author cite, .comment-author cite a { font-weight:bold; font-style:normal; }
		.comment-meta a { font-size:8pt; color:#999999; }
		.comment-reply { font-size:8pt; float:right; }
			.comment-reply a { background-color:#F8F9FA; padding:3px 7px 3px 7px; color:#333333; margin-left:5px; }
			.comment-reply a:hover { background-color:#FFFFFF; }

	.trackbacklist { padding:0px 0px 0px 20px; overflow:hidden; }
	.trackbacklist .comment-author cite, .trackbacklist .comment-author cite a { font-weight:normal; }

	#respond input, #respond textarea { background-color:#F8F8F8; padding:4px; border:solid 1px #CCCCCC; }
	#respond input { background:#F8F8F8 url('images/dot.gif') 6px 6px no-repeat; padding-left:20px; }
	#respond input:hover, #respond textarea:hover { border:solid 1px #AEAEAE; }
	#respond #comment { width:98%; max-width:98%; }
	#respond #submit { background-color:#E3E4E6; }
	#respond #submit:hover { background-color:#D7D8DB; }

/* bottom navigation */
	.page-nav { overflow:hidden; }
	.page-nav a { background-color:#FFFFFF; border-bottom:solid 6px #000; padding:10px; color:#333333; }

/* widgets */
	#widgets { list-style:none; list-style-image:none; margin:0px; padding:0px; font:11px/150% Verdana, Arial, sans-serif; }
	.widget { margin:10px 0px 10px 10px; padding:10px; background-color:#F4F5F7; border-bottom:solid 6px #000; -moz-border-radius:10px; border-radius: 10px;}
	.widget.search { opacity:0.95; }
	.widgetblock { margin:10px 0px 10px 10px; padding:10px; background-color:#F4F5F7; border-bottom:solid 6px #71808C; width:300px; }
	.widget h2, .widgetblock h2 { margin:0px 0px 0px 0px; padding:0px; color:#687682; font:bold 11px/150% Verdana, Arial, sans-serif; }
	.widget ul { margin:0px 0px 0px 20px; padding:0px; }
	.widget ul li { padding:5px 0px 0px 0px; }

	#search { margin:0px; }
	#search input { width:205px; padding:6px; background-color:#FFFFFF; color:#666666; border:solid 1px #DDE0E6; border-bottom-color:#F4F5F7; border-right-color:#F4F5F7; }

/* footer */
	#footer { overflow:hidden; padding:0px 0px 20px 0px; text-align:center; font:8pt Verdana, Arial, sans-serif; color:#888888; }
	#footer a { color:#555555; }
	#footer a:hover { color:#777777; }

/* Wordpress defaults */
	.navigation { overflow:hidden; width:98%; display: block; text-align: center; margin:auto; padding:10px; }
	p img { padding: 0; max-width: 100%; }
	img.centered { display: block; margin-left: auto; margin-right: auto; }
	img.alignright { padding:0px; margin:0px 0px 2px 7px; display: inline; }
	img.alignleft { padding:0px; margin:0px 7px 2px 0px; display: inline; }
	.alignright { float: right; }
	.alignleft { float: left }

	/* Begin Calendar */
	#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
	#wp-calendar a { text-decoration: none; }
	#wp-calendar caption { font-weight:bold; text-align: center; }
	#wp-calendar th { font-style:normal; font-weight:normal; text-transform: capitalize; }
	#wp-calendar { empty-cells: hide; width: 200px; }
	#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; background-color:#D3CFBE; }
	#wp-calendar #today { background-color:#BDC6D5; }
	#wp-calendar caption { text-align: center; width: 100%; }
	#wp-calendar td { text-align: center; background-color:#EAE8DF; }
	#wp-calendar .pad { background-color:#F5F4F1; }
	/* End Calendar */

	/* Captions */
	.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	.wp-caption { padding-top:4px; margin:10px; }
	.wp-caption img { margin:0; padding:0; border:0 none; }
	.wp-caption p.wp-caption-text { text-align:center; font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
	/* End captions */


#DDL PAGE STYLE STARTS HERE.

div.bg_menu
{
#background: #F4A000;
#position: static;
#width: 25%;
}

li.hover
{
position: static;
width: 25%;
}

#sddm
{	
	margin: 0;
	padding: 0;
	z-index: 3;
	width: 25%;
}

#sddm li
{
	margin-left: 0px;
	padding: 0;
	width: 100%;
	list-style: none;
	float: left;
	font-weight:bold;
	font-size:10px;
	background: #F4A000;
}

#sddm li a
{
	display: block;
	margin: 0 0 0 0;
	padding: 4px 1px;
	padding-left: 10px;
	background: #F4A000;
	color: #FFF;
	text-align: left;
	text-decoration: none;
}

#sddm li a:hover
{
	background: #8E0D3B;
}

#div.c
{	position: absolute;
#	left: -28.5%;
# <br /> =~32px;
	top: 345px;
	width: 100px;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #F4A000;
	border: 1px solid #5970B2;
}
p.hover
{
	padding: 0px 10px;
	cursor: pointer;
	color: white;
}

#sddm div
{	position: absolute;
	left: 32%;
# <br /> =~32px 415;
	top: 479px;
	width: 600px;
	visibility: hidden;
	margin: 0;
	padding: 0;
#	background: #EAEBD8;
	background: #F4A000;
	border: 1px solid #5970B2;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: white;
		color: #2875DE;
		font: 10px arial;
}

	#sddm div a:hover
	{	background: #8E0D3B;
		color: #FFF;
}