@charset "UTF-8";

/*
Theme Name: I5 Self Storage
Theme URI: http://www.i5selfstorage.com/
Description: Wordpress theme for i5selfstorage
Version: 1.0
Author: Ron Husges
Author URI: http://www.superlotek.com
*/

/* CSS RESET v1.0 | 20080212 */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* ----------- END RESET ----------- */

/* FONTS FEATURED AT i5selfstorage.com  */
/*
Vegur-R
http://dot-colon.kernest.com/fonts/vegur-r
Foundry: Dot Colon, http://www.dotcolon.net
Contributors: Dot Colon
License: Freeware, http://en.wikipedia.org/wiki/Freeware
http://www.dotcolon.net/font/font.php?id=1
*/

@font-face {
	font-family: 'Vegur-R';
	src: url('http://i5selfstorage.com/fonts/vegur-r.eot'); /* for IE */
	src: local('☺'), /* trick IE */
	url('http://i5selfstorage.com/fonts/vegur-r.otf') format('opentype'); /* all others */
	}

/* clearfix */
.clear{clear:both;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}


/* ------- COLORS -------

bright blue : 00eaff
light gray :969696
lighter gray: c1c1c1
pale blue: e1fdff
margins - #111

 -------------------- */

body {
	background: #111 url(images/bg.jpg) no-repeat top left;
	margin: 0; padding: 0;
	font-family: 'Vegur-R', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; color: #969696; text-align: center;
}

#wrapper { margin: 0 auto; width: 992px; text-align: left; }

/* =============== HEADER =============== */

#header { width: 992px; height: 270px; overflow: hidden; }
#header h1, .description { display: none; }
#logo { float: left; width: 770px;}
#deals { float: right; margin-right: 10px; margin-top: 20px; width: 194px; }

#navigation ul { height: 41px; }
#navigation li { float: left; width: 14.07%; border: 1px solid #000; }
#navigation li a { padding: 13px 10px 10px 10px; text-decoration: none; color: #fff;
	display: block; height: 18px; text-align: center; font-size: 12px;
	text-transform: uppercase; background: #0b3074 url(images/navBtnBg.gif); }
#navigation li a:hover, #navigation li.active a {
	background: #790d00 url(images/navBtnBg_hover.gif); }

.subnav, subnav_2 { height: 35px; }

