/*

Theme Name: Animal Cracker Conspiracy

Theme URI: http: //www.animalcrackerconspiracy.com/

Description: Custom Worpress themed designed for Animal Cracker Conspiracy

Author: Stuart Runyan

Author URI: http: //www.stuartrunyan.com/

Template: sandbox

Version: 2.0

*/



@import url('../sandbox/style.css');



/**********************************************

	reset.css 

**********************************************//

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

body {line-height:1.5;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}



/* Clearfix */

.clearfix {

	clear: both;

	height: 0;

	line-height: 0;

}



/**********************************************

	GLOBAL Styles 

**********************************************/

h1, h2, h3, h4, h5, h6 {font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;}

h1 {font-size: 2.2em;}

h2 {font-size: 2em;}

h3 {font-size: 1.8em;}

h4 {font-size: 1.6em;}

h5 {font-size: 1.4em;}

h6 {font-size: 1.2em;}

a, a:visited {color: #c5cb25;text-decoration: none;outline: none;}

a:hover, a:focus {color: #fff600;text-decoration: underline;}

a img {border: 2px solid #c5cb25; margin: 5px;}

a img:hover {border: 2px solid #fff600;}

p {line-height: 1.5em;margin: 1em 0;font-size: 1.2em;}

blockquote {

	color: #FF6;

	padding: 10px 20px;

	text-align: center;

	font-style: italic;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.4em;

}



/**********************************************

	STRUCTURE Styles 

**********************************************/

body {

	font-size: 0.625em;

	font-family: Arial, Helvetica, sans-serif;

	color: #CCC;

	font-weight: normal;

	background: url('images/bkg_main_vr2.gif') 0 0 repeat;

	background-color: #000;

	margin: 0;

}

#glow_wrapper {background: url('images/bkg_dark_glow.png') 290px 0 no-repeat}

#wrapper {

	width: 960px;

	margin: 0 auto;

	position: relative;

}



/**********************************************

	HEADER Styles 

**********************************************/

div#header {

	height: 387px;

	background: transparent url('images/bkg_dark_header.png') right 0 no-repeat;


	text-align: left;

}

div#header h1 {padding-top: 200px; margin-top: 0;}

div#header h1 span {

	background: transparent url('images/acc_logo.png') center 0 no-repeat;

	display: block;

	height: 200px;

	width: 500px;

	margin: 0 auto;

	position: relative;

}

div#header h1 a {

	color: #FF0;

	background: transparent url('images/acc_title.png') 0 0 no-repeat;

	display: block;

	width: 464px;

	height: 83px;

	margin-left: 20px;

	text-indent: -9999px;

	position: absolute;

	bottom: 0;

	outline: none;

}

#blog-description {visibility: hidden;}

#sidebar {

	float: left; 

	width: 168px;

}

.sidebar {

	display: none;

}

div#primary {

	margin: 5px 0 0 17px;

}

#mailing-list {

	float: right;

	margin-top: 10px;

}

#mailing-list input, #mailing-list label {

	display: block;

}

#mailing-list label {

	font-size: 1.6em;

	background: #231F20;

	width: 100px;

	text-align: center;

	margin: 0 0 5px 53px;

	color: #FFF;

}

#mailing-list input {

	background: #FFF;

	border: none;

	width: 148px;

	padding: 2px;

	height: 21px;

}

#mailing-list input[type=submit] {

	margin: 5px 0 0 86px;

	width: 65px;

	height: 25px;

	font-weight: bold;

	background: #333;

	color: #FF6;

}

#mailing-list input[type=submit]:hover {

	background: #444;

	color: #FF6;

}





/***********************************************************************************************************/

/***************************** Naviagtion Styles **************************************************/

/*******************************************************************************************/

div#access {

	margin-left: 13px;

}

div#menu {

	width: 155px;

	height: auto;

	background: none;

	margin: 0;

}

div#menu ul {

	clear: both;

}

div#menu ul li {

	float: none;

	vertical-align: middle;

	line-height: 1.6em;

}

div#menu ul li a {

	display: block;

	float: right;

	width: 160px;

	height: 38px;

	margin: 5px 0 5px 0;

	padding: 0;

	text-indent: -9999px;

}

div#menu ul li ul {

	position: static;

	left: 0;

	

}

div#menu ul li ul li a {

	width: 100px;

	height: auto;

	color: #CCC;

	line-height: 1.2em;

	font-weight: bold;

	font-size: 1.2em;

	padding: 4px 10px;

	background: transparent url(images/bkg_nav.gif) right 0 repeat-y;

	text-indent: 0;

}

