/*  
Theme Name: Rukiyes Mad
Theme URI: http://runproto.com/
Description: Let there be rock.
Author: Joen Asmussen
Author URI: http://noscope.com/
Template: proto
Version: 1.0
*/



/**
 * Force scrollbars
 */
html { overflow-y: scroll; }









/**
 * Paragraphs, Plugins & Shortcodes
 */
.si, .flash, .rating, .yt {
	display: block;
	margin: 0 0 1.5em 0;
}

.rating {
	font-family: "Lucida Sans Unicode", "Courier New", Arial, sans-serif;
	font-size: 11pt;
}
.rating span {
	margin-right: 2px;
}










/**
 * Fonts
 * Kudos to fontsquirrel.com for help in this
 */

@font-face {
	font-family: 'DejaWeb';
	src: url('fonts/DejaWeb.eot');
	src: local('DejaWeb'), local('DejaWeb'), url('fonts/DejaWeb.woff') format('woff'), url('fonts/DejaWeb.ttf') format('truetype'), url('fonts/DejaWeb.svg#DejaWeb') format('svg');
}

@font-face {
	font-family: 'DejaWebBoldItalic';
	src: url('fonts/DejaWeb-BoldItalic.eot');
	src: local('DejaWeb Bold Italic'), local('DejaWeb-BoldItalic'), url('fonts/DejaWeb-BoldItalic.woff') format('woff'), url('fonts/DejaWeb-BoldItalic.ttf') format('truetype'), url('fonts/DejaWeb-BoldItalic.svg#DejaWeb-BoldItalic') format('svg');
}

@font-face {
	font-family: 'DejaWebItalic';
	src: url('fonts/DejaWeb-Italic.eot');
	src: local('DejaWeb Italic'), local('DejaWeb-Italic'), url('fonts/DejaWeb-Italic.woff') format('woff'), url('fonts/DejaWeb-Italic.ttf') format('truetype'), url('fonts/DejaWeb-Italic.svg#DejaWeb-Italic') format('svg');
}

@font-face {
	font-family: 'DejaWebBold';
	src: url('fonts/DejaWeb-Bold.eot');
	src: local('DejaWeb Bold'), local('DejaWeb-Bold'), url('fonts/DejaWeb-Bold.woff') format('woff'), url('fonts/DejaWeb-Bold.ttf') format('truetype'), url('fonts/DejaWeb-Bold.svg#DejaWeb-Bold') format('svg');
}






/**
 * Headlines
 */

h1, #main h2
,body, input, textarea
{
	font-family: "DejaWeb", Arial, sans-serif !important;
}

#main h1, #main h2 {
	font-size: 12pt;
	line-height: 1.5em;
}

#main h1 {
	color: #ccc;
}

#main h1 a, #main h2 a {
	text-decoration:none;
	color: #666;
}
#main h2 a {
	color:  #000;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}


h3 {
	font-size: 16pt;
	line-height: 1.5em;
}












/**
 * Basics
 */
body {
	font: 9pt/1.5em Arial, Helvetica, sans-serif;
	padding: 20px;
}
#container {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#container {
	/*width: 960px;*/
	width: 850px;
}
#body, #header {
	margin-bottom: 40px;
}





















/**
 * Logo
 */

#logo a {
	display: block;
	text-decoration:none;
	font-size: 24pt;
	line-height: 1.5em;
	color: #000;
	background: url('images/logo.png') no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	width: 458px;
	height: 72px;
}
#logo a:hover {
	color: #999;
}
.proto_homelink {
	width: 592px !important;
}





/**
 * Menu
 */

#navigation {
	padding: 20px 0 15px 20px;
}
#navigation .widget_pages>ul {
	margin: 0;
}

#navigation .widget_pages>h2 {
	display: none;
}

#navigation .widget_pages>ul>li {
	display: block;
	float: left;
	position: relative;
	margin: 0 4px 5px 0;
}
#navigation .widget_pages>ul>li>a {
	text-decoration: none;
	display: block;
	float: left;
	padding: 8px 25px 8px 10px;
	font-size: 10pt;
	font-weight: bold;
	color: #666;
}
#navigation .widget_pages>ul>li>a:hover {
	color: #fff;
}
#navigation .widget_pages>ul>li>ul {
	display: none;
}


.has-dropdown {
	display: block;
	background-image: url('images/icon_dropdown.png');
	background-repeat: no-repeat;
	background-position: right 17px;
	padding-right: 14px !important;
}
.has-dropdown:hover {
	background-image: url('images/icon_dropdown_hover.png') !important;
}
.dropdown-over {
	background-image: url('images/icon_dropdown_hover.png');
}
.dropdown-over>a {
	color: #fff !important;
}

.dropdown-over a:visited {
	color: #dee3e1;
}

.dropdown-over ul {
	display: block !important;
}
.dropdown-over>ul {
	margin: 0;
	z-index: 20;
	position: absolute;
	left: 0px;
	top: 34px;
	width: 200px;
	height: 200px;
	padding: 20px 20px 20px 30px;
	color: #fff;
}
.dropdown-over a:link, .dropdown-over a:active {
	color: #666;
}
.dropdown-over a:hover {
	color: #333;
}
.dropdown-over a:visited {
	color:  #999;
}
.dropdown-over>ul>li {
	list-style: square !important;
}
#navigation li.current_page_item a {
	color:  #fff !important;
}