.subnav {margin-left: 105px; }
.subnav_2 {margin-left: 655px; }
.subnav li, .subnav_2 li { float: left; display: block; margin: 5px 0;
	padding: 0 5px; border-left: 1px solid #333; }
.subnav li:first-child, .subnav_2 li:first-child {border-left: none;}
.subnav a:hover, .subnav_2 a:hover {color:#fff;}
.subnav a, .subnav_2 a { padding: 0 5px; text-decoration: none; color: #00dcef;
	font-size: 12px; text-transform: uppercase; }

.current_page_item a { color: #ef0000; }

/* =============== CONTENT =============== */

.divider { border-bottom: 1px solid #333; margin: 0 15px; clear: both; }
.divider_news { border-bottom: 1px solid #333; padding-top: 10px; clear: both; }

#content {
	background-color: #050606; padding: 5px 0 20px 0; /* margin-top: 5px; */
	float: left; min-height: 400px; width: 992px; }

/* carbonfiber buttons */
#content h3 a {
	background: url(images/headline_bg.gif) repeat-x;
	color: #0ff; height: 20px; padding: 10px 12px 5px 12px; display: inline-block;
	margin: 10px 10px 5px 10px; font-weight: normal; text-decoration: none;
	font-size: 18px; border: 1px solid #353535; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	text-align: center; }

#content h2, #newsContent h2, #newsSidebar h2 {
	margin-top: 10px; padding: 0px 15px 0 15px; line-height: 30px;
	font-size: 22px; font-weight: normal; color: #fff;
}

#newsSidebar h2 { padding-left: 0; font-size: 18px; }

.date, .postmetadata { font-size: 12px; /* margin-top: 10px; */ }

#content ul { list-style-type: disc; color: #fff; margin-left: 10px;}
#content li { line-height: 20px; margin-left: 30px; }

#content h4 { color: #fff; font-weight: normal; padding: 0;
	font-size: 18px; margin: 10px 0 0 15px; }

#content p, #newsContent p { padding: 5px 15px; color: #969696; line-height: 22px; }
#newsSidebar p { line-height: 22px; }

#contentRight { float: right; padding: 0 15px;}

#calculateSpace { width: 363px; height: 500px; margin: 15px 15px 15px 15px;
	background: #050606 url(images/storageBox_bg.jpg) repeat-x; }

#calculateSpace h2 {
	color: #fff;
	background: #333 url(images/calculateSpace_bg.jpg) repeat-x;
	height: 15px;
	padding: 10px 10px 20px 10px;
	font-weight: normal;
	margin: 0 auto;
}

.centerButtons { margin: 0 auto; text-align: center; padding-top: 10px; }
.centerButtons h3 a { width: 300px; }
h3.facility a { width: 450px; text-align: center; }

#content a, #newsContent a, #newsSidebar h2 a, .newsLinks a, .more-link {
	color: #00eaff; text-decoration: none; }
#content a:hover, #newsContent a:hover, #newsSidebar h2 a:hover, .newsLinks a:hover,
.more-link:hover{
	color: #fff; }

.floatLeft { float: left; }
.floatRight { float: right; }
img.floatLeft { padding: 0 10px 5px 0; margin-top: 30px; }
.clear { clear: both; }
.foo { font-size: 10px; padding-left: 10px; }

#content h3 a:hover { color: #fff; }

.qa { padding: 15px; }
.qa img { float: left; padding: 0 15px 15px 0; }
.qa ul { list-style-type: none; }
.qa li { list-style-type: none; }
.qa h5 { padding-bottom: 10px; display: block; color: #fff; }
.qa li:nth-child(2n+1) { color: #969696; }

h3 a.long_button { width: 245px; margin: 5px 0 0 15px !important; }
h3 a.short_button { width: 155px; margin: 5px 0 0 0 !important; }


/* =============== FORM =============== */

input, .textarea_bg {
	background-color: #333; border: 5px solid #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff; }

.button { cursor: pointer; }

/* =============== NEWS =============== */

#newsContent {
	float: left; width: 700px; background-color: #050606;
	padding: 5px 0 10px 0; padding: 5px 0 20px 0; min-height: 850px; }

#newsSidebar { float: right; width: 265px; padding: 0 10px 20px 0; }
#newsSidebar img { padding-bottom: 10px; }

.newsLinks { padding-top: 20px; }
.newsLinks li a { text-transform: uppercase; padding-bottom: 8px; display: block; font-size: 80%; }
#newsSidebar .more-link {
	font-size: 10px; display: block; text-align: right; padding: 5px 20px 0 0; }
.floatLeft {float:left; margin-right:10px;}
.floatRight {float:right; margin-left:10px;}

a[href $='.pdf'] {
   padding-left: 23px;
   background: transparent url(images/pdf_icon.gif) no-repeat center left;
}

/* =============== CONTENT =============== */

h5 a { width: 225px; height: 47px; background: #11438a url(images/gallery_thumb.jpg) no-repeat right center; color: #fff;
	text-transform: uppercase; font-weight: normal; font-size: 14px;
	margin: 15px 0 15px 15px; float: left; display: inline-block; }

/* =============== ALBUMS & GALLERIES =============== */

.ngg-album { border: 1px solid #333 !important; padding: 0 0 15px 0 !important;
	margin: 0 0 0 15px !important; background-color: #111; }
.ngg-albumtitle  { font-size: 14px !important;
	padding: 5px !important; margin-top: 10px !important;
	line-height: 20px !important; text-align: center !important; }
.ngg-album img { margin: 0 auto !important; }
.ngg-description p { display: none; }
.ngg-thumbnail { text-align: center;
	padding: 0 !important; margin: 0 auto !important; }
.ngg-albumcontent { margin: 0 auto !important;
	text-align: center !important; }
.ngg-albumoverview { float: left !important;
	width: 160px !important; clear: none !important; }
.ngg-galleryoverview { width: 950px !important; margin: 10px 15px !important; }
.ngg-gallery-thumbnail { padding: 15px !important; width: 100px !important;
	height: 70px !important; }


/* =============== FOOTER =============== */

/* #footerWrapper {
	background: #101010 url(images/footer_bg.jpg) repeat-x top center; height: 204px; width: 992px;}*/

#footer {
	margin: 0 auto; width: 992px; height: 204px;
	background: #000 url(images/footer_img.png) center top no-repeat; overflow: hidden;
	border-top: solid 2px #333; }

.footerText {
	font-size: 10px; color: #969696; margin: 100px 0 0 10px; line-height: 14px; text-align: left; }

.green {
	color:#090 !important; }

.footerText a { color: #e1fdff; text-decoration: none; }
.footerText a:hover { color: #00eaff; }

#footerLinks { float: right; margin-top: 100px; margin-right:25px; }

#footerLinks h3 a {
	background: url(images/headline_bg.gif) repeat-x; text-align:center; position:relative; padding: 5px; margin-bottom: 5px;
	color: #0ff; text-decoration: none; font-weight:normal; border: 1px solid #353535; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#footerLinks .v_center { display: block; width: 100%; height: 100%; font-size:12px; }

#footerLinks h3 a:hover { color:#fff; }

/* FONT COLORS */
.blueText { color: #00eaff;}

/* =============== EXTERNAL PAGE TOP STRIP =============== */

#topStrip { background: #222 url(images/headline_bg.gif) repeat-x top left;
	height: 35px; }
#stripLogo { background: url(images/i5_logo_small.png) no-repeat top left; height: 30px; width: 54px; float: left; margin:3px 0 0 10px; }

.stripNav { width: 600px; height: 20px; float: left; margin: 8px 0 0 20px; }
.stripNav ul { list-style-type: none; float: left; }
.stripNav li { float: left; border-left: 1px solid #969696; }
.stripNav li a { text-decoration: none; padding: 0 10px; font-size: 14px; color: #00eaff;
	text-transform: uppercase; }
.stripNav li:first-child, .stripNav li:nth-last-of-type(3) { border-left: 0; }
.stripNav li a:hover { color: #fff; }
.stripTitle { padding: 0 20px 0 0; color: #fff; text-transform: uppercase; }

/* 0e0e10