div#menu ul li ul li a:hover {

	background: transparent url(images/bkg_nav_ovr.gif) right 0 repeat-y;

}

/* specific nav link backgrounds */

#menu ul li a[title=Home] {

	background: transparent url('images/nav_sprite.png') 0 0 no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Services] {

	background: transparent url('images/nav_sprite.png') 0 -37px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Gallery] {

	background: transparent url('images/nav_sprite.png') 0 -76px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Events] {

	background: transparent url('images/nav_sprite.png') 0 -115px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=About] {

	background: transparent url('images/nav_sprite.png') 0 -152px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Contact] {

	background: transparent url('images/nav_sprite.png') 0 -190px no-repeat;

	width: 160px;

	height: 38px;

}

/* specific nav link backgrounds ON HOVER */

#menu ul li a[title=Home]:hover {

	background: transparent url('images/nav_sprite.png') -169px 0 no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Services]:hover {

	background: transparent url('images/nav_sprite.png') -169px -37px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Gallery]:hover {

	background: transparent url('images/nav_sprite.png') -169px -76px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Events]:hover {

	background: transparent url('images/nav_sprite.png') -169px -115px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=About]:hover {

	background: transparent url('images/nav_sprite.png') -169px -152px no-repeat;

	width: 160px;

	height: 38px;

}

#menu ul li a[title=Contact]:hover {

	background: transparent url('images/nav_sprite.png') -169px -190px no-repeat;

	width: 160px;

	height: 38px;

}





/**********************************************

	CONTAINER Styles 

**********************************************/

div#content_wrap {

	background: transparent url('images/bkg_dark_container.png') 158px 0 repeat-y;

}

div#container {

	float: none;	

	min-height: 200px;

	margin: 0;

	color: #CCC;

	font-size: 1.2em;

}

div#content {

	margin: 0 0 0 200px;

	width: 560px;

	padding: 20px 0;

}

h2.entry-title {clear: none; text-shadow: 2px 2px 2px #000; border-bottom: 1px solid #999; margin: 0 0 20px 0; color: #FFF; padding-top:40px;}

h3 {margin: 60px 0 0 0;text-shadow: 2px 2px 2px #000; color: #EEE; font-size: 1.6em;}

h3 + p {margin-top: 5px;}



/**********************************************

	FOOTER Styles 

**********************************************/

div#footer {

	width: auto;

	height: 282px;

	background: transparent url('images/bkg_dark_footer.png') 0 0 no-repeat;

	margin-left: 75px;

}

#develop-apps {display: none;}



/**********************************************

	HOME PAGE Styles 

**********************************************/

.home h2 {

	display: none;

}

.home img {

	display: block;

	margin: 0 auto;

}

.home p {margin: 0;}



/**********************************************

	CONTACT PAGE Styles 

**********************************************/

.wpcf7-form {}

.wpcf7-form p {font-weight: bold;}

.wpcf7-form input {

	height: 25px;

	font-family: "Lucida Console", Monaco, monospace; 

	padding-left: 5px;

	border: 1px solid #333;

	background: #FFF;

}

.wpcf7-form textarea {

	padding: 5px;

	border: 1px solid #333;

	background: #FFF;

}

.wpcf7-form input:hover,

.wpcf7-form input:focus,

.wpcf7-form textarea:hover,

.wpcf7-form textarea:focus {

	background: #FFC;

}



.wpcf7-form input[type=submit] {

	border: 2px solid #333; 

	background: #999; 

	color: #FF3; 

	font-size:1.6em; 

	font-weight:bold;

	font-family: Arial, Helvetica, sans-serif;

	height:auto; 

	width: auto;

}

.wpcf7-form input[type=submit]:hover,

.wpcf7-form input[type=submit]:focus {

	background: #666;

}

.wpcf7-form input[type=submit]:active {background: #333;}

.wpcf7-form .wpcf7-not-valid-tip {color: #F00;}



/**********************************************

 	NEXT GEN GALLERY Styles 

**********************************************/

/* Next Gen Gallery Styles */

.entry-content .ngg-galleryoverview {clear:none;}

.entry-content .ngg-galleryoverview a img {border: 2px solid #C5CB25; padding: 0; background: none;}

.entry-content .ngg-galleryoverview a img:hover {border: 2px solid #FF6;}

.piclenselink {font-weight: bold; font-size: 1em;}



div.gallery {clear: none;}