/**
 * Search
 */


#above_body .widget_search {
	position: absolute;
	top: 0;
	right: 0;
}
.widget_search {
	width: 200px;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.widget_search #s {
	width: 100%;
	color: #404040;
	font-style: italic;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #eee url(images/icon_search.png) no-repeat 4px center;
	border: 0;
	padding: 5px 3px 2px 21px;
}
.widget_search #s:focus {
	font-style: normal;
}
.widget_search #searchsubmit {
	display: none;
}





/**
 * Pagination
 */
.previous {
	float: left;
}
.next {
	float: right;
}


















/**
 * Colors & Styles (Will be overridden if Colors options menu is used)
 */
body {
	background: #fff;
	color: #666;
}
a:link, a:active {
	color: #8dccd9;
}
a:visited {
	color: #c0d6dd;
}
a:hover {
	color: #137e9c;
}
#navigation,
#body
{
/*	background: #fff;
	box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	-webkit-box-shadow: 0px 0px 15px #ccc;
	*/
}

.has-dropdown:hover,
.dropdown-over>ul,
.dropdown-over,
#navigation .widget_pages>ul>li:hover,
#navigation li.current_page_item
{
	background-color: #8dccd9;
}

















/**
 * Above and Below Body widget areas
 */
#above_navigation, #above_body, #below_body {
	position: relative;
	clear: both;
	margin: 0 0 20px 0;
	/*padding: 0 20px;*/
}
#above_navigation {
	position: relative;

}







/**
 * Boxes and Columns
 */
#body
{
	/*padding: 20px 0 20px 20px;*/
}


/**
 * Small columns
 */
#above_navigation>li,
#above_body>li,
#below_body>li
{
	list-style: none;
	float: left;
	width: 215px;
	min-height: 50px;
	margin: 0 20px 20px 0;
}
#above_navigation>li:last-child
#above_body>li:last-child,
#below_body>li:last-child 
{
	margin: 0 0 20px 0 !important;
}







/**
 * Main area and sidebars
 */

#sidebar, #sidebar_2 {
	float: left;
	width: 158px;
	margin: 0;
}

#sidebar>li, #sidebar_2>li {
	list-style: none;
	position: relative;
}

#sidebar {
	margin-right: 20px;
}

#main {
	position: relative;
	float: left;
	width: 592px;
	margin-right: 20px;	
}



.post {
	margin-bottom: 80px !important;
}










/**
 * Widget Areas
 */
ul.widgets {
	margin: 0;
	padding: 0;
	
	/*overflow: hidden;*/
}
ul.widgets li {
	list-style: none;
}

li.widget_recent_entries ul {
	margin:  0;
}


li.widget_wppp ul {
	margin: 0;
}
ul.wp-tag-cloud li {
	list-style: square;
}

li.widget_pages ul {
	margin: 0;
}


li.widget>ul {
	margin: 0;
}
li.widget_categories>ul {
	margin-left: 1.5em;
}







/**
 * Clearfix
 */

#header::after,
#body::after,
ul.widgets::after,
.post::after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}






/**
 * Post multi columns
 */

.multicolumn {
	float: none !important;
	width: 100% !important;
	margin-bottom: 60px;
}
.column {
	float: left;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-right: 20px;
}

.columns_2 .column {
	width: 50%;
}
.columns_3 .column {
	width: 33%;
}
.columns_4 .column {
	width: 25%;
}



































/**
 * Breadcrumbs
 */
.breadcrumbs {
	background: #c1c1bf;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #3a3a3a;
	display: inline-block;
	padding: 0 7px;
	min-width: 300px;
}
.breadcrumbs ul {
	margin: 0;
}
.breadcrumbs ul li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
	padding-right: 12px;
	line-height: 2em;
	background: url(images/breadcrumb_sep.png) no-repeat right center;
}
.breadcrumbs ul li:last-child {
	background: 0;
}
.breadcrumbs a {
	color: #3a3a3a !important;
}
.breadcrumbs .homelink a {
	display: inline-block;
	text-indent: -9999px;
	background: url(images/home.png) no-repeat center center;
	width: 20px;
	height: 20px;
	outline-style: none;
}






























/**
 * Post layout
 */
.post, div.page {
	clear: both;
	position: relative;
}

p.meta {
	clear: both;
	font-size: 8pt;
	text-transform: lowercase;
	font-style: normal !important;
	color:  #ccc;
}
p.meta em {
	font-style: normal;
	margin-right: 20px;
}
p.meta em, p.meta a {
	color: #ccc;
	text-decoration: none;
}
p.meta a:hover {
	color: #000;
}

em.comments {
	background: url(images/icon_comments.png) no-repeat left top;
	padding-left: 20px;
}
em.tags {
	background: url(images/icon_tag.png) no-repeat left top;
	padding-left: 20px;
}




