/*
Theme Name:     Boilerplate Child
Theme URI:      http: //jaceharmer.com/
Description:    Child theme for the Bolierplate theme 
Author:         Jace
Author URI:     http: //jaceharmer.com/about/
Template:       boilerplate
Version:        0.1.0
*/

@import url("../boilerplate/style.css");
@import url("../boilerplate/css/navigation.css");
@import url("../boilerplate/css/jquery.fancybox-1.3.4.css");





/*Layout*/


html { width: 100%; height: 100%; background-color: #F9F8E1; }

body { font:13px/1.231; font-family: "Century Gothic", "Apple Gothic", sans-serif; width: 100%; height: 100%; margin: 0 auto; padding: 0; background-color: #F9F8E1; } 

div.footer_info, div.nav_container, nav#nav2 { width: 1012px; margin: 0 auto; }

header { 
	width: 100%;
	margin: 0 auto;
	background: #c4d872 url(http://www.pinkpistachio.com/wp-content/themes/boilerplate/images/headerTexture.png) repeat;
	}
	
div.header_container {
	width: 982px;
	margin: 0 auto;
	padding: 15px 15px 10px; 
	}
	
nav#access {
	width: 100%;
	background: #444444;
	border-top: 10px solid #d1d2c5;
	border-bottom: 2px solid #d1d1d1;
	}
	
div.nav_container { background: #444444;}

section#content {
	width: 1011px;
	margin: 0 auto;
	background: #F9F8E1;
	margin-bottom: 20px;
	}
	
footer.main { 
	border-top: 8px solid #d1d2d2; 
	background: #444;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #222	,  #444); /* for firefox 3.6+ */ 
	min-height: 25%; 
	}
	
div.footer_info {
	padding: 20px 0px;
	}
	
div.article_container {
	width: 654px;
	float:left;
    position:relative;
    left: 347px;
	}

article.post, article.page, article.search, div#respond {
	width: 600px;
	padding: 15px 25px 25px;
	border: 2px solid #f1f2f2;
	margin-bottom: 10px;
	background: white;
	}
	
article.page {
	min-height: 736px;
	}

div.container3 {
    float:left;
    width:100%;
    background: #f1f2e5;
    overflow:hidden;
    position:relative;
    border-right: 1px solid #f1f2f2;
    margin-bottom: -10px;
	}
	
div.container2 {
    float:left;
    width:100%;
    background:white;
    border-right: 1px solid #f1f2f2;
    position:relative;
    right:160px;
    margin-bottom: -10px;
	}
	
div.container1 {
    float:left;
    width:100%;
    background:#F9F8E1;
    border-right: 1px solid #f1f2f2;
    position:relative;
    right:188px;
	}


div#sidebar {
	float:left;
	margin: 0;
	padding: 20px 20px 30px;
	width: 156px;
	background: none;
    position:relative;
	left: 350px;
	}
	
div#sidebar2 {
	float:left;
	padding: 0;
	margin: 152px 0 0;
	width: 150px;
	background: none;
    position:relative;
	left: 350px;
	}

div.category, div.archive, div.searchresults, div.page {
	padding: 5px 25px 25px 25px;
	width: 604px;
	background: #fcd2cb;
	text-align: center;
	}	

div.comments_page {
	width: 600px;
	padding: 15px 25px 25px;
	border: 2px solid #f1f2f2;
	background: white;
	margin-bottom: 10px;
	}
	
div.polaroid { 
	border: 2px solid #f1f2f2; 
	padding: 5px 5px 15px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: white;
	width: 1005px;
	}
	
/* Lists */

ul.xoxo, ul.xoxo1, {
	margin: 0 auto;	
	background: white;
	}

ul.xoxo > li { margin-bottom:10px; }
	
ul.xoxo li {
	display: block;
	border-bottom: none;
	}
	
ul.xoxo li.recentcomments {
	display: inline;
	}

ul.xoxo li ul.children {
	display:none;
	}
	
ul.xoxo a {
	display: inline-block;
	margin-bottom: 10px;
	border-bottom: none;
	}

ul.xoxo > li > ul > li > ul a {
	margin-left: 10px;
	}
	
ul.ads li { padding-bottom: 10px; }
	
span.sym { display:none; }
	
