/*
Theme Name: e-storage plus
Theme URI: http://topwpthemes.com/e-storage-plus
Description: Designed by Web Hosting Geeks and available FREE at WordPress Themes Gallery
Author: Web Hosting Geeks
Author URI: http://webhostinggeeks.com� 2008, Web Hosting Geeks. All rights reserved.
*/
body { background: url(images/bg.gif); text-align: center; margin: 0px auto; padding: 0px; }
img { border: none; }
/* -------------------Main Structure------------------- */
#frame { width: 1024px; text-align: left; margin: 0px auto; padding: 0px; background: #ffffff; border-left: 1px solid #040404; border-right: 1px solid #040404; }
#middle { overflow: auto; width: 1024px; margin: 0px auto; padding: 0px; }
#content { float: left; width: 621px; margin: 0px 8px 18px 18px; padding: 0px 0px 0px 0px; display: inline; }
#sidebar { float: left; background: #ffffff; width: 315px; padding: 10px; margin-left: 5px; border: 8px solid #e8e8e8; display: inline; }
/* -------------------Header------------------- */
#header { width: 1024px; height: 120px; margin: 0px auto; padding: 0px; }
.header-title { font-family: Tahoma, Verdana, Arial; color:#f98912; font-size:33px; font-weight:bold; padding: 33px 0 0 38px; text-align:left; }
.header-title a{ color:#333333; text-decoration:none; border-bottom:none; }
.header-title a:hover{ color:#f98912; text-decoration:none; border-bottom:none; }
.header-description { font-size: 11px; font-family: Tahoma, Verdana, Arial; font-weight: normal; color:#333333; padding: 0px 0 0 39px; text-align:left; }
#menu { width: 1024px; margin: 0px auto; left: 18px; text-align: center; line-height: normal; background: #ffffff;}
#button { list-style: none; margin: 0 3px; padding: 0px; float: left; background: #ffffff;}
#button li { float: left; height: 28px; background: url(images/OrangeRed/button-right.gif) top right no-repeat; margin: 0 3px; white-space: nowrap;}
#button .page_item a{ color: #f8f8f8; display: block; background: url(images/OrangeRed/button-left.gif) top left no-repeat; text-decoration: none; padding: 0px 15px 0px 15px; font: bold 13px Arial, Helvetica, sans-serif; line-height: 28px;}
#button .page_item a:hover{ color: #f8f8f8;}
#button li:hover { background-position: 100% -36px;}
#button .page_item a:hover { background-position: 0px -36px; border: none;}
#button li.current_page_item { color: #ffffff; text-decoration: none; background: url(images/OrangeRed/button-right-hover.gif) top right no-repeat;}
#button .current_page_item a, #button .current_page_item a:visited{ color: #ffffff; text-decoration: none; background: url(images/OrangeRed/button-left-hover.gif) top left no-repeat;}
/* search form */
#site-profile { color: #888888; clear: both; background: #383838 url(images/OrangeRed/site-profile.jpg) no-repeat; padding: 10px 0 10px 0px; width: 1024px; margin: 0;}
#site-profile a { color: #ef8701; text-decoration: none; font: bold 11px Tahoma, Arial, Helvetica, sans-serif;}
#site-profile a:hover { color: #ef8701; text-decoration: underline; font: bold 11px Tahoma, Arial, Helvetica, sans-serif;}
#site-profile p { padding: 10px; margin: 0; text-align:left; font: 11px Tahoma, Arial, Helvetica, sans-serif;}
/* grey subheader */
#catnav { background: url(images/navbgr.gif) no-repeat top; height:36px; width:1024px;}
.nav2, .nav2 * { margin:0; padding:0; }
.nav2 { background: url(images/nav-bgr.gif) no-repeat top; height: 30px; line-height:30px; position:relative; font: bold 13px Arial, Helvetica, sans-serif;}
.nav2 ul { background:#fff; /*IE6 needs this*/
float: left; position:relative;}
.nav2 li { line-height: 30px; float: left; list-style:none; z-index:999; }
.nav2 li.current ul { z-index: 999; }
.nav2 li.sfHover ul,ul.nav2 li:hover ul { z-index: 1000; background:none; color: #e87b2b; text-decoration: none; }
.nav2 li li {}
.nav2 a { color: #f98912; display: block; padding: 0 13px; text-decoration: none; }
.nav2 li ul a { color:#FFF !important;}
.nav2 li ul a:hover { color: #FF7800 !important;}
.nav2 li ul { left:0; top:-999em; position:absolute; width:956px; height:29px; line-height:29px;}
.nav2 li:hover,.nav2 li.sfHover,.nav2 li.current,.nav2 a:focus, .nav2 a:hover, .nav2 a:active { color: #2d2d2d; text-decoration: none; background: #e8e8e8;}
.nav2 li.sfHover a,.nav2 li.current a,.nav2 a:focus, .nav2 a:hover, .nav2 a:active { border-bottom: none;}
.nav2 li li.current a { font-weight: bold; color:#FFF !important;}
.nav2 li li:hover,.nav2 li li a:focus, .nav2 li li a:hover, .nav2 li li a:active { background:none !important;}
.nav2 li:hover ul, /* pure CSS hover is removed below */
body .nav2 li.current ul, /* this must be more specific than the .superfish override below */
ul.nav2 li.sfHover ul { top:2.5em;}
.nav2 li:hover li ul,.nav2 li.sfHover li ul { top:-999em;}
.nav2 li li:hover ul, /* pure CSS hover is removed below */
ul.nav2 li li.sfHover ul { top:2.5em;}
/*following rule negates pure CSS hoversso submenu remains hidden and JS controlswhen and how it appears*/
.superfish li:hover ul,.superfish li li:hover ul { top: -999em;}
.nav2 li.fr{ float: right}
.nav2 li.last a{ background: none}
/*- Page Navigation -*/
#nav2{ height: 29px}
#nav2 ul{ padding: 0 2px}
#nav2 li{ float: left; font-size: 12px; letter-spacing: -1px; line-height: 29px; text-transform: capitalize}
#nav2 li.fr{ float: right}
#nav2 li a{ color: #666; display: block; padding: 0 17px; text-decoration: none;}
#nav2 li.last a{ background: none}
#nav2 li a:hover,#nav2 li.active a{ color: #FF7800; text-decoration: none}
/* -------------------Content------------------- */
.content-rap { float: left; width: 625px; margin: 18px 2px 18px 4px; padding: 0px 0px 10px 0px; background: #f8f8f8; border: 1px solid #e8e8e8; height:auto; }
.comment { float: left; width: 585px; margin: 10px 0px 0px 10px; padding: 3px 9px 13px 9px; background: #ffffff; border: 1px dotted #cccccc; }
#content .post { float: left; width: 585px; margin: 10px 0px 0px 10px; padding: 3px 9px 3px 9px; background: #ffffff; border: 1px dotted #cccccc; height:auto; }
#content .postindex { float: left; width: 290px; margin: 0px 3px 6px 3px; padding: 0px 6px 0px 6px; background: #f8f8f8; border: 1px solid #e8e8e8; min-height:209px; height:auto; }
#content .postindex p, #content .postindex dl,#content .postindex ul { color: #333333; font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 0.7em 0; }
#content .postindex li, #content .postindex ul { margin: 0 0 0 0; color: #666666; font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif; }
#content .postindex dl dt { font-weight: bold; }
#content .postindex dl dd { margin: 0 0 0.4em 0; }
#content .postindex blockquote p { margin: 0 0 0 2em; border-left: 5px solid #cccccc; padding: 0 0 0 1em; color: #666;}
#content .postindex a { color: #ef8701; }
#content .postindex a:hover { color: #ef8701; }
#content .postindex ul.post-data { border-top: 1px dotted #666666; list-style: none; font: 11px Tahoma, Arial, Helvetica, sans-serif; padding: 4px 0 6px 0; color: #333333; margin: 10px 0 0 0; }
#content .postindex ul.post-data li { color: #333333; }
#content .postindex ul.post-data a { text-decoration: none; text-transform: lowercase; color: #333333; }
#content .postindex ul.post-data a:hover { color: #333333;text-decoration: underline; }
#content .postindex ul.post-data li.comments { font: 11px Tahoma, Arial, Helvetica, sans-serif; float: right; margin: 0 0 0 0; display: inline; /* fixes double float bug in IE */
}
#content .postindex ul.post-data li.comments a { padding: 0 0 0 0px; }
#content .postindex ul.post-data li.posted { font: 11px Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 0 0; }
#content .postindex ul.post-data li.posted a { padding: 0 0 0 0px; }
#content .postindex ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover { background-position: 0 -38px; }
/* general #content definitions */
#content h2 { color: #ef8701; font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 6px 0px 4px 0px; border-bottom: 1px dotted #666666; }
#content h2 a { color: #ef8701; text-decoration: none; }
#content h2 a:hover { color: #ef8701; text-decoration: none; }
#content p, #content dl { color: #333333; font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif; }
#content p, #content ul, #content ol, #content dl { margin: 0 0 0.7em 0; }
#content img { margin: 0 0px 10px 0; padding: 3px; background: #ffffff; border: 1px solid #dddddd; }
#content li { margin: 0 0 0 0; color: #333333; font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif; }
#content ol li { list-style: decimal; }
#content dl dt { font-weight: bold; }
#content dl dd { margin: 0 0 0.4em 0; }
#content blockquote p { margin: 0 0 0 10px; border-left: 5px solid #cccccc; padding: 0 0 0 1em; color: #333333;}
#content a { color: #ef8701; }
#content a:hover { color: #ef8701; }
#content .post ul.post-data { border-top: 1px dotted #666666; list-style: none; font: 11px Tahoma, Arial, Helvetica, sans-serif; padding: 4px 0 6px 0; color: #333333; margin: 10px 0 0 0; }
#content .post ul.post-data li { color: #333333; }
#content .post ul.post-data a { text-decoration: none; text-transform: lowercase; color: #333333; }
#content .post ul.post-data a:hover { color: #333333;text-decoration: underline; }
#content .post ul.post-data li.comments { font: 11px Tahoma, Arial, Helvetica, sans-serif; float: right; margin: 0 0 0 0; display: inline; /* fixes double float bug in IE */
}
#content .post ul.post-data li.comments a { padding: 0 0 0 0px; }
#content .post ul.post-data li.posted { font: 11px Tahoma, Arial, Helvetica, sans-serif; margin: 0 0 0 0; }
#content .post ul.post-data li.posted a { padding: 0 0 0 0px; }
#content .post ul.post-data li.comments a:hover, #content .post ul.post-data li.posted a:hover { background-position: 0 -38px; }
.spacer { padding: 0px; text-align: right; clear: both; text-transform: lowercase; }
#ads{ float: left; margin-left: 40px; }
#ads h2 { color: #333333; font: bold 16px Arial, Helvetica, sans-serif; margin: 0 0 6px 0; padding: 0px 0px 4px 0px; border-bottom: 1px solid #e1e1e1; width: 544px;}
.125ads { float: left; padding: 8px 15px 15px; margin-bottom: 10px; margin-right:auto; margin-left:auto; text-align:center;}
#sites { float: left; margin-left: 3px; margin-bottom: 10px; background: #f8f8f8; border: 1px solid #e8e8e8; padding: 13px 10px 0px 10px; width: 592px;}
#sites h2 { color: #333333; font: bold 16px Arial, Helvetica, sans-serif; margin: 0 0 0px 0; padding: 0px 0px 4px 0px; border-bottom: 1px dotted #f8f8f8; width: 592px; text-align: center;}
.sliderwrapper{position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;border-bottom-width: 10px;width: 572px; /*width of featured content slider*/
height: 200px;}
.sliderwrapper .contentdiv{visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 5px;background: white;width: 562px; /*width of content DIVs within slider. Total width should equal slider's inner width */
height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.pagination{width: 572px; /*Width of pagination DIV. Total width should equal slider's outer width */
text-align: right;background-color: fff;padding: 0px 5px;}
.pagination a{padding: 0 5px;text-decoration: none; color: #ef8701;background: #e8e8e8;}
.pagination a:hover, .pagination a.selected{color: #000;background-color: #ef8701;}
#slider4{border: 2px solid #d8d8d8;background: fff;margin-left: 8px;height: 280pxweight: 400px;}
#paginate-slider4{border-color: #e8e8e8;margin-left: -20px;}
#paginate-slider4 a img{width: 140px;height: 105px;border: 2px solid #c8c8c8;margin-top: 5px;}
#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{border: 2px solid #ef8701;}
/* -------------------Sidebar------------------- */
#sidebar h3 { color: #444444; font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding-bottom: 4px; padding-top: 4px; background: url(images/h3-bg.jpg) repeat-x; }
#sidebar p, #sidebar li { color: #ef8701; font: bold 12px Arial, Helvetica, sans-serif; border-bottom: 1px dotted #e8e8e8; padding: 1px 0px 1px 0px; }
#sidebar p, #sidebar ul, #sidebar ol { margin: 0 0 10px 0; }
#sidebar ul { padding: 0 0 0 3px; list-style-image: url(images/icon.gif); color: #ef8701; margin-left: 20px; }
#sidebar img { border: #ffffff 1px solid; background: #ffffff; }
#sidebar a:link img { border: #ffffff 1px solid; background: #ffffff; }
#sidebar a:hover img { border: #ffffff 1px solid; background: #ffffff; }
#sidebar a { color: #ef8701; text-decoration: none; }
#sidebar a:hover { color: #ef8701; }
#sidebarcontainer { float: right; padding: 0 15px 0 0; width: 360px; margin: 0px;}
#sidebarcontainer form { padding: 0; margin: 0;}
#video { background: #ffffff; width: 305px; padding: 3px; border: 1px solid #d8d8d8; margin-bottom: 10px; }
#subscriptionoptions{ width:300px; padding: 0 30px;}
#wrap { margin: 0; float: right; padding: 5px 0 12px; width: 360px; color: #666666; background: url(images/rss_bg.gif) repeat-y center;}
#wrapper{ width: 320px; margin: 0px 0px 8px 15px; float:left; display: inline; background: #383838; padding: 4px; border: 1px solid #040404;}
#colors { margin-top: -10px; padding: 0px 0px 8px 0px;}
#news { padding: 3px 0px 6px 0px; text-align: justify; font: 11px verdana;}
.box{ background: #fefefe; overflow: auto; width: 316px;}
.boxholder p{ margin: 0; padding: 5px; line-height: 1.5em; text-align: justify; color: #888888; font: 11px verdana;}
.boxholder{ clear: both; padding: 0 2px 2px;}
.tab { float: left; height: 26px; background: #4b4b4b; margin: 2px 0px 0px 0px; text-align: center; border-right: 2px solid #383838; padding: 0;}
.tabtxt{ margin: 0; color: #d8d8d8; font-size: 12px; font-weight: bold; padding: 7px 0 0 0;}
.box ul a { color: #ef8701; text-decoration: none; font: 11px verdana; font-weight: bold;}
.box ul { color: #ef8701; margin: 5px; padding: 0 0 6px 20px;}
.box ul li { color: #888888; margin: 5px; padding: 0; list-style: disc; font-weight: bold; }
.box a { color: #ef8701; text-decoration: none;}
.box img { text-decoration: underline; margin: 0 5px;}
.box a:hover { color: #ef8701; text-decoration: underline;}
.tab a { color: #e8e8e8 !important; background: #4b4b4b; text-decoration: none !important; font: bold 12px Tahoma, Arial, Helvetica, sans-serif; padding: 6px 8px 6px 8px;}
.header a { color: #e8e8e8 !important; background: #4b4b4b; text-decoration: none !important; font: bold 12px Tahoma, Arial, Helvetica, sans-serif; padding: 6px 8px 6px 8px;}
.tab a:hover { color: #f8f8f8 !important; background: #f98912; text-decoration: none !important; font: bold 12px Tahoma, Arial, Helvetica, sans-serif; padding: 6px 8px 6px 8px; }
#tabbedcontent { margin:0px 0px 0px 0px; padding: 0px;}
#adcontainer { padding: 0px 0 0 0; margin:0px 0px 0px 0px; width: 298px;}
#adboxes{ padding: 4px 0 3px 0px; width:298px; background: #f7f7f7 url(images/adcontainer_bg.jpg) top repeat-x; border:1px solid #f9f9f9; float:left; position: relative;}
#adboxes ul { margin: 0; padding: 0; list-style: none; padding-left: 4px;}
#adboxes ul li { display:block; margin: 3px 3px 3px 3px !important; padding: 3px !important; float:left; list-style: none;}
.clear { clear: both; margin: 0; padding: 0;}
/*search form */
#searchform { margin: 0; float:right; padding: 0;}
#searchform li { list-style: none;}
#searchform br { display: none;}
#searchform #s { margin: 0px 0 0; width: 290px; height: 27px; padding: 26px 20px 0px 20px; background: url(images/search_bg.gif) no-repeat; color: #ef8701;}
/* search form button - to specify button only use input[type="submit"] */
#searchform input { border: none; width: 67px; height: 32px; font: bold 13px Arial, Helvetica, sans-serif; color: #FFFFFF; vertical-align: middle;}
/* -------------------Footer------------------- */
#footer { clear: left; background: url(images/footer.jpg) no-repeat; color: #333333; font: 0.7em/1.6em Arial, Helvetica, sans-serif; text-align: center; height: 43px; width: 1024px; margin: 0px auto; }
#footer a { color: #717171; text-decoration: underline; }
#footer .rapide a { color: #242425; text-decoration: underline; }
#footer a:hover { color: #ef0101; text-decoration: none; }
#credit { height: 1px; width: 1024px; margin: 0px auto; }
#commentlist { font: 11px Tahoma, Arial, Helvetica, sans-serif;}
#commentlist li ul { font: 16px Tahoma, Arial, Helvetica, sans-serif;}
ol#commentlist li { margin-left: 0px; list-style: none; font: bold 12px Arial, Helvetica, sans-serif; }
ol#comments li p { font: 16px Tahoma, Arial, Helvetica, sans-serif; }
.alt {font: 1.0em Tahoma, Arial, Helvetica, sans-serif;margin: 0px; }
#commentlist li {margin-bottom: 8px;margin-left: 0px;list-style: none;font: 1.0em Tahoma, Arial, Helvetica, sans-serif;padding: 5px;width: 518px;}
.commentmetadata{font: 11px Tahoma, Arial, Helvetica, sans-serif;}
#commentlist cite, #commentlist cite a { font-weight:bold; font-style:normal; font-size:1.0em }
#commentlist p{font: 11px Tahoma, Arial, Helvetica, sans-serif;}
#commentform {margin: 0px;width: 568px;font: 11px Tahoma, Arial, Helvetica, sans-serif;}
#commentform p {margin: 0;font: 11px Tahoma, Arial, Helvetica, sans-serif;}
#commentform textarea {font: 11px Tahoma, Arial, Helvetica, sans-serif; background: #ffffff;border: 1px solid #dddddd;width: 575px;padding: 0px 2px 4px 6px;color: #333333;}
#commentform textarea:hover {background: #FFFFFF;border: 1px solid #dddddd;color: #333333;}
#commentform textarea:focus {background: #ffffff;border: 1px solid #cccccc;color: #333333;}
#commentform #email, #commentform #author, #commentform #url {font: 11px Tahoma, Arial, Helvetica, sans-serif; font-weight: bold;background: #ffffff;color: #333333;border: 1px solid #dddddd;width: 180px;padding: 0px 2px 4px 6px;margin-right: 10px;}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {background: #ffffff;border: 1px solid #dddddd;width: 180px;color: #333333;}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {background: #ffffff;border: 1px solid #cccccc;width: 180px;color: #333333;}
#commentform input{margin-bottom: 3px;}
#commentform #submit { margin-top: 3px; float:left; color: #333333; font: 11px Tahoma, Arial, Helvetica, sans-serif; height: 20px; }
.post{margin:0 0 25px 0;}
.post .info{padding:2px 3px 3px 8px;border:1px solid #e3e4e4;font-size:12px;color:#333333;}
/* -------------------CSS Custom alex------------------- */
#content img[align="right"] { margin: 5px 0 0 8px}
#content img[align="left"] { margin: 5px 8px 2px 0px}
.alignright img { margin-left: 5px }
.alignleft img { margin-right: 5px }