/*
Theme Name: VIS Security
Author: Peter Hughes @eyesparks
*/

/* TABLE OF CONTENTS
00 - Global Elements
01 - Typography
02 - Header
03 - Main Structure
04 - Main Content
05 - Sidebars
06 - Footer
07 - Wordpress Defaults
08 - Homepage Slider
*/


/* 00 - GLOBAL ELEMENTS ----------------------------------------------*/
* 				{ margin: 0;  padding: 0;}
html 			{ min-height: 100%; overflow-y:scroll; }
body		{background:#FFF; padding:0; color:#333;}

/* 01 - TYPOGRAPHY ---------------------------------------------------*/



/* 02 - HEADER -------------------------------------------------------*/
.header		{margin:30px 0;}
p.logins	{text-align:right; color:#333; margin:0 0 5px 0;}
p.logins a	{text-decoration:none; color:#333;}

.logo		{margin:0 0 0 20px;}

ul#mainnav 			{margin:0; list-style:none; padding:0; float:right;}
ul#mainnav li 		{float:left; margin:0 6px 0 0;}
ul#mainnav a 		{display:block; margin:0; text-decoration:none; font-weight:normal; font-size:0.8em; color:#222;  background:url(images/nav/right.gif) no-repeat right top;}
ul#mainnav a span 	{display:block; padding:3px 10px 3px 10px; background:url(images/nav/left.gif) no-repeat left top;}
ul#mainnav li.current a{background-position:right -30px; color:#FFF;}
ul#mainnav li.current a span{background-position:left -30px; color:#FFF;}
ul#mainnav a:hover 		{background-position:right -30px; color:#FFF;}
ul#mainnav a:hover span {background-position:left -30px; color:#FFF;}

.searchbox		{margin:0; width:151px; display:block; float:right; background:url(images/search-back.gif) no-repeat; padding:5px 10px; }
.search_field	{color:#666; border:0; margin:0;  font-size:0.8em; width:135px; background:none; float:left;}
.search_butt	{background:url(images/search-butt.gif) no-repeat !important; border:0; padding:0; height:15px; width:15px; cursor:pointer; float:left; }


/* 03 - MAIN STRUCTURE -----------------------------------------------*/
a[href$=".PDF"], a[href$=".pdf"] {
	padding: 6px 2px 5px 30px;
	background: url("images/pdf-icon.png") left center no-repeat;
}



/* 04 - MAIN CONTENT -------------------------------------------------*/
.homefeatured	{padding:30px 20px; margin:0 0 20px 0; float:left; width:900px; height:240px; background:url(images/homemain.jpg) no-repeat;}
.homefeatured h1{color:#fff; font-size:220%; margin:0; letter-spacing:-1px;}	
.homefeatured h2{color:#fff; font-size:150%; margin:0 0 20px 0; letter-spacing:-1px;}

.homebox1		{padding:10px 20px; margin:0 15px 0 0; float:left; width:260px; height:160px; background:url(images/homemain.jpg) no-repeat;background:url(images/sidebar-back.png) repeat; -moz-border-radius:8px; -webkit-border-radius:8px;}
.homebox2		{padding:10px 20px; margin:0 15px 0 0; float:left; width:260px; height:160px; background:url(images/homemain.jpg) no-repeat;background:url(images/sidebar-back.png) repeat; -moz-border-radius:8px; -webkit-border-radius:8px;}
.homebox3		{margin:0; float:left; width:310px; height:180px; background:url(images/ciscotab2.jpg) no-repeat;}



/* 05 - SIDEBARS -----------------------------------------------------*/
ul#sidenav		{ list-style:none; margin:0; padding:0; float:left; width:210px; background:url(images/sidebar-back.png) repeat; padding:15px 0; -moz-border-radius:8px; -webkit-border-radius:8px; }
ul#sidenav	li	{ margin:2px 0; padding:0; float:left; font-size:0.8em; font-weight:normal;  }
ul#sidenav	li.title	{ margin:2px 0; padding:0 15px; float:left; font-weight:normal; color:#000; font-size:100%; text-transform:uppercase; }
ul#sidenav	li	a{ float:left; color:#444; padding:2px 15px; text-decoration:none; width:180px; }
ul#sidenav	li	a:hover{ color:#000; background:#ccc;}
ul#sidenav	li.current_page_item a{ color:#000; background:#ccc;}
ul#sidenav	li.current_page_item a, ul#sidenav li.current_page_ancestor	a{ color:#000;}
ul#sidenav	li.current_page_item ul li a{ background:none;}

ul#sidenav li ul {display:none; margin:0; padding:0;}
ul#sidenav li.current_page_ancestor ul, ul#sidenav li.current_page_item ul {list-style:none; display:block;}
ul#sidenav ul li{list-style:none; font-size:100%;}
ul#sidenav ul li a{padding:0 15px 0 30px; width:165px; color:#444; } 
ul#sidenav ul li a:hover{color:#000; background:#ccc; } 
ul#sidenav li.current_page_ancestor ul li a:hover{color:#000; background:#ccc; } 
ul#sidenav ul li.current_page_item a{background:#ccc; }



/* 06 - FOOTER -------------------------------------------------------*/
.footer			{padding:10px 20px; margin:20px 0; float:left; width:900px; -moz-border-radius:8px; -webkit-border-radius:8px; background:url(images/sidebar-back.png) repeat;}

ul.footernav		{float:left; width:130px; margin:0 20px 0 0; list-style:none;}
ul.footernav li	{ list-style:none; margin:7px 0;font-size:0.8em; display:block; line-height:1.1;}
ul.footernav li.title{color:#000; text-transform:uppercase;}
ul.footernav li a	{ color:#444; font-style:normal; text-decoration:none;}
ul.footernav li a:hover	{text-decoration:underline;}


/* 07 - WORDPRESS DEFAULTS -------------------------------------------*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	font-size:0.9em; color:#333;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

ol {
	padding: 0;
	margin: 0;
	}

ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0;
	padding: 5px 0;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 0 0 -35px;
	padding:0 0 0 35px;
	background:url(images/blockquote2.png) no-repeat top left;
	font-size:18px;
	}

cite {
	margin: 5px 0 0;
	display: block;
	font-style:italic; font-weight:bold;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	background-color: #F9FBFD;
	padding-top: 4px;
	margin:10px 0 10px 10px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	font-style:italic;
}
/* End captions */



/* 08 - HOMEPAGE SLIDER -------------------------------------------*/
 				  
/*	PAGE STRUCTURE*/
#page-wrap 									{ width: 940px; margin:0 0 30px 0; position: relative; height: 300px; }


/*	SLIDER*/
.slider-wrap								{ width:940px; position: absolute; top:0px; left:0px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width:940px; height: 300px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width:940px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid #fff; margin-right:10px; }
#movers-row									{ margin:0; position:absolute; left:500px; top:240px; width:400px; float:left; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/homeslider/slide-bg.png); padding:0 10px 10px 10px; height:80px; width:600px; position: absolute; left:15px; top:15px; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px;  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/homeslider/icon-uparrowsmallwhite.png) top center no-repeat; }

p#slide-client {font-size:28px; color:#FFF; margin:0; font-weight:normal;}
p#slide-desc  {font-size:14px; line-height:1.4;color:#FFF; margin:0; padding:0; font-weight:normal;}
a#slide-link  {background:url(images/homeslider/slide-bg.png) repeat;  float:left; padding:5px 10px; position:absolute; left:15px; top:115px;  position:absolute; left:15px; top:115px; color:#fff; text-align:center;}
a#slide-link:hover  {background:url(images/homeslider/slide-bg2.png) repeat;}