/*
Theme Name: DNWorld
Description: DNWorld theme modified by Oinkba Design, original theme "Fun Design" by Karan Khatri.
Version: 1.2
Author: Oinkba Design
*/


body{font-family: Helvetica, Arial, Verdana, sans-serif;color:#333;font-size:13px;margin:0;padding:0;font-weight:normal;}

.wrap{width:980px;margin:0 auto;padding:0;}

img{ margin:0;border:none;} 

p{margin:0;padding:0;line-height:1.6em;} 
p img.left{float: left;margin:5px 8px 8px 0;padding:5px;background:#fff; border:1px solid #ddd;}
p img.right{float:right;margin:5px;padding:5px;background:#fff;border:1px solid #ddd;}

h1,h2,h3,h4,h5,h6 {color:#333;font-weight:normal;letter-spacing: -0.03em;margin:0;padding:0;} 
h1{font-size:24px;} 
h2{font-size:20px;padding:0 0 0 20px;background: url(images/li.png) 0 1px no-repeat;}
h3{font-size:16px;border-bottom: 1px dashed #DFDFDF;}
h4{font-size:14px;}
h5{font-size:10px;}
h6{font-size:8px;}

.h3-title {
 color:#262b23;
 font-weight:normal;
 letter-spacing: -0.01em;
 font-size:22px;
 padding-left:22px;
 margin-top:20px;
 background: url(images/sideli.gif) no-repeat 0px -2px;
 }

b, strong {background:#FFF;border:1px dashed #DFDFDF;padding: 1px;}

.hl-1{color:#F60;}
.hl-2 {color:#6C3;}

.line {border-top:1px solid #DDD;border-bottom:1px solid #FFF;}



/****	General Links			*/
a:link,a:active,a:visited,a:hover{color:#39C;outline: none;text-decoration:none;}
a:hover{text-decoration:none;color:#222;}
 

 
/**** Search ****/ 
#search-container {background: #EEE;}
.search-box {width:260px;margin-top:25px;padding:0;float:right;display:block;}
.search-box-splash {width:260px;margin:0 0 50px 0px;padding:0;float:left;display:block;}
form#searchform{margin:0;padding:0;}
#s{width:180px;float:left;background: url(images/searchbg.png) left top no-repeat;height:28px;padding:12px 10px 1px 15px;display:block;border:none;font-size: 1.1em;margin:0;outline:none;}
input#sbutton {width:45px;height:38px;background: url(images/search.png) top right  no-repeat;text-indent:-9999px;border:none;cursor:pointer;margin:0;outline:none;}



/**** Search Bar Additions ****/
.search_bar_ad{padding:20px 0 20px 0;float: left;}
.search_bar_ad_right {padding:20px 0 20px 0;float: right;}

.tools-dev {
background: url(images/tools_dev.png) no-repeat;
width: 350px;
height: 125px;
position:relative;
margin-top:5px;
float: left;
}



/**** Header ****/  
#header{margin:0;height:110px;padding:0 10px;border-top: 5px solid #444;background: #222;}
#header h1{margin: 15px 0;padding:0;display:block;background:url(images/logo_header.png) no-repeat;height:80px;text-indent:-9999px;}
.head-left{float:left;width:400px;}
.head-right{float:right;width:450px;font-size:25px;margin:25px 0 0 0;color:#BBB;text-align:right;letter-spacing: -0.03em;}
.head-right-small {font-size:14px;line-height: 2px;color:#999;font-style: italic;border-bottom: 1px dotted #C33;}



/**** Navigation Menu ****/
#menu{background:#333;border-bottom: 2px solid #FC0;margin:0;padding:0;}
#nav-right{float:right;margin:0;padding:0;}
#nav, #nav ul{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin:0;padding:0;list-style-type:none;list-style-position:outside;position:relative;}
#nav a{display:block;padding: 7px 13px 7px 13px;margin:0;border-right:1px solid#333;color:#CCC;text-decoration:none;background-color:#272727;}
#nav a:hover{background-color:#9C3;color:#222;border-right:1px solid #9C3;}
#nav li{float:left;position:relative;}
#nav ul {position:absolute;display:none;width:12em;top:2.3em;}
#nav li ul a{width:137px;height:auto;float:left;}
#nav ul ul{top:auto;}
#nav li ul ul{left:12em;margin:0 0 0 20px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active{color: #9C3 !important;}
.current_page_item a:hover{color: #FFF !important;}
.selected_page_item a:link, .selected_page_item a:visited, .selected_page_item a:active{color: #9C3 !important;}
.selected_page_item a:hover{color: #222 !important;}



/**** Featured ****/ 
#featured{background: #EEE;height:365px;padding:15px 0 0 35px;}
#featured h1{font-size:42px;line-height:1.2em;text-align:center;padding-top:30px;margin-bottom:30px;}
#featured p{color:#252e28;font-size:16px;text-align:center;}
.fea{background: url(images/fea-img.gif) no-repeat;padding:10px;width:424px;height:335px;float:left;margin-right:20px;}
.fea img{padding:0 0 0 5px;margin:0;}
.button-create{text-align:center;margin-top:30px;}



/**** Featured Slider ****/
.stepcarousel{position:relative;overflow:scroll;width:380px;height:385px;margin:0;}
.stepcarousel .belt{position:absolute;left:0;top:0;}
.stepcarousel .panel{float:left;overflow:hidden;width:380px;margin:32px 0 0;padding:0;} 


 
/**** Containers ****/  
#container{padding:0;margin:30px 0 0 0;}

#left-container{width:315px;float:left;padding-right:20px;border-right:1px solid #dfdfdf;}
#left-container h3{font-size:22px;margin:0;padding:0;line-height:1.1em;}

#right-container{width:620px;float:right;padding-left:20px;}
#right-container h2{font-size:30px;line-height:1.1em;margin-bottom:15px;}
#right-container h3{font-size:22px;line-height:1.1em;margin-bottom:15px;}



/**** Column Boxes ****/   
.recent{width:300px;}
.recent img{padding:2px;width:140px;height:80px;background:#F5F5F5;border:1px solid #9C3;}
.recent img:hover{background:#333;border:1px solid #333;}

.agency{background:#F5F5F5;border:1px solid #dfdfdf;padding:5px;width:305px;margin-top:10px;margin-bottom:30px;}
.agency img{background:#FFF;border:1px solid #dfdfdf;padding:8px;margin:5px;width:125px;height:125px;}
.agency img:hover{background:#333;border:1px solid #dfdfdf;}
 


/**** Services Gallery ****/  
.services-gallery-left{width:280px;float:left;margin-bottom:30px;}
.services-gallery-right{width:280px;float:right;margin-bottom:30px;}
.services-gallery-left p, .services-gallery-right p{width:280px;padding-top:10px;}
.services-gallery-left img, .services-gallery-right img{width:280px;margin:5px 10px 0 0;}
 


/**** Entry ****/   
.entry{padding:0 20px 20px 0;border-bottom:1px dotted #ccc;margin: 0 0 20px 0;}
.entry p{margin:5px 0;padding:2px 0;font-size:14px;line-height:19px;}
.entry img{padding: 8px 8px 8px 0;}
.entry-box{padding:8px;background:#f5f5f5;border:1px solid #ddd;margin-bottom:20px;}
.entry-box-icon{background: url(images/entry_box_icon.png) no-repeat;float:right;position:relative;top:-22px;right:20px;height:24px;width:24px;}
.entry h2 a:link, .entry h2 a:active, .entry h2 a:visited{color:#222;}
.entry h2 a:hover{color:#000;}
  
.postmeta{margin:10px 0;padding:0 0 5px 0;}
.date {float:left;}
.category{float:right;}
 
p.posttag{display:block;margin:10px 0 0 0;padding:5px 0 5px 0;}

.graph{background: url(images/graph.gif) 370px 0 no-repeat;}
.free-plugs{background: url(images/free_plugs.png) no-repeat;width: 120px;height:121px;float:right;}


 
/**** Theme Gallery Pages ****/  
#gallery{padding-top:30px;}
.gallery-block{width:320px;float:left;margin:10px 0 20px 0;padding:0;}
.gallery-block img, .gallery-block p{padding-left:10px;}
.gallery-block h2{padding-left:20px;}



/**** Icons and Buttons ****/ 
.premium-developer {background: url(images/icons/premium_developer.png) top left no-repeat;width:445px;height:65px;}
.premium-themes {background: url(images/icons/premium_themes.png) top left no-repeat;width:284px;height:79px;padding-bottom:5px;}
.premium-tools {background: url(images/icons/premium_tools.png) top left no-repeat;width:254px;height:86px;padding-bottom:5px;}
.premium-storage {background: url(images/icons/premium_storage.png) top left no-repeat;width:264px;height:78px;padding-bottom:5px;}
.premium-splash {background: url(images/premium_splash.jpg) top left no-repeat;width:952px;height:332px;}
.premium-activate {background: url(images/premium_activate.png) top left no-repeat;width:582px;height:142px;}
.our-platform {background: url(images/icons/our_platform.png) top left no-repeat;width:316px;height:80px;}
.more-here {background: url(images/more_here.png) top left no-repeat;width:213px;height:74px;}
.recommend-theme {background: url(images/recommend_theme.png) top left no-repeat;width:331px;height:79px;}



/**** Comment Box ****/ 
form p{margin:0 0 5px 0;padding:0;}
#comment-box{border-bottom:1px dotted #ccc;}
#comment-box h3{font-size:20px;padding:5px 0 10px 0;display:block;}
#comment-box input {
 width: 220px;
 margin: 2px 0 10px 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-bottom: 1px solid #eee;
 border-right: 1px solid #eee;
 height:20px;
 font-size: 12px;
 color:#000;
 padding:5px 0 0 5px;
}
#comment-box label{display: block;font-size:small;font-weight:bold;margin:0;padding:0;}
#comment-box textarea{width:350px;height:150px;display:block;border: 1px solid #ddd;margin:0;padding:5px 0 0 5px;font-size:small;color:#000;}
 
input#submit-comment{font-size:small;font-weight:bold;color:#000;width:155px;height:30px;margin:10px 0 0 0;padding:0;border: 1px solid #ccc;background:#fff;}
 
ol.commentlist{margin:0;padding:0;list-style:none;} 
ol.commentlist p{line-height:1.7em;}
ol.commentlist li{border:1px dotted #bbb;padding:10px;background:#f1f1f1;margin-bottom:20px;}
 
#content .commentlist ul li{list-style:none;}

.comment-author cite{float:left;margin-right:5px;font-style:normal;color:#000;}
.comment-author img{padding:5px;border:1px solid #ddd;background:#fff;float:right;}
 
#respond:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

.children{padding: 0;margin:0;}
ul.children{list-style:none;} 
ul.children li{margin:10px 0;}
 

 
/**** Sidebar ****/ 
#sidebar{padding-right:30px;}
#sidebar ul{padding:0;margin:0 0 25px 0;}
#sidebar li{margin:7px 0 0 0;padding:0;display:block;}
#sidebar ul li{list-style:none;}
#sidebar ul li a:link, #sidebar ul li a:active, #sidebar ul li a:visited {
margin:0 0;
padding:8px 0 8px 20px;
display:block;
color:#666;
height:1%;
background: url(images/sidelibg.gif) no-repeat;
border-bottom: 1px dotted #b1b1b1;
border-top:1px solid #fff;
} 
#sidebar ul li a:hover{background: url(images/sideli.gif) no-repeat;color:#d00000;}
#sidebar h2{border-bottom:1px solid #ddd;padding: 0 0 15px 40px;margin:0 0 15px 0;}
h2.post{background: url(images/post.png) no-repeat;}
h2.cat{background: url(images/folder.png) no-repeat;}



/**** Login Form ****/
.loginform{color:#555;background:#FFF;border: 1px solid #DFDFDF;padding:10px;margin:0;}
.logintxt{font-size:12px;}
.logininput{color:#444;background:#FBFBFB;border: 1px solid #DFDFDF;margin-bottom:20px;width:270px;font-size:24px;}
.loginrem{float:left;font-size:11px;}
.loginsubmit{float:right;}
 

 
/**** Pagination ****/
.pagination{font-size:13px;font-weight:bold;}
.pag-box-left{float:left;background-color:#9AA522;color:#FFF;padding:7px;}
.pag-box-left:hover{background-color:#D9D8D7;color:#333;}
.pag-box-right{float:right;background-color:#9AA522;color:#FFF;padding:7px;}
.pag-box-right:hover{background-color:#D9D8D7;color:#333;}



/**** Miscellaneous ****/
.aligncenter, div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignright{float:right;margin:0 0 10px 10px;padding:3px;}
.alignleft{float: left;margin:0 10px 10px 0;padding:3px;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
blockquote{padding:5px 13px;margin:0 0 0 20px;background:#f1f1f1;border-left:5px solid #82c158;}  



/**** Footer ****/  
#footer-strip{height:15px;background:#333;border-bottom:1px solid #444;margin-top:40px;}
#footer{background:#222;color:#666;font-size:13px;}
#footer a:hover{color:#DDD;}
#footer p{display:block;padding-top:20px;}
.footer-header-txt{font-weight:bold;border-bottom: 1px dotted #9C3;padding-bottom:4px;}
.footer-block{float:left;padding-left:20px;width:22%;}
.footer-block ul{padding:10px 0 20px 15px;margin:0;float:left;}
.footer-block li{list-style: none;margin:0;padding:0;}
.footer-bottom-left{float:left;padding:15px 0 30px 20px;}
.footer-bottom-left a{padding-right:15px;}
.footer-bottom-right{float:right;padding:15px 20px 30px 0;}
.footer-line{border-bottom: 1px dotted#9C3;}



/**** Ajax Tabs ****/  
.ajaxtabs {padding:0;margin:15px 0 12px 0;list-style-type:none;text-align: left;} /*set to left, center, or right to align the menu as desired*/
.ajaxtabs li{display:inline;margin:0;font-weight:bold;}
.ajaxtabs li a{text-decoration: none;padding: 5px 7px;margin-right: 0px;background-color:#9AA522;color:#FFF;}
.ajaxtabs li a:hover{text-decoration: none;background-color:#D9D8D7;color:#333;}
.ajaxtabs li a.selected{position:relative;top:0;background-color:#D9D8D7;color:#333;}
.ajaxtabs li.selected a:hover{text-decoration: none;}
.no-ajaxtabs{padding:0;margin:0;list-style-type:none;}
.no-ajaxtabs li{display:inline;margin:0;}
.ajaxtabs-box{border: 1px solid #DDD;background-color:#F5F5F5;padding:10px;}



/**** MU Signup ****/  
.widecolumn{width:650px;margin:10px auto;padding:30px;}
#setupform{width:500px;margin:0 auto;padding:20px 40px 20px 40px;background: #F5F5F5;}
.mu_register h2{font-size:21px;text-align:center;margin-top:10px;margin-bottom:10px;padding:10px;background:#DBF6BE;border:1px solid #9BBF65;}
.mu_register p{line-height:16px;margin:10px 0 10px 0;}
.mu_register ul{padding:10px 10px 10px 55px;background:#FFFFE0;border:1px solid #E6DB55;}
.mu_register li{list-style-type:circle;font-size:16px;line-height:20px;}