/*
Theme Name: e-storage plus
Theme URI: http://topwpthemes.com/e-storage-plus
Description: Designed by <a href="http://webhostinggeeks.com">Web Hosting Geeks</a> and available FREE at <a href="http://www.zinruss.com/themes/">WordPress Themes Gallery</a>
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: 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: 13px;	
font-family: 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 13px Arial, Helvetica, sans-serif;
}

#site-profile a:hover { 	
color: #ef8701;	
text-decoration: underline;	
font: bold 13px  Arial, Helvetica, sans-serif;
}

#site-profile p { 	
padding: 10px; 	
margin: 0;         
text-align:left;	
font: 13px 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: 13px;	
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: 13px Arial, Helvetica, sans-serif;	
 margin: 0 0 0.7em 0;	
 }
 
#content .postindex li, #content .postindex ul {	
margin: 0 0 0 0;	
color: #666666;	
font: 13px 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: 13px 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: 13px 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: 13px 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: 13px 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: grey;	
font: 13px 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: 13px 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: 13px 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: 13px 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 13px 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: 13px arial;
}

.box{	
background: #fefefe;	
overflow: auto;	
width: 316px;
}

.boxholder p{	
margin: 0;	
padding: 5px;	
line-height: 1.5em;	
text-align: justify;	
color: #888888;	
font: 13px arial;
}

.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: 13px;	
font-weight: bold;	
padding: 7px 0 0 0;
}

.box ul a {	
color: MidnightBlue;	
text-decoration: none;	
font: 13px arial;	
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 13px Arial, Helvetica, sans-serif;       
padding: 6px 8px 6px 8px;
 }
 
.header a {	
color: #e8e8e8 !important;	
background: #4b4b4b;	
text-decoration: none !important;	
font: bold 13px Arial, Helvetica, sans-serif;        
padding: 6px 8px 6px 8px;
}

.tab a:hover {	
color: #f8f8f8 !important;       
 background: #f98912;	
 text-decoration: none !important;	
 font: bold 13px 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;	
}


.post{
margin:0 0 25px 0;
}
.post .info{
padding:2px 3px 3px 8px;
border:1px solid #e3e4e4;
font-size:13px;
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 
}