ul.blogroll {
	border-left: none !important;
	padding: 0 !important;
	border-bottom: none !important;
	}
	
ul.social li {
	float: right;
	}
	
li.widget-container {
	padding: 0;
	list-style: none;
	}
	
	
li#search-4, li#categories-3, li#recent-posts-4, li.widget-container {padding-bottom: 20px;}
	
ul.social { margin: 0 auto; margin-bottom: 20px; }

ul.social li {
	float: left;
	}
	
ul.social li a img {
	width: 37px;
	margin-right: 2px;
	}
	
ul.social li a img:hover {
	background: #F9F8E1;
	/*
opacity:0.5;
	filter:Alpha(opacity=50);
*/
	}
	
div.polaroid ul li img {
	float: left;
	width: 191px;
	padding: 5px;
	background: white;
	}

ul.polaroid_description { margin: 0 auto;}
	
ul.polaroid_description li {
	float: left;
	width: 191px;
	height: 30px;
	padding: 5px;
	background: white;
	}
	
ul.polaroid_description li p {
	font-size: 16px;
	text-align: center;
	}
	
ul.polaroid_description li span {
	font-family: HaloHandletter;
	font-size: 30px;
	} 
	
	
/* Links */
			
a:link, a:visited, a:active {
	color: #333333;
	text-decoration: none;
	}
	
a:hover, a:focus, a.footer_link:hover, a.footer_link:focus {
	color: #ff978f;
	}
	
a.footer_link:link, a.footer_link:visited, a.footer_link:active {
	color: #ffffff;
	}	
	



/* Typography */
	
