/** 
 * @theme name  ::       cwsecurity_theme
 * @author      ::       Arjay Aquino arjayaquino@imagineinfinitystudios.com
 * @version     ::       1.0
 * @description ::       theme for CW Security website
 * @description ::       imports general css including 960 grid layout. Creates custom styles.
 * @copyright   ::       Copyright(C) CW Security
 
 * @notes       ::       Color values: Dark Gray: #4e4e4e | Light Gray: #636363 | Blue: #005dab
**/

@import url('css/960.css');
@import url('css/reset.css');
@import url('css/text.css');
@import url('css/forms.css');
@import url('css/jquery.lightbox-0.5.css');


/**										LAYOUT
________________________________________________
**/

	body{
		background-color:#fff;
	}

	
	#main_wrapper{
		z-index:10;
	}
	
/* ________________ =ABOVE HEADER / LOGO _________ */
	
	#site_above_header{
		height: 110px;
	}
	
	#site_logo{
		height:110px;
		margin-left:-10px;
		width:200px;
	}
	
/* ________________ =SITE NAVIGATION _________ */

	#site_nav{
		background:transparent url(images/topnav_bg.png) no-repeat 0 0;
		height: 70px;
		overflow:hidden;
		padding-left:20px;
		width:730px;
	}
	
  /* ___________MENU _____ */
	
	#navigation, #navigation ul {
		margin:0; 
		padding:0; 
		list-style-type:none; 
		list-style-position:outside; 
		position:relative; 
		line-height:1.5em; 
		z-index:200; 
		width:100%; 
	} 
	
	#navigation a {
		display:block; 
		height:22px;
		padding:38px 11px 0px 11px; 
		color:#4e4e4e; 
		text-decoration:none; 
		text-transform:uppercase;
		background:#FFFFFF url(images/sprite_topnav_button.gif) repeat-x 0 0;
	}
	
	#navigation li a.current_page_item{
		background-position: 0px -60px;
		color:#FFFFFF;
		height:32px;
	}
	
	#navigation a:hover {
		background-position: 0px -60px;
		color:#FFFFFF;
		height:32px;
	} 
	
	#navigation li {
		float:left; 
		margin-right: 5px;
		position:relative;
	}
	
	
/* ________________ =HEADER / SLIDE SHOW ________________ */
	
	#site_header{
		height: 290px;
	}
	
	#site_bg{
		height:940px;
		left:50%;
		margin-left:-650px;
		overflow:hidden;
		position:absolute;
		top:0px;
		width:1300px;
		z-index:-1;
	}
	
	#bg_centerwrap {
		margin:0;
		width:1300px;
	}
	
	#slideshowImages IMG {
		position:absolute;
		top:0;
		left:0;
	}
	
	#slideshowNav{
		right:0px;
		position:absolute;
		top:260px;
		z-index:10;
	}
	
	#slideshowNav ul{
		margin:0; 
		padding:0; 
		list-style-type:none; 
		list-style-position:outside;
	}
	
	#slideshowNav .button{
		background:transparent url(images/sprite_slideshow_button.gif) repeat-x 0 0;
		color:#4e4e4e;
		height:15px;
		float:left;
		margin-left:5px;
		overflow:hidden;
		padding:3px 7px 2px 7px !important;
	}
	
	#slideshowNav .button:hover{
		background-position:0 -20px;	
		color:#ffffff;
	}
	#slideshowNav .button_selected{
		background-position:0 -20px;	
		color:#ffffff;
	}
	
	
/* ________________ =PAGE CONTENT _________ */
	#site_content{
		width:640px;
	}
	
	#site_content #content_entries{
		margin: 0px;
		padding:25px 0px 0px 20px;
		width: 620px;
	}
	
	#site_content .category .entry, #site_content .category{
		padding-bottom:5px;
		margin-bottom:15px;
	}
	
	.entry_content{
		background:transparent url(images/bg_content.png) no-repeat 0 0;
		margin-left:-9px;
		min-height:500px;
		padding:25px 20px 0 24px;
		width:606px;
	}
	
	#site_content li{
		margin-bottom:10px;	
	}
	
	#category_desc{
		margin-bottom:30px;
	}
	.post_entry{
		margin-bottom:30px;
	}
	
	.post_entry .title{
		border-bottom:1px dotted #CCCCCC;
		padding-bottom:10px;
	}
	.post_entry .title a{
		text-decoration:none !important;
	}
	
	.images_gallery{
		float:left;
		margin-bottom:20px;
		width:600px;
	}
	
	#site_content .image_thumb{
		background-color:#e6e8ea;
		display:block;
		float:left;
		height:150px;
		padding:2px;
		margin:5px 5px 0px 0px;
		width:150px;
	}
	#site_content .image_thumb img{
		margin:0;
	}
	
	
	
