/*  
Theme Name: Dudye Magazine
Theme URI: http://dudye.com/
Description: The original Dudye Magazine Dezign.
Version: 3.0
Author: Juan Shaban
Tags: Cool
*/
body, h1, form{ margin: 0; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 0.75em; vertical-align: top; color: #221e1f;}

h2, h3, h4, h5, h6, blockquote, p, form{ margin: 8px; padding: 0;}
body{background: #404040; margin: 0; padding: 0; }

h1{font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 2em; padding: 0 0 4px 0; }
#supramenu{float:right; margin:0;}

#header h1{margin: 0;}
#header h1 a{ color: #d41d1d; } #header h1 a:hover{ color:#0f79c5; text-decoration: none; }

h2, h3 {font: 20px 'Helvetica, Arial, Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: -5px 0 2px 0; padding: 0; font-weight: bold;}
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: normal; line-height: 1.2em; }
h5 {font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: normal; line-height: 1.2em;}

a:link, a:visited{text-decoration: none;color: #d41d1d;}  a:hover{text-decoration: none;color: #d41d1d;}
img{ border-style: none;}
#header_wrapper{ margin: 0 auto; width: 100%; }
#header{background: #404040; margin: 0 auto; width: 879px; height: 30px; padding: 5px 0px 0px 0; }
#header_superwrapper{float:right;}

#background_container{width: 100%; background-color: #404040;}
#content_container{ margin: 0 auto; width: 860px; }
#container{ float: right; width: 617px; margin: 0px; padding: 0px;}

.post{ background: #f0f0f0; width: 600px; font-family: Arial, Verdana, sans-serif; font-size: 1.05em; 
float: left; padding: 30px 10px 25px 10px; border-top: 1px solid #0d0d0d; border-left: 0px solid #ef4c28;}
.p-post a:link, a:visited{text-decoration: none; color: #d41d1d;} 
.post h2{ font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 2.3em; padding: 10px 0  10px 0; }
.post h2 a{ color: #0c0c0c; } .post h2 a:hover{ color: #000; }
.entry{	line-height: 1.8em; float: left; width: 599px; }
p.post { margin: 1em 0; }
p.postmetadata{ border-top: 1px solid #ccc; margin: 10px 0 0 0; font-size: 0.85em; clear: both; }
p.postmetadata a{ color: #0f79c5; }

.navigation{ float:right; margin: 15px 15px 0 0;}

.sidebar{ background: #212121; float: left; width: 210px; margin: 0px; padding: 0px; 
height: 100%; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.85em;}
.sidebar ul{list-style-type: none; margin: 0; padding: 0 2px 0 5px; border-top: 0px solid #ef4c28; border-right: 0px solid #ef4c28;}
.sidebar h2{ font-family: Georgia, sans-serif; font-size: 1.3em; color: #d41d1d; padding: 10px 0 10px 0; }
.sidebar ul ul li{ padding: 0; line-height: 20px; }
.sidebar a{ color: #5b5b5b; }
.sidebar a:hover{ color: #d41d1d; }

#wp-calendar a{ color: #0f79c5; }
#wp-calendar{ width: 100%; }

#searchform div{ float: right; padding: 0; }
#searchsubmit{background: url(img/go_button.png) no-repeat; width: 25px; height:25px; border: 0px; cursor:pointer; vertical-align:top;}
#s{ color: #5b5b5b; border: 1px solid #171717; background: #fff; }
.hidden{ display: none; }
#subscribe {margin: 0 0 10px 0;padding: 0; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 0.95em;}
#subscribe .l{float: left;}
#subscribe .r{float: right;}

#subscribe a {color: #171717; } 
#subscribe a:hover{ color:#0f79c5; text-decoration: none; }

/** comment styles **/
#reply_form {list-style: none; width: 434px; margin: 7px 0 0 0; padding: 8px; float: left; }
#reply_form h3 {font: 20px 'Helvetica, Arial, Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
margin: 15px 0 2px 0; padding: 0; font-weight: bold;}
.comments-template { }

.comment-author { font-weight: normal; }
.comment-meta { font-size: 10px; font-weight: normal; margin: 0 0 10px 0; }
.dets{list-style: none; }

img.avatar { float: right; margin: 2px 0 10px 15px; padding: 8px; background: #c2c2c2;}

ol.commentlist { margin: -22px 0 0 0; padding: 0; list-style: none; } 
ol.commentlist cite { font: 15px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-weight: bold;} 
ol.commentlist li.alt { padding: 20px 0 20px 0; border-bottom: 1px solid #E3E4E7; }
ol.commentlist li { padding: 20px 0 20px 0; border-bottom: 1px solid #E3E4E7; }
ol.commentlist li div.reply {cursor:pointer;background: url(images/reply.jpg) top left no-repeat; border: none; width: 39px;
height: 20px; padding: 0 0 0 7px; }

* + html ol.commentlist li div.reply { line-height: 1.3em; }
ol.commentlist li div.reply a { color: #FFFFFF; font-weight: normal; text-decoration: none; font-size: 10px;}
ol.commentlist li div.reply a:hover { color: #CCCCCC; background: none; }
ol.commentlist li ul.children { list-style: none;  margin: 0; padding: 0; text-indent: 0; }
ol.commentlist li ul.children li { padding: 20px 0 0px 40px; border-bottom: none;}
ol.commentlist li ul.children li.alt { padding: 20px 0 0px 40px; border-bottom: none; }
ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }

#comments-last-item {float: left; margin: -1px 0 0 0; background: #FBFBFB; width: 440px; height:1px;}
.content-body{list-style: none;}
#comment { border: 5px solid #CACBCB; width: 444px; height: 200px; padding: 5px; font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}
#comment:hover{ border: 5px solid #171717;} 

#author {border: 1px solid #CACBCB; width: 154px; height: 20px; padding: 4px 5px 0 5px; font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
#email {border: 1px solid #CACBCB; width: 154px; height: 20px; padding: 4px 5px 0 5px; font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
#url { border: 1px solid #CACBCB; width: 154px; height: 20px; padding: 4px 5px 0 5px; font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.clear_float{ clear: both; }

#footer_superwrapper a {color: #717171; font: 11px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;}  #footer_superwrapper a:hover{ color:#d41d1d; text-decoration: underline; } 
#footer_superwrappert {margin: 0 auto; width: 100%; height: 16px; list-style: none; background-color: #161616;}

#footer_superwrapper {margin: 0 auto; width: 865px; height: 890px; list-style: none; background-color: #404040;}
#footer_superwrapperd {margin: 0 auto; height: 890px; list-style: none; background-color: #161616;}

#footer_superwrapperd .superpics{float:right; width:205px; list-style: none; background-color: #161616;}
#footer_superwrapperd .superpage{float:right; width:130px; list-style: none; background-color: #161616;}
#footer_superwrapperd .superrecent{float:left; width:500px; list-style: none; background-color: #161616;}

img.avatar{ float:left; margin-right:5px; }

.aligncenter{ display: block; margin-left: auto; margin-right: auto; }
.alignleft{ float: left; }
.alignright{float: right; }

/*** MENU STYLES ***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
.sf-menu { line-height:	1.0; }
.sf-menu ul {float: left; position:absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:	 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position:relative; display: inline;}
.sf-menu a { display: block; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

/*** DEMO SKIN ***/
.sf-menu { float: left; margin-bottom:	1em; }
.sf-menu a { border-left: 1px solid #fff; border-top: 0px solid #fff; padding: .75em 1em; text-decoration:none; }
.sf-menu a, .sf-menu a:visited { color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; font-weight: bold;}
.sf-menu li {background: #212121;}
.sf-menu li li { background: #212121;}
.sf-menu li li li { background:	 #212121;}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#d41d1d; outline: 0;}

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 	2.25em; min-width: 1px; }
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;

	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** END MENU ***/


/* Contains the entire tabbed section */
.tabbed {list-style-type: none;
         border: 0px solid #ccc;  
	}

/* List of tabs */.tabbed ul.tabs {list-style-type: none;
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li {list-style-type: none;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li a {list-style-type: none;

	display: block;
	margin: 0 2px 0 0;
	padding: 5px 7px;
	}
.tabbed ul.tabs li a:hover {list-style-type: none;
	}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {list-style-type: none;
	}

/* The content shown when a tab is selected */
.tabbed div {list-style-type: none;
	float: left;
	display: block;
	width: 100%;
	}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {list-style-type: none;
	display: none;
	}

/* Content for inside your tabs' divs */
.tabbed div ul {
	}
.tabbed div p {
	}
.tabbed div div {
	}