/*
Theme Name: Alan Quayle Theme
Theme URI: http://alanquayle.com
Description: Alan Quayle Business and Service Development
Author: Alan Quayle's CSS Robot
Template: twentytwelve
Version: 1.0
*/

@import url("http://alanquayle.com/wpress/wp-content/themes/twentytwelve/style.css");

/* =Repeatable patterns
-------------------------------------------------------------- */


/* Images */
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Remove fancy borders to all WordPress-added images but not things like badges and icons and the like */
		border-radius: 0;
		box-shadow: none;
}
.entry-header img.wp-post-image { display: none; }


/* =DISABLE TOGGLE MENU */

/*.menu-toggle {
	width: 100%;
	padding: 10px 0;
	background-image: none;
	background-color: #999;
	border-radius: 0;
	color: #fff;
}
*/
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.main-navigation {
		margin-top: 0;
	}
	.main-navigation li {
		margin-top: 0;
	}	
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border: none;
	}
	/* Extra custom Main Menu styles */
	.main-navigation li {
		margin: 0 8px 0 0;
		margin: 0 .5rem 0 0;
	}
	.main-navigation li { 
		margin: 0 1px 0 0;
		margin: 0 .06rem 0 0;		
	}
	.main-navigation ul li:after{
		content: " /";
	}
	.main-navigation ul li:last-child:after,
	.main-navigation ul li:last-child:after{
		content: "";
	}
	





/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
body.custom-font-enabled {
	font-family: "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

/* Header */
.site-header {
	padding: 0 0 15px 0;
	padding: 0 0 1.1rem 0;
}
.site-header h1 {
	margin-top: 15px;
	margin-top: 1.1rem;
	margin-top: 40px;
	margin-top: 2rem;
}
.site-header h1 a { 
	text-indent: -9999px;
	height: 50px;
	width: 200px;
	background: url(images/alanquayle-logo-2013.png) 0 0 no-repeat;
}
.blog .site-header h1 a {
	background: url(images/alanquayle-blog-logo-2013.png) 0 0 no-repeat;
}
.site-header h2 { display: block; text-indent: none; text-align: center; font-style: italic; }


/* =Main content and comment content
-------------------------------------------------------------- */
.home .entry-header .entry-title { display: none; }

.error404 .site-content article,
.page .site-content article {
	border: 0;
	margin-bottom: 0;
}

/* About page styles */
#customer-list {
	width: 35%;
	margin-left: 3%;
	margin-bottom: 20px;
	padding-left: 1.5%; 
	float: right;
	font-size: .8rem; 
	border: 1px solid #eee;
}
#customer-list h2 {
	margin: 0 0 10px 0;
}
#customer-list ul {
	padding: 0;
	list-style-type: none;
}
#customer-list li {
	margin-left: 0; 
	margin-right: 2%; 
	margin-bottom: 4px; 
	line-height: 1rem; 
}

img.wp-image-480 {
	max-width: 55%;
	height: auto;
}

/* =ChildPage Grid Shortcode
-------------------------------------------------------------- */
.childpage-thumbnails { 
	list-style-type: none;
}
.childpage-container { 
	list-style-type: none;
	float: left;
	padding-right: 30px;
	padding-right: 2.1rem;	
	text-align: center;
}
.childpage-thumb { 
	max-width: 240px;
	text-align: center; 
	background: #fff; 
	border: 1px solid #6a6a6a;
}
.childpage-thumb a,
.childpage-thumb img { 
	display: block; 
}
.childpage-content {
	max-width: 240px;
}
#content h4.childpage-title { 
	margin-top: 3px;
	margin-top: .2rem;
	text-align: center;
	line-height: 19px;
	line-height: 1.4rem;
	height: 60px;
	height: 4.2rem;
	margin-bottom: 24px;	
	margin-bottom: 1.7rem;
}

/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 500 pixels. */
@media screen and (min-width: 500px) {
	/* only if disabling toggle menu */
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
	}
	.main-navigation ul li:after{
		content: "";
	}
	.main-navigation ul li:last-child:after,
	.main-navigation ul li:last-child:after{
		content: "";
	}	
	/* only if disabling toggle menu */
	
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

.site-header h2 { text-align: right; }
.blog .site-header h2 { text-align: right; padding-right: 40px; }
.blog .site-header {
	background: url(images/pen.jpg) 95% 65% no-repeat;
}

.main-navigation {
	margin-top: 0;
}
.main-navigation li {
	margin-top: 0;
}	

.main-navigation li {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.42857143;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
		border: none;
}
#customer-list {
	margin-left: 0;
	margin-right: 3%;
	float: left;
	border: none;
	box-shadow: 0px 2px 6px rgba(100, 100, 100, 0.3);
}
#customer-list li {
	width: 48%; 
	float: left; 
}

}

@media screen and (min-width: 960px) {

body { background-color: #ffffff; }
body .site { box-shadow: none; margin-top: 0; }

}