/*
Theme Name: InterDevil Theme
Theme URI: http://www.interdevil.com
Description: The original wordpress theme of InterDevil.com
Version: 1
Author: InterDevil.com
*/

body {margin:0;padding:0;background:#000000;}
#bg_container {background:url(images/bg.jpg) no-repeat top center #050505;}
img {border:none;outline:none;vertical-align:middle;}
.clear, .clr {clear:both;}
a {outline:none;color:#010101;text-decoration:none;}
.backtotop {cursor:pointer;}
.single_link {padding-bottom:1px;border-bottom:1px dotted #FEFEFA;color:#FEFEFA;text-decoration:none;}
.requiredfield {margin-top:-20px;position:absolute;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:bold;color:#900;text-decoration:none;text-align:left;}
fieldset {margin:0;padding:0;border:none;}
h2, h3 {outline:none;}
img.non-display {height:0;visibility:hidden;}
.rssfeed a {width:128px;height:48px;margin:0 auto 25px auto;padding:0;background:url(images/icons/rss2_buttons.png) no-repeat;display:block;}
#button_prev {float:right;}


/* ===[ WRAPPER ] === */
div#wrapper {width:960px;margin:0 auto;padding:0;}

/* ===[ HEADER STYLES ]=== */
div#header {width:100%;height:106px;margin:0 0 0 -4px;padding:0;overflow:hidden;position:relative;z-index:5000;}
   #header #logo a {width:229px;height:55px;margin:26px 0 0 30px;background:url(images/interdevil_logo.jpg) no-repeat;display:block;float:left;}
   
   /*=[ NAVIGATION ]=*/
   #header #nav {width:600px;margin:43px 0 0 0;padding:0;float:right;clear:right;}
   #header #nav.mod {margin:55px 0 0 0;}
   #header #nav ul {margin:0;padding:0;list-style-type:none;}
   #header #nav ul li {width:auto;margin:0 20px 0 0;padding:0;float:right;}
   #header #nav ul li a span {height:20px;border-bottom:1px dotted #000;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;display:block;color:#FEFEFE;text-decoration:none;cursor:pointer;}
   #header #nav ul li a span .small {margin:7px 0 0 0;font-family:Verdana, Geneva, sans-serif;font-size:11px;font-weight:normal;color:#383838;text-decoration:none;text-align:left;display:block;border:none;cursor:pointer;}
		   
   /* ROLLOVER and ACTIVE */
   #header #nav ul li a:hover span, #header #nav ul li a.active span {color:#FEFEFE;border-bottom:1px dotted #900;text-decoration:none;}
   #header #nav ul li a:hover span .small, #header #nav ul li a.active span .small {color:#FEFAFE;text-decoration:none;border:none;}
		   
/* ===[ PROJECT DISPLAY (MAIN PAGE) ]=== */
div#project_display {width:959px;height:380px;margin:0 0 0 -4px;padding:50px 0;overflow:hidden;text-align:center;position:relative;background:url(images/showcase_bgshadow.png) no-repeat center bottom;}
   
/* ===[ HOME PAGE ]=== */
div#sub_content.homie ul {margin:0 0 0 -40px;padding:0;list-style-type:none;}
   #sub_content.homie ul li {width:280px;margin:0 0 0 40px;padding:0;float:left;}
   
/* ===[ PORTFOLIO SHOWCASE (OUR WORK PAGE) ]=== */
div#sub_content #project_showcase {width:895px;margin:0 auto;padding:0;overflow:hidden;}
   #sub_content #project_showcase ul {margin:0 0 0 -20px;padding:0;list-style-type:none;}
   #sub_content #project_showcase ul li {width:280px;margin:0 0 35px 25px;text-align:center;float:left;}
   #sub_content #project_showcase ul li h2 {margin:0;padding:20px 0 0 0;font-size:20px;font-weight:bold;}
   #sub_content #project_showcase ul li img {margin-left:-5px;}
   #sub_content #project_showcase ul li a.wrapper {width:276px;height:188px;margin-top:-150px;background:url(images/thumb_noroll.png) no-repeat center;position:absolute;z-index:500;display:block;}
   #sub_content #project_showcase ul li a:hover.wrapper {width:276px;height:188px;background:url(images/thumb_roll.png) no-repeat center;}
   
/* ===[ SUB CONTENT ]=== */
div#sub_content {width:920px;margin:0 0 0 -4px;padding:20px;background-color:#F2F2F2;overflow:hidden;}
   #sub_content a {color:#C00;text-decoration:underline;}
   #sub_content h2 {margin:25px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:26px;font-weight:bold;color:#666;text-align:left;}
   #sub_content h2.none {margin:0;}
   #sub_content h2 a {text-decoration:none;color:#666;}
   #sub_content p {margin:0 0 15px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#333;text-align:left;line-height:25px;}
   #sub_content p a {color:#C00;text-decoration:underline;display:inline;cursor:pointer;}
   #sub_content .divider {width:auto;height:2px;margin:0 auto;padding:10px 0 30px 0;background:url(images/divider.jpg) no-repeat center;clear:both;display:block;}

   #sub_content #context {width:609px;margin:0;padding:0 20px 15px 0;border-right:1px dotted #999;overflow:hidden;float:left;}
   #sub_content.blog #context .mod1 {margin-top:-25px;}
   
   #sub_content #context #readmore1,
   #sub_content #context #readmore2,
   #sub_content #context #readmore3,
   #sub_content #context #readmore4,
   #sub_content #context #readmore5,
   #sub_content #context #readmore6 {display:none;}
   #sub_content #context .read_but1,
   #sub_content #context .read_but2,
   #sub_content #context .read_but3,
   #sub_content #context .read_but4,
   #sub_content #context .read_but5,
   #sub_content #context .read_but6 {margin-top:-15px;float:left;clear:both;display:block;}

   #sub_content #context .img {width:599px;height:190px;margin:10px 0 -35px 0;border:5px solid #C8C8C8;}
   #sub_content #context .img2 {margin:10px 0 -35px 0;padding:0;border:5px solid #C8C8C8;}
   #sub_content #context .img3 {width:auto;height:auto;margin:3px 15px 15px 0;border:5px solid #c8c8c8;float:left;}
   #sub_content #context .entry p {margin:-10px 0 0 0;padding:0 0 40px 0;}
   #sub_content #context .dividerline {width:100%;height:3px;margin:25px 0 15px 0;background:url(images/divider_line.jpg) repeat-x center;clear:both;display:block;}
   #sub_content.blog #context h2 {font-size:28px;}
   #sub_content.blog #context .datecategory {width:100%;margin:0;padding:5px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#999999;border-top:1px dotted #C8C8C8;border-bottom:1px dotted #C8C8C8;overflow:hidden;display:block;}
   #sub_content.blog #context .datecategory a {color:#999999;text-decoration:none;display:inline;cursor:pointer;}
   #sub_content.blog #context .datecategory a:hover {color:#C00;text-decoration:none;display:inline;cursor:pointer;}
   #sub_content.blog #context .datecategory span.left {float:left;}
   #sub_content.blog #context .datecategory span.right {float:right;}
   #sub_content.blog #context .date {height:40px;margin:-33px -12px 0 0;padding:0;float:right;position:relative;font-family:Arial, Helvetica, sans-serif;text-align:center;width:100px;color:#999999;}
   #sub_content.blog #context .date2 {width:auto;float:left;}
   #sub_content.blog #context .day{font-size:26px;font-weight:bold;line-height:34px;display: block;width:45px;height:32px;border-right:1px dotted #999999;text-align:right;padding-right:5px;float:left;}
   #sub_content.blog #context .month{display:block;font-size:14px;line-height:1em;text-transform:uppercase;width:45px;margin-top:4px;}
   #sub_content.blog #context .year{display:block;font-size:10px;font-weight:bold;letter-spacing:2px;line-height:1em;width:47px;}
   #sub_content.blog #context .postmetadata2 {padding:5px 0;background-color:#DFDFDF;text-align:center;overflow:hidden;}
   #sub_content.blog #context .entry p {margin:0;padding:15px 0;}
   #sub_content.blog #context .launch {margin:-15px 0 0 0;float:left;}
   #sub_content.blog #context .comment {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#010101;text-align:left;}
   #sub_content.blog #context .panel {border:5px solid #C8C8C8;}
   #sub_content.blog #context ul li {padding:0 0 15px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#020202;text-align:left;line-height:18px;}
   #sub_content.blog #context .entry p img.left {float:left;}

   #sub_content.contact #context p {margin:10px 0;padding:0;}
   #sub_content.contact #context span {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#900;text-align:left;overflow:hidden;clear:both;}
   #sub_content.contact #context span.first {padding:15px 0 0 0;}
   #sub_content.contact #context input {width:95%;height:27px;margin:4px 0 15px 0;padding:10px 5px 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;border:2px solid #DFDFDF;}
   #sub_content.contact #context select {height:40px;margin:4px 0 15px 0;padding:10px 5px 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;border:2px solid #DFDFDF;}
   #sub_content.contact #context textarea {margin:4px 0 15px 0;padding:10px 5px 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;border:2px solid #DFDFDF;}
   #sub_content.contact #context input.sendbutton {width:150px;height:auto;margin:0;padding:10px 0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;color:#FFF;background:#B90000;border:2px solid #CC0000;cursor:pointer;}
   
   #sub_content #sidebar {width:270px;margin:0;padding:0 0 15px 20px;overflow:hidden;float:right;}
   #sub_content #sidebar ul {margin:0 0 25px 0;padding:0;list-style-type:none;border-bottom:2px dotted #CCC;}
   #sub_content #sidebar ul li {width:250px;margin:0;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;color:#900;text-align:left;letter-spacing:-0.05em;border-top:2px dotted #CCC;}
   #sub_content #sidebar ul li a {padding-left:20px;font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;color:#900;text-align:left;letter-spacing:-0.05em;text-decoration:none;background:url(images/icons/fire.png) no-repeat left;display:block;}
   #sub_content #sidebar ul li a:hover {color:#010101;text-decoration:none;}
  
   #sub_content #sidebar ul.core-values {border:none;}
   #sub_content #sidebar ul.core-values li {margin-left:15px;padding:5px 0;border:none;font-size:14px;font-weight:bold;color:#010101;text-align:left;list-style-type:circle;}

   #sub_content #sidebar.blog li {overflow:hidden;color:#999999;display:block;}
   #sub_content #sidebar.blog li.cat-item a,
   #sub_content #sidebar.blog li a {padding-left:0;padding-right:5px;background:none;float:left;}

   #sub_content #sidebar img.num {float:left;}
   #sub_content #sidebar p.num {width:80%;margin:-5px 0 0 10px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#010101;float:left;}

   #sub_content #sidebar .freequote {width:95%;margin:0 0 25px 0;font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;color:#FEFEFE;text-align:center;background:#C10000;border:5px solid #CC0000;line-height:50px;}
   #sub_content #sidebar .freequote a {color:#FEFEFE;text-decoration:none;}

/* ===[ HEADING TOP ]=== */
div#heading-top {width:960px;height:130px;margin:0 0 0 -4px;padding:0;background:url(images/heading_top_bg.jpg) no-repeat center bottom;}
   #heading-top h1 {margin:20px 0 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:34px;font-weight:normal;color:#FAFAFA;text-align:center;line-height:35px;}
   #heading-top.verymain {height:100px;background:none;}
   
/* ===[ SITE MAP ]=== */
div#sitemap {width:920px;height:27px;margin:0 0 0 -4px;padding:0 20px;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#C00;text-align:left;line-height:28px;background:url(images/sitemap_bg.jpg) no-repeat center top;}
   #sitemap a {color:#010101;text-decoration:none;}

/* ===[ BOTTOM CONTENT (MAIN PAGE ) ]=== */
div#bottom_content {width:959px;margin:0 0 0 -4px;padding:40px 0 40px 0;background:#F2F2F2;overflow:hidden;display:block;}
   #bottom_content .divider {width:931px;height:2px;margin:0 auto;padding:10px 0 30px 0;background:url(images/divider.jpg) no-repeat center;clear:both;display:block;}
   #bottom_content .two {padding-top:0px;}
   #bottom_content .three {padding:0 0 20px 0;background-position:top;}
   #bottom_content .bottomheading {width:100%;margin:0;padding:0 15px 20px 0;cursor:pointer;float:right;}   
   
/* ===[ SUB-FOOTER ]=== */
   #subfooter {width:100%;margin:0;padding:0 0 35px 0;overflow:hidden;}
   #subfooter .box {width:250px;margin:0 80px 0 0;padding:0;float:left;}
   #subfooter .none {margin:0;}
   #subfooter .box h3 {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:26px;font-weight:bold;color:#900;text-align:left;line-height:normal;}
   #subfooter .box .subtext {width:100%;margin:-5px 0 5px 0;padding:0 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#999;text-align:left;border-bottom:1px dotted #999;display:block;}
   #subfooter .box p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#333;text-align:left;line-height:20px;}
   #subfooter .box p a {color:#900;text-decoration:none;}
   #subfooter .box p a:hover {color:#900;text-decoration:underline;}
   
   #subfooter .box ul {margin:0;padding:0;list-style-type:none;}
   #subfooter .box ul.moddy {margin-left:0;}
   #subfooter .box ul li {width:45%;margin:10px 0 0 0;padding:0;float:left;}
   #subfooter .box ul li a.twitter {background:url(images/icons/twitter.png) no-repeat center left;}
   #subfooter .box ul li a.facebook {background:url(images/icons/facebook.png) no-repeat center left;}
   #subfooter .box ul li a.linkedin {background:url(images/icons/linkedin.png) no-repeat center left;}
   #subfooter .box ul li a.digg {background:url(images/icons/digg.png) no-repeat center left;}
   #subfooter .box ul li a {padding-left:30px;font-family:Verdana, Geneva, sans-serif;font-size:12px;font-weight:bold;letter-spacing:-0.05em;color:#666;text-align:left;text-decoration:none;}
   
/* ===[ FOOTER STYLES ]=== */
div#footer {width:100%;height:145px;margin:-43px 0 0 -4px;padding:0;background:url(images/footer_bg.png) no-repeat bottom;position:absolute;overflow:hidden;}
   #footer .wrap {width:960px;margin:0 auto;padding:0;}
   #footer .wrap #totop a {width:185px;height:36px;margin:7px 6px 0 0;padding:0;background:url(images/footer_totop.jpg) no-repeat top;display:block;float:right;}
   #footer .wrap p {width:45%;margin:100px 0 0 22px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#666666;text-align:left;line-height:18px;float:left;}
   #footer .wrap #footnav {width:50%;margin:50px 20px 0 0;padding:0;float:right;clear:right;}
   #footer .wrap #footnav ul {margin:0;padding:0;list-style-type:none;}
   #footer .wrap #footnav ul li {width:auto;height:15px;margin:0;padding:0 5px;border-right:1px solid #666;float:right;}
   #footer .wrap #footnav ul li.page-item-527 {border:none;}
   #footer .wrap #footnav ul li a {height:15px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#CCCCCC;text-decoration:none;border:none;border-bottom:1px dotted #000;display:block;}
   #footer .wrap #footnav ul li a:hover, #footer .wrap #footnav ul li a.active {color:#FEFEFE;border-bottom:1px dotted #900;}