p {font-size: 16px; color: #444444; font-weight: 200; line-height: 20px; margin-bottom: 10px; }

h1, h2, h3, h4, h5, h6 { /* font-family: lane, arial narrow, sans serif; */ font-family: "Century Gothic", "Apple Gothic", sans-serif; text-transform: uppercase; font-weight: lighter; }
	
h1 {font-size: 36px; color: #444444; text-align: center;}

h2{font-size: 30px; text-align: center; }

h3{font-size: 20px; color: #444444; padding-bottom: 5px;}

h4{font-size: 20px; }

h5{font-size: 18px; }

h6{font-size: 16px; }

h2.entry-title, div.entry-meta, h3.widget-title { text-align: center; }

.entry-utility { font-size: 14px; color: #444444; font-weight: 500; }

div.category h1, div.archive h1, div.searchresults h1, div.searchresults h2, div.page h1 {
	color: #444444;
	font-family: HaloHandletter;
	text-transform: lowercase !important;
	font-weight: normal !important;
	font-size: 55px;
	}
	
div#sidebar2 h3 { text-align: center; margin-top: 10px; }
	
footer.main p { color: #fff; font-size: 11px !important; letter-spacing: 1px; line-height: 20px !important; font-weight: 300 !important; text-align: center; }

h1.title { font-size: 36px; color: #ee2424; }	
	
	
/* Speach bubble */
	
div.tagline { float: left; }

div.tagline a { display: block; }

div.tagline img { margin: 0px 0px 0 25px; width: 196px; vertical-align:bottom; line-height:0; }
	
.triangle-right {
	min-height: 55px;
	width: 160px;
	position:relative;
	padding:0px 15px 0px;
	color:#444444;
	background-color: #F9F8E1; /* default background for browsers without gradient support */
	border: 3px solid #F9F8E1;	
	/* css3 */
	/*
behavior: url(http://www.pinkpistachio.com/wp-content/themes/boilerplate/css/border-radius.htc);
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	position: relative;
	zoom: 1;
*/
}

.triangle-right.left {
	margin-left:25px;
	}

.triangle-right:after {
	content:"";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:20px 0 0 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#F9F8E1 transparent; 
}

.triangle-right.left:after {
	top:40px; 
	left:-40px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:15px 40px 0 0; /* vary these values to change the angle of the vertex */
	border-color:transparent #F9F8E1	; 
}




/* Forms */


#searchform {
margin:15px 0px;
}

#searchform input {
background:#222;
font-size:16px;
margin:2px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

#searchform input:hover {
background:#333;
border:#999 1px solid;
color:#fff;
cursor:pointer;
}

#searchform #s {
background:#f6f6f6;
font-size:11px;
margin:2px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

#searchform #s:hover {
border:#e46425 1px solid;
cursor:text;
}

input.searchfield {
background:#f6f6f6;
font-size:11px;
display:block;
margin:5px 0 8px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.searchfield:hover {
background:#eee;
color:#222;
}

input.submit {
background:#222;
font-size:11px;
display:block;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

input.submit:hover {
background:#333;
cursor:pointer;
border:#999 1px solid;
color:#fff;
}

input.subcom {
background:#eee;
font-size:11px;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#222;
}

input.subcom:hover {
background:#222;
cursor:pointer;
border:#888 1px solid;
color:#eee;
}

input.comment {
background:#f6f6f6;
font-size:11px;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.comment:hover {
border:#c00 1px solid;
}



/* comments */

.odd {background: #f1f2f2; width: 565px; border: none !important; padding: 15px 25px; margin-bottom: 15px; }
.even {background: #ffffff; width: 565px; border: none !important; padding: 15px 25px; margin-bottom: 15px; }
li.comment-author-missyprissy { background: #fcd2cb; width: 565px; border: none !important; padding: 15px 25px; margin-bottom: 15px; }
li.depth-2 { width: 530px; }

nocomments {
margin:0 0 30px 0;
}

ol.commentlist {
font-size:12px;
list-style:none;
margin:10px 0 30px 0;
border-bottom:#bbb 1px solid;
}

.commentlist li {
border-top:#bbb 1px solid;
padding:0 0 10px 0;
}

.commentlist li.bypostauthor {
border-top:#bbb 5px solid;
background-color:#f3f3f3;
}

.comment_mod {
margin:10px 0 0 10px;
}

.comment_mod em {
background-color:#fff897;
padding:1px 3px;
}

.comment_author {
margin:10px 0;
float:right;
width:190px;
}

.comment_author img {
float:left;
margin:5px 12px 0 0;
}

.comment_author p {
line-height:20px;
}

.comment_author small {
font-size:11px;
}

.comment_text {
float:left;
width:470px;
margin:0 0 0 10px;
}

.comment_text p {
line-height:18px;
margin:7px 0;
}

.comment_meta {
font-size:12px;
}

#commentform p {
line-height:18px;
margin:0 0 15px 0;
}

form#si_contact_form1 label {
font-size: 18px;
color: #444444;
font-weight: bold;
}



/* Misc. */

input#searchsubmit { display: none; }

nav.old_post { padding: 10px 15px; display: block; background: #fcd2cb; margin-bottom: 10px !important; margin-top: -10px !important; font-size: 18px; }
nav.old_post a:hover { color: white; }

div.entry-content a {
	text-decoration: underline !important;
	}

div.entry-content img, div.entry-summary img {
/* 	border: 2px solid #f1f2f2; */
	margin: 0px 10px 10px 0px;
	}
	
img.alignnone { max-width: 600px; }
	
div.ngg-widget {
	padding: 0;
	}

select, input, textarea, button { font:99% sans-serif; }

footer.entry-utility { border: none; background: none; }
	
span.meta-sep, span.author { display: none; }

pre { background: #f1f2f2; border-top: 1px solid #e1e2e2; border-bottom: 1px solid #e1e2e2; padding: 5px; }
code { font-size: 8px; }
	
#comments-title { padding: 10px 25px; width: 600px; background: #fcd2cb; border: 2px solid #fcd2cb;  }

@font-face { font-family: HaloHandletter; src: url('../boilerplate/font/HaloHandletter.eot'); } /* EOT file for IE */
@font-face { font-family: HaloHandletter; src: url('../boilerplate/font/HaloHandletter.ttf'); } /* TTF file for CSS3 browsers*/

.clearleft { clear: left; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#main-menu li { float:left; }

#main-menu a { display: block; width: 109px; text-align: center; font-size: 16px; font-family: font-family: "Century Gothic", "Apple Gothic", sans-serif;
text-transform: uppercase; letter-spacing: 2px; color: white; text-decoration: none; font-weight: 100; padding: 12px 1px; border-left: 1px solid #555;
position: relative; z-index: 9999; background: #444; }
#main-menu a.last { border-right:1px solid #555; width:112px; }
#main-menu a:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#444444'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#444)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333	,  #444); /* for firefox 3.6+ */}