/*  
Theme Name: Authorized Access
Theme URI: http://www.boltonwebdesign.co.uk
Description: Custom Theme <br> - Designed by <a href="http://www.boltonwebdesign.co.uk">Jigsaw Internet Solutions</a> 
Author: Shaun Barnes
Author URI: http://www.boltonwebdesign.co.uk
© 2009, Jigsaw Internet Solutions. All rights reserved. 
*/


/* RESET BUILT IN BROWSER STYLES */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul,li {list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
a{text-decoration:none;}


body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 14px;
	background: url(images/bg3.jpg);
}
#container { 
	width: 1000px;  
	background: #ccc url(images/bg-1000.gif) repeat-y 50% 0;	
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
} 
#header { 
	background: #DDDDDD; 
	} 
#header h1 {
	text-indent: -99999px;
	background: url(images/header.jpg);
	height: 117px;
	margin: 0; 	}
#sidebar {
	float: left; 
	width: 250px; 
/* 	padding: 15px 10px 15px 20px; */
	color: #fff;
		margin-bottom:-2755px;
	padding:15px 10px 3000px 20px;
	min-height: 900px;

}

#icons #awards { margin-bottom: 20px; margin-right: 0;}
#icons{
	position:absolute;
	width: 240px;
	right:45px;
	bottom:15px;
	left:20px;
	margin-bottom: 20px;}
	#content {position: relative; overflow: hidden; }
#mainContent { 
	margin: 0 0 0 290px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	 } 
#footer { 
	padding: 10px 10px 10px 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#EBEFFA; 
	overflow: hidden; font-size: 11px; }
	
#footer a { color: #4362B5; margin-right: 20px;}
#footer a:hover { text-decoration: underline;}	

#footer ul li { float: left;}  

#footer p {
	margin: 0; 
	float: right;}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px; }

/* NAVIGATION */

#nav { 
	color:#fff; 
	background: #EB1458; 
	height: 30px;
	font-size: 18px;}
#nav li { float:left; padding: 3px 25px 0 25px; }
#nav #end { padding: 3px 0 0 25px;}

#nav a { color: #fff; }
#nav a:hover { color: #000; text-decoration: none;}

/* TEXT */

p { margin-bottom: 0.75em;}

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #4362B5; margin: 0.5em 0; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

#sidebar h2,#sidebar h3 { color: #fff;}

/* FLOATS */

img.centered,img.aligncenter {
	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; }

div.post ul, div.post ol { margin: 0 0 20px 20px;}
div.post ul li { list-style-type: disc; margin-bottom: 0.5em;}
div.post ol li { list-style-type: decimal; margin-bottom: 0.5em;}




#sidenav a { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 70px;}


#sidenav li li li a { color: #DEDEDE; font-size: 13px; font-weight: normal;}


#sidebar #signup { font-weight: bold;}


/*

#sidebar ul li a, #sidebar ul li ul li.page_folder a  { color: #fff; font-size: 14px; font-weight: bold;}



#sidebar ul li ul li.page_folder li a { color: #DEDEDE; font-size: 13px; font-weight: normal;}

*/


.page_item {  padding-left: 15px;}
li.page_folder { background-image: url(images/expand.png); background-repeat: no-repeat; padding-left: 15px;background-position: 0 .3em;
}

#icons { margin-top: 70px; margin-left: 10px; position: absolute; bottom: 1px;}
#socialbuttons { margin-top: 40px;}
#icons img { float: left; margin: 0 15px 7px 0;}

#sidebar .page_item a:hover { color: #000;}


div.breadcrumb { margin-top: 20px; margin-bottom: 10px; color: #333; font-weight: bold; font-size: 12px;}
div.breadcrumb a { font-weight: normal; text-decoration: underline;}

a:link, a:visited { color: #4362B5; }
a:hover, a:active { text-decoration: underline; color: #EB1458;}

div#audits { margin-top: 50px;}

#audits p { font-size: 13px; font-style: italic;}

#audits img { border: 2px solid #4362B5;}
#audits img:hover { border: 2px solid #EB1458;}


p.postmetadata { border-top: 1px solid #260C4B; font-size: 10px; color: #333;}

div.post h2 { margin-bottom: 0;}

div.post { margin-bottom: 30px;}

p.small { font-size: 12px;}

textarea#comment { width: 450px;}

ul.comment-list { margin: 0; padding:0;}

.comment-info h4 { margin:0;}

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

li.comment { 
	border-bottom: 3px solid #666666; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	
	h3#comments { margin-top: 50px; border-bottom:  3px solid #666666; padding-bottom: 10px;}
	
	
.blogside a:link,.blogside  a:visited { color: #fff; }
.blogside a:hover, .blogside a:active { text-decoration: underline; color: #EB1458;}

.testimonials #mainContent img { margin-bottom: 15px; border: 1px solid #777; }

span.smalllink { font-size: 9px; }
#footer span.smalllink a { margin-right: 0; }



/* HOMEPAGE STYLES */

.homeheading { text-align: center; color: #4362B5; font-family: Georgia, serif; font-size: 28px; font-weight: bold; margin: 30px 0; }
.homebody {  text-align: center; font-size: 20px; color: #000; font-style: italic; font-family: Georgia, serif; font-weight: bold; margin: 20px 0;}

.af-element, .previewLabel, .af-textWrap { float: left;}
.af-element { margin-right: 20px;}
.previewLabel { font-size: 13px;}
.af-form { padding-top: 10px;}

a.slidelink {color:#ffffff ;}
a.afflink {color:#B0E0EA ;}
#actionslider { position: fixed; right: 0px; bottom: 0px;}
#actionslider form {padding:0px; margin:0px;}
body > div#actionslider { position: fixed; }

#inside { width: 1000px; margin: 0 auto;}