/* ________________ =SIDE BAR _________ */
	#site_sidebar{
		background:transparent url(images/bg_sidebar.png) no-repeat 0 0;
		margin:-6px 0 0 -7px;
		min-height:580px;
		width:310px;
	}
	
	#site_sidebar .widget_box{
		margin-bottom:25px;
	}
	
	#sidebar_content{
		margin:20px 0 15px 25px;
		width:264px;
	}
	
	#sidebar_content ul{
		list-style:none;
		margin:0px;
	}
	
	#sidebar_content h4{
		margin-bottom:10px;
	}
	
	#sidebar_content .widget_box ul li{
		margin-bottom:10px;
	}
	
	#sidebar_promos{
		text-align:center;
	}
	
	#sidebar_content .promo_sprite a{
		display:block;
		height:45px;
		margin-left:3px;
		overflow:hidden;
		width:260px;
	}
	
	#sidebar_content .promo_sprite a img{
		margin-top:-45px;
	}
	#sidebar_content .promo_sprite a:hover img{
		margin-top:0px;
	}


/* ________________ =FOOTER _________ */
	#site_footer{
		background:#fafafa url(images/bg_footer.png) no-repeat top left ;
		color:#636363;
		margin-top:30px;
		padding-top:25px;
	}
	
	#site_footer ul{
		list-style:none;
		margin:0px;
	}
	
	#footer_sitemap{
		padding-left:20px;
		width:120px !important;
	}
	
	#footer_misc{
		font-size:0.9em;
		margin:10px 0px 10px 0px;
		padding-right:10px;
		text-align:right;
		width:930px;
	}
	
	#footer_contact{
		padding-left:10px;
		width:290px !important;
	}
	
	.footer_post .title a{
		text-decoration:none !important;
	}
	
	
/**										FORMAT
________________________________________________
**/

/* ________________ =HEADINGS _________ */

	h1{
		background:transparent url(images/transparent_1x1_80.png) repeat top left;
		margin-bottom:0px !important;
		padding:10px 0px 10px 15px;
		min-height:35px;
	}

	h1 a, h1 a:visited, h1 a:focus, h1 a:hover{
		text-decoration:none;
		color:#4e4e4e;
	}
	
	
/* ________________ =LINKS _________ */	

	a{color: #005dab; text-decoration: underline;}
	a:hover{color: #005dab; text-decoration:none;}
	a:focus{outline:none; color: #005dab;}
	a:visited{color: #005dab;}
	
	.button, .submit_button{
		border:none;
		background-color:#e6e8ea;	
		color:#4e4e4e;
		padding:3px 5px 3px 5px;
		text-decoration:none;
	}
	
	.submit_button{
		width:40px !important;
	}
	
	.button:hover, .submit_button:hover{
		background-color:#005dab;
		color:#ffffff;
	}
	
	.button:focus, .submit_button:focus{
		background-color:#e6e8ea;	
		color:#4e4e4e;
	}

	
/* ________________ =FORMS _________ */
	
	#site_content{
		list-style:none;
	}
	
	#site_content .contact_form{
		list-style:none;
		width:80%;
	}
	
	#site_content label{
		margin:9px 0px 0px 7px;
		position:absolute;
		z-index:1;
	}
	#site_content #labelMessage{
		margin:6px 0px 0px 7px;
	}
	
	#site_content input{
		height:20px;
		width:100%;
	}
	
	.wpcf7-response-output{
		float:left !important;
		margin:10px 0px 0px 0px !important;
	}
	
	.wpcf7-not-valid-tip{
		background-color:#231f21 !important;
		font-size:0.9em !important;
	}