/*
Theme Name: Storage Nine 
Theme URI: http://storagenine.com
Description: Grey/Dark Red Storage Nine design
Version: 1.0
Author: Darice de Cuba
Author URI: http://darice.org
Tags: grey, dark, red, 920px


*/

/* Reset (Browser reset for compatibility)
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse:collapse;border-spacing:0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Colors:
dark grey text: #4c4c4c
light grey text: #6c6c6c
nav bg: #ececec
body bg: #f3f2ed
dark red: #6f1d1f
*/

h1 {font-size: 22px; font-weight: bold; margin: 10px 0 3px 0;}
h2 {font-size: 18px; font-weight: bold; margin: 25px 0 3px 0;} 
h3 {font-size: 16px; font-weight: bold; margin: 15px 0 10px 0;}
b, strong {font-weight: bold;}
i, em { font-style: italic;}
p {margin: 10px 0 10px 0;}
a {color: #6f1d1f; text-decoration: underline;}
a:hover {color: #4c4c4c; text-decoration: underline;}
#content ul {padding: 0 0 0 15px;}
#content li {list-style: square; margin: 0 0 5px 0;}
#content img { padding: 3px;}

span.name {font-weight: bold; color: #6f1d1f;}


.post h1 { margin: 35px 0 15px 0; }

body  {
	background-color: #f3f2ed;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #4c4c4c;
	font-size: 14px;
}

#nav {
	background: url("images/nav.jpg") repeat-x;
	height: 17px;
	padding: 12px 0 0 22%;
}

#nav ul {
	width: 350px;
}

#nav li {
	display: inline;
	list-style: none;
	text-align: center;
	margin: 0;
}
#nav li.current a {
	border-bottom: 3px solid #6f1d1f;
}
#nav a {
	margin: 0 15px 0 0;
	text-decoration: none;
	color: #4c4c4c;
	text-transform: uppercase;
	font-size: 12px;
}
#nav a:hover { border-bottom: 3px solid #6f1d1f; }

#nav .lang img { margin: 0; padding: 0; }
#nav .lang a:hover { border-bottom: 0; }
#nav .lang { margin: -13px 0 0 345px; }


#container {
	margin: 0 auto;
	width:  920px;
}

#logo {
	float: left;
	margin: 0 0 10px 0;
}
#logo h1 {
	text-indent: -9999px;
	margin: 0;
}

#banner {
	float: right;
}


#content {
	clear: both;
	margin: 0 0 20px 110px;
	width: 600px;
}


#content ol, #content ul {
	margin: 0 0 0 25px;
}
#content .post ol {
	list-style-type: decimal;
}

#crumbs {
	font-size: 11px;
	margin: 0 0 20px 0;
}

#footer{
	font-size: 11px;
	text-align: center;
	padding: 10px 0;
}

/* forms */

input, textarea {
	border: 1px solid #9c9c9c;
}
div.wpcf7-response-output {
	color: #6f1d1f;
	border: 0;
}

/* hosting packages table */

#hosting {
	width: 400px;
	border-collapse: collapse;
	border: 1px solid #222222;
 }
#hosting .rowa {
	height: 12px;
}
#hosting .rowb {
	background: #ececec;
	height: 12px;
}
#hosting .cell {
	padding: 3px;
	border: 1px solid #222222;
	text-align: center;
}
#hosting .text {
	width: 120px;
	text-align: left;
}
#hosting .head {
	background-color: #6f1d1f;
	color: #FFF;
}
#hosting .head small { font-size: x-small; }
#hosting .comp {
	background-color: navy;
	color: #FFF;
}

/* forms */
input,
textarea {
	width: 400px;
	padding: 5px; 
	border: 1px solid #dedcd8;
	background: rgba(243,241,236,.25) url('images/input.gif') repeat-x top;
	background-color: #f3f1ec;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;	}
	
input:focus,
textarea:focus {
	background: #FFF;
	}

input#submit, .button, .reset {
	background-image: none;
	background-color: #dedcd8;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 412px;
	color: #4c4c4c;
	cursor: pointer;
}

form.wpcf7-form {
	background: #eee;
	padding: 10px;
	width: 415px;
}
/* login */
form.login input,
form.login textarea {
	width: 250px;
	padding: 5px; 
	border: 1px solid #dedcd8;
	background: rgba(243,241,236,.25) url('images/input.gif') repeat-x top;
	background-color: #f3f1ec;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	margin: 0 0 15px;	}
	
	form.login input:focus,
textarea:focus {
		background: #FFF;
	}
	
	form.login label,
	form.login .button {
	display: block;
	background-image: none;	
}
form.login input.button {
	width: 264px;
	background-color: #dedcd8;
	border-bottom: 2px solid #dedcd8;
	border-right: 2px solid #dedcd8;
	cursor: pointer;
	
}


/* Nice tables
-----------------------------------------*/
table a,
table a:link,
table a:visited {
	border:none;
	}							
	
table img {
	border:0;
	margin-top:.5em;
	}	
table {
	width:90%;
	border-top:1px solid #666;
	border-right:1px solid #666;
	margin:1em auto;
		border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
tr.odd td	{
	background:#e5e5e5
	}
tr.odd .column1	{
	background:#eee;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	color:#4c4c4c;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #4c4c4c;
	text-align:left;
	border-bottom: 1px solid #666;
	border-left:1px solid #666;
	padding:.3em 1em;
	}							
thead th {
	background:#eee;
	text-align:center;
	font-size: 1em;
	font-weight: bold;
	color:#444
	}	
tfoot th {
	text-align:center;
	background:#eee;
	}	
tfoot th strong {
	font-size: 1em;
	font-weight: bold;
	margin:.5em .5em .5em 0;
	color:#444;
		}		
tfoot th em {
	color:#6f1d1f;
	font-weight: bold;
	font-size: 1em;
	font-style: normal;
	}	
tfoot th a {
	font-size: small;
	text-decoration: none;
}