/*  
Theme Name: Dudye Magazine
Theme URI: http://dudye.com/
Description: The original Dudye Magazine Dezign.
Version: 3.0
Author: Juan Shaban
Tags: Cool
*/
#ned{position:absolute; top:1px; right:20px; }

body, h1, form{ margin: 0; padding: 0;  font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.75em; vertical-align: top; } 
h2, h3, h4, h5, h6, blockquote, p, form{ margin: 8px; padding: 0;}
body{background: #fff; margin: 0; padding: 0; }
h1{font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 2em; padding: 0 0 4px 0; }
#supramenu{float:right;}
#header{position:relative;}
.mond { position:absolute; left:2px; top:1px;}
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;}
.share_care {width: 634px; padding-left:0px;}
.share_care a {background-color:none;}
.share_care img {background-color:none; border: none; margin-right:0.8em;}

a:link,  a:visited {text-decoration: none; color: #000;}  
a:hover{text-decoration: underline; color: #000;}
img{ border-style: none;}
#header_wrapper{ margin-bottom: 11px;}
#header{margin: 0 auto; width: 970px; height: 50px; padding: 5px 0px 0px 0; }
#header_superwrapper{float:right;}
#content_container{ margin: 0 auto; width:966px; }
#minicontainer {width: 750px; float: left; min-height: 100%; }
.related-posts { width: 612px; margin-top: 18px; padding: 0px;} 

.minicontext {float:left; margin:5px; height:360px; width:234px; background:#f9f9f9; 
-webkit-border-top-right-radius: 1px;
-webkit-border-top-left-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius-topright: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-bottomright: 1px;
-moz-border-radius-bottomleft: 1px;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3);
}
 
.minicontent {width:230px; margin:1px 2px 3px 0px; } 
.minicontent img {margin:0px; border: 1px solid #E2E2E2; border-bottom-left-radius: 2px 2px; border-bottom-right-radius: 2px 2px;
border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px;}
.minicontent h2 {font-family:'Lucida Grande', Verdana, sans-serif; color:#262626; padding-top:2px; padding-bottom:2px;}
.minicontent h3 { padding-top: 8px; padding-bottom: 2px;}
.minicontent p {display: block; margin: 1em 0px; }

.ministory {margin:5px 0px 5px 6px;}

.ministorytitle a {color:#333; font-size:14px; text-decoration:none; font-family: 'Lucida Grande', Verdana, sans-serif;}
.ministorytitle a:hover{ font-size:14px; text-decoration:underline;}
.ministorycontent {padding: 8px 0px; color:#333333; font-family:'Helvetica Neue',Arial,sans-serif; font-size:12px;}

#story {margin:20px 0px 15px 0px; border-bottom: solid 1px #f1f1f1;}
.storytitle a {color:#333333; text-decoration:none; font-family: 'Lucida Grande', Verdana, sans-serif;}
.storytitle a:hover {font-family: 'Lucida Grande', Verdana, sans-serif; line-height:130%; color:#333333;}
.storycontent {padding: 12px 0px; color:#333333; line-height:130%; font-family:'Helvetica Neue',Arial,sans-serif; font-size:15px;}
.storycontent a img {border: 1px solid #E3E3E3;
border-bottom-left-radius: 2px 2px; border-bottom-right-radius: 2px 2px;
border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px; margin: 3px; padding: 3px; } 

#container{ float: right; margin: 0px; padding: 0px; margin-top: 12px;}
.post{ background: #fff; width: 640px; 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{text-decoration: none; color: #000;} 
.p-post a:hover {text-decoration: underline;}
.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: #f9f9f9; float: left; border: 0px solid #999; width: 210px; margin-top: 12px; padding: 0px; 
height: 100%; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.85em;
-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3);}
.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: #777; }
.sidebar a:hover{ color: #0086b8; }
#pop {margin:6px auto; position:relative;}
.popink{position:absolute; top:135px; font-size:10px; background: #1e1e1e; color: #999; 
float: right; margin: 0px 8px 18px 0px; padding: 2px 10px;}
.popink a, a:hover {text-decoration:none;}
#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: #888; 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: #f9f9f9;}

#footer_superwrapper {margin: 0 auto; position:relative; width: 959px; height: 1000px; list-style: none; background-color: #f9f9f9;}
#footer_superwrapperd {margin: 0 auto; border: 1px solid #999; height: 940px; list-style: none; background-color: #f9f9f9;}
 
#footer_superwrapperd .superrecent{ margin:3px; float:left; list-style: none; background-color: #f9f9f9;}

.copy{bottom:5px; position:absolute; color: #ccc;}

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: Verdana, sans-serif; font-size: 1.1em;}
.sf-menu li {background: #d1d1d1;}
.sf-menu li li { background: #e1e1e1;}
.sf-menu li li li { background:	 #e1e1e1;}
.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#0086b8; 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 ***/