code, pre, .code, .wp_syntax {
	font-family: 'Andale Mono','Lucida Console', monospace !important;
	border: 0 !important;
	background: #f7f8f8;
}
pre {
	padding: 10px;
	word-wrap: break-word;
}


blockquote {
	background: url(images/icon_quote.png) no-repeat left top;
	padding: 0 1em 0 3em;
}

ol.footnotes {
	font-size: 8pt;
	margin: 10px 0 1.5em 0;
	width: 199px;
	padding: 10px 0 0 0;
	border-top: 1px dotted #666;
}
ol.footnotes li {
	text-align: left;
	margin-left: 2em;
}





























/**
 * Footer
 */
#site_footer {
	clear:  both;
	height: 100px;
	margin-top: 50px;
	font-size: 8pt;
}
#site_footer a {
	color: #666;
}
#site_footer ul {
	margin: 0;
}

	
	










/**
 * Form elements
 */
input, textarea {
	border: 0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}
#respond textarea, #respond input {
	border: 1px solid #ccc;
}
input:focus, textarea:focus {
	box-shadow: 0px 0px 10px #8dccd9;
	-moz-box-shadow: 0px 0px 10px #8dccd9;
	-webkit-box-shadow: 0px 0px 10px #8dccd9;
}

input[type="button"], input[type="submit"] {
	border: 0 !important;
	
	position: relative;
	background: #666;
	background: -moz-linear-gradient(
		center bottom,
		rgb(20,20,20) 20%,
		rgb(120,120,120) 100%
	);
	/*
		-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,0,0)),
		color-stop(1, rgb(255,255,255))
	)
	*/

	
	color: #fff;
	
	/*
	box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	*/
	text-shadow: 0 -1px 0 #000;
	cursor: pointer;
	font-weight: bold;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background: #444;
	background: -moz-linear-gradient(
		center bottom,
		rgb(0,0,0) 0%,
		rgb(100,100,100) 100%
	);
}
/*input[type="button"]:focus, input[type="submit"]:focus {
	top: 1px;
}*/































/**
 * Widgets
 */
li.widget {
	list-style: none;
	margin-bottom: 20px;
}
.proto_cat_posts ul
,.widget_recent_comments ul
{
	margin: 0;
}
.widget_categories ul li {
	list-style: square;
}



















/**
 * Moderation
 */

.notice {
	clear: both;
	padding: 10px 10px 10px 40px;
	margin: 40px 0 10px 0;
}
.notice p, .notice h4 {
	margin: 0 0 10px 0 !important;
}




	

	

/**
 * Comments
 */


ol.commentlist {
	position: relative;
	margin: 0;
	padding: 20px;
}
ol.commentlist li {
	list-style: none;
}
ol.commentlist li cite {
	font-weight: bold;
}

h3#comments {
	text-shadow: 0 1px 0 #fff;
	margin: 0 0 10px 20px;
}

.comment-body {
	position: relative !important;
}
a#cancel-comment-reply-link {
	right: 10px;
	top: 10px;
	position: absolute !important;
	z-index: 1;
	padding: 2px;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	background: url(images/icon_close.png) no-repeat center center;
	border: 0;
	overflow: hidden;
}
.replythread {
	padding: 10px;
}

#respond {
	clear: both;
	position:  relative;
}

ol.commentlist #respond {
/*	border-top: 1px solid #ebebe9;
	border-bottom: 1px solid #ebebe9;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	*/
	
	margin-left: 20px;
	padding: 0 20px;
	border-left: 8px solid #8dccd9;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.comment-author {
	clear: both;
}
	
.comment-author img.avatar {
	float: right;
}
.comment-author cite {
	display: block;
	color: #666;
}
.comment-author cite a {
	color: #666;
	border-color: #666;
}
span.says {
	display: none;
}
.comment-meta a {
	font-size: 8pt;
	color: #666;
	text-decoration: none;
	text-transform: lowercase;
}

a.comment-reply-link {
	background: url(images/icon_comments.png) no-repeat left center;
	padding: 4px 4px 4px 20px;
}


.page-numbers {
	display: block;
	float: left;
	margin: 20px 0 20px 20px;
}



li.comment {
	padding-bottom: 20px;
}
.children {
	margin-top: 20px;
}
.children li.comment {
	margin-left: 20px;
}












/**
 * Commentform
 */

input, textarea {
	font-size: 10pt;
	padding: 0 2px;

	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="button"],input[type="submit"] {
	padding: 4px;
}
textarea {
	width: 100%;
	padding: 4px;
}

a.close {
	right: 10px;
	top: 10px;
	position: absolute;
	z-index: 10;
	padding: 2px;
	width: 12px;
	height: 12px;
	display: block;
	text-indent: -9999px;
	background: url('images/icon_close.png') no-repeat center center;
	border: 0;
}








.comment-author {
	font-weight: bold;
}
.comment-meta {
	margin: -5px 0 1.5em 0 !important;
}




/**
 * Comment widths
 */

ol.commentlist li, #commentform {
	width: 450px;
}
body.two-columns ol.commentlist li, body.two-columns #commentform {
	width: 685px;
}
body.one-column ol.commentlist li, body.one-column #commentform {
	width: 920px;
}