/*
Theme Name: Book Template
Theme URI: http://www.mip-design.com/
Version: 1.2
Author: MIP Design


BASE
------------------------------------------------------*/
*
{
	margin: 0px;
	padding: 0px;
}
BODY
{
	background: #F4B601 url("https://explicitinstruction.org/images/b.png") repeat 0% 0%;
	font: normal 0.75em / 145% Arial, Tahoma, sans-serif;
	color: #454545;
	text-align: center;
	padding: 30px 0px;
}
P
{
	margin: 0px 0px 10px;
	line-height: 140%;
	color: #454545;
	font-size: 11pt;
}
A
{
	outline: none;
	text-decoration: underline;
}
A:hover
{
	text-decoration: none;
}
.hide
{
	display: none;
}
IMG
{
	border: 0px solid #000000;
}
.padd-05
{
	padding: 5px;
}
.padd-10
{
	padding: 10px;
}
.padd-15
{
	padding: 15px;
}
.upper
{
	text-transform: uppercase;
}
.clear
{
	clear: both;
}
/*CLEARING METHOD
------------------------------------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix
{
	display: inline-block;
}
HTML[xmlns] .clearfix
{
	display: block;
}
* HTML .clearfix
{
	height: 1%;
}
/*LAYOUT
------------------------------------------------------*/
#page-container
{
	width: 991px;
	margin: 0px auto;
	text-align: left;
	padding-bottom: 32px;
	background: url("images/bg_page_container_bottom.png") no-repeat 0% 100%;
}
#page-container-inner
{
	padding-top: 32px;
	background: url("images/bg_page_container_top.png") no-repeat 0% 0%;
}
#wrapper-content
{
	background: url("images/bg_page_container_body.png") repeat-y 0% 0%;
}
#wrapper-content-inner
{
	padding: 0px 20px 0px 33px;
}
#content-container
{
	padding-bottom: 30px;
}
#sidebar
{
	width: 327px;
	margin-right: 45px;
	float: left;
}
#content
{
	width: 525px;
	float: left;
}
/*BRANDING
------------------------------------------------------*/
#branding
{
	width: 310px;
	height: 230px;
	margin-bottom: 20px;
	background: url("images/bg_branding.jpg") no-repeat 0% 0%;
}
#branding .wrapper
{
	width: 205px;
	margin-left: 60px;
}
#branding H1
{
	font: normal 0.001em / 301% Georgia, Times, serif;
	color: #FAEB84;
	text-align: center;
	padding-top: 0px;
	margin: 0px 0px 24px;
}
#branding H3
{
	font: normal 0.1em / 140% Georgia, Times, serif;
	color: #F8E680;
	margin: 0px 0px 10px;
}
/*NAVIGATION
------------------------------------------------------*/
#main-navigation H2
{
	background: url("images/bg_widget_title_green.png") repeat-y 0% 0%;
	font: italic 2em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	margin: 0px 0px 0px -40px;
	padding: 10px 0px;
}
#main-navigation H2 SPAN
{
	padding-left: 68px;
}
#main-navigation UL
{
	background: url("images/bg_main_navigation.gif") repeat-y 0% 0%;
	list-style: none;
	margin-right: 30px;
	padding: 5px 0px;
}
#main-navigation UL LI
{
	border-bottom: 1px dotted #FFF;
}
#main-navigation UL LI A
{
	display: block;
	font: normal 1.4em Georgia, Times, serif;
	color: #7D2929;
	text-decoration: none;
	padding: 6px 5px 6px 45px;
}
#main-navigation UL LI A SPAN
{
	display: block;
	font: normal 0.8em Arial, Tahoma, sans-serif;
	color: #454545;
}
#main-navigation UL LI A:hover
{
	background-color: #F0EBD8;
	color: #000;
}
#main-navigation UL LI.current A
{
	background-color: #FFF;
	color: #000;
}
#main-navigation UL UL
{
	background: #FFF;
	padding: 0px 0px 10px 46px;
}
#main-navigation UL UL LI A
{
	background: url("images/icon_submenu.gif") no-repeat 0px 7px;
	font: normal 1em Arial, Tahoma, sans-serif;
	color: #454545;
	padding: 3px 5px 3px 15px;
}
#main-navigation UL UL LI A:hover
{
	background: url("images/icon_detail.gif") no-repeat 0px 8px;
}
#main-navigation UL UL LI.current A
{
	font-weight: bold;
}
/*Page content
------------------------------------------------------*/
#content H1
{
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	color: #7D2929;
	margin: -26px 0px 20px;
	padding: 0px 0px 5px;
	border-bottom: 1px dashed #7D2929;
}
#content H1 A
{
	text-decoration: none;
}
#content H1 SPAN
{
	color: #A7A184;
}
#content H2
{
	font: bold 1.3em / 140% Arial, Tahoma, sans-serif;
	color: #454545;
	margin: 20px 0px 10px;
	text-transform: uppercase;
}
#content H2 SPAN
{
	color: #7D2929;
}
#content H2.posted
{
	font: bold 1em / 140% Arial, Tahoma, sans-serif;
	color: #454545;
	margin: -15px 0px 20px;
	text-transform: none;
}
#content H3
{
	font: normal 1.3em / 140% Arial, Tahoma, sans-serif;
	color: #7D2929;
	margin: 20px 0px 10px;
}
#content P STRONG
{
	color: #7D2929;
}
#content IMG
{
	border: 0px solid #E4DDC3;
	background-color: #F0EBD8;
	margin: 0px 0px 10px;
	padding: 0px;
}
#content A
{
	color: #7D2929;
}
#content UL
{
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 16px;
	list-style-type: square;
}
#post-navigation
{
	margin: 50px 0px 0px;
	padding: 8px;
	background-color: #EFEBD8;
}
#post-navigation A
{
	display: block;
	float: left;
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #7D2929;
	text-decoration: none;
	text-transform: uppercase;
}
#post-navigation .next A
{
	float: right;
}
#post-navigation A:hover
{
	color: #45371B;
}
#post-indexing
{
	margin: 50px 0px 0px;
	padding: 8px;
	background-color: #EFEBD8;
}
/*Page content head
------------------------------------------------------*/
#content-head
{
	margin-left: -35px;
	-margin-left: -38px;
}
#content-head IMG
{
	border: none;
	padding: 0px;
	margin: 0px 0px 15px -1px;
}
/*Page content - topics
------------------------------------------------------*/
#content .topic-item
{
	margin: 0px 0px 30px;
}
#content .topic-item H2
{
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
	color: #7D2929;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border-bottom: 1px dashed #7D2929;
	text-transform: none;
}
#content .topic-item H2 A
{
	text-decoration: none;
}
#content .topic-item H3
{
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	margin: 0px 0px 7px;
	padding: 0px;
	text-transform: none;
}
#content .topic-item IMG
{
	float: left;
	margin: 3px 15px 3px 0px;
}
#content .topic-item A.detail
{
	background: url("images/icon_detail.gif") no-repeat 0% 65%;
	font: bold 1.1em Arial, tahoma, sans-serif;
	text-decoration: none;
	padding-left: 13px;
}
#content .topic-item A.detail:hover
{
	text-decoration: underline;
}
/*Page content - images
------------------------------------------------------*/
#content .alignleft
{
	float: left;
	margin: 3px 15px 10px 0px;
}
#content .alignright
{
	float: right;
	margin: 3px 0px 10px 15px;
}
/*Page content - comments
------------------------------------------------------*/
#content #comments
{
	margin-top: 40px;
}
#content .commentlist
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.commentlist LI
{
	margin: 8px 0px 0px;
	padding: 8px 10px 0px 0px;
	border-bottom: 1px solid #C5C59F;
}
.commentlist CITE
{
	display: block;
	padding-top: 12px;
}
#content .commentlist H3
{
	font-size: 1em;
}
#content .commentlist H3 STRONG
{
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
}
#content H3 IMG
{
	float: left;
	width: 53px;
	height: 53px;
	padding: 4px;
	margin: 0px 20px 0px 0px;
	background-color: #FFF;
	border: 1px solid #DCD8C5;
}
.commentinfo
{
	float: left;
	padding-top: 5px;
	font-size: 0.9em;
}
.commentlist LI.my_comment
{
	background-color: #F1F1E7;
	padding-left: 10px;
}
.commenttext
{
	font-size: 0.9em;
}
.commentlist CODE
{
	font-size: 1.3em;
	line-height: 120%;
}
/*Page content - portfolio
------------------------------------------------------*/
#portfolio-list
{
	margin-top: 20px;
}
#portfolio-list .portfolio-item
{
	width: 250px;
	float: left;
	margin: 0px 0px 20px;
}
#portfolio-list IMG
{
	width: 245px;
}
#portfolio-list .last
{
	float: right;
	margin-right: 5px;
}
#portfolio-list H2
{
	font: bold 1em Arial, tahoma, sans-serif;
	color: #7D2929;
	margin: 0px 0px 5px;
	padding: 0px;
	text-transform: none;
}
#portfolio-list P
{
	font: normal 1em / 130% Arial, tahoma, sans-serif;
}
/*Page content - comment forms
------------------------------------------------------*/
#post-comment
{
	border-top: 5px solid #E4DDC3;
	background-color: #F7F5EA;
	padding: 20px;
}
#content #post-comment INPUT, #content #post-comment TEXTAREA
{
	border: 1px solid #999;
	background-color: #FFF;
}
#content LABEL
{
	display: block;
	font: bold 1em / 120% Arial, tahoma, sans-serif;
	color: #45371B;
	float: left;
	width: 180px;
	margin: 5px 0px 10px;
}
#content INPUT, #content TEXTAREA
{
	float: left;
	width: auto;
	background-color: #F3F3EC;
	border: 1px solid #C5C59F;
	font: normal 1.1em / 120% Arial, tahoma, sans-serif;
	color: #45371B;
	margin: 0px 0px 10px;
	padding: 0px;
}
#content TEXTAREA
{
	width: 320px;
	height: 150px;
}
#content .comment
{
	display: block;
	float: none;
	margin: 0px 0px 5px;
	width: 470px;
}
#content LABEL.comment
{
	margin-top: 10px;
}
#content INPUT.submit
{
	display: block;
	float: left;
	width: 150px;
	background-color: #C5C59F;
	border: 1px solid #C5C59F;
	font: normal 1.2em / 120% Georgia, Times, serif;
	color: #45371B;
	margin: 10px 0px;
	padding: 5px;
}
#content INPUT.submit:hover
{
	color: #7D2929;
}
#content INPUT:focus, #content TEXTAREA:focus
{
	border: 1px solid #45371B;
}
/*Page content - comment form 7 plugin
------------------------------------------------------*/
#content .wpcf7
{
	border-top: 5px solid #E4DDC3;
	background-color: #F7F5EA;
	padding: 20px 20px 0px;
}
#content .wpcf7 TEXTAREA
{
	width: 470px;
}
#content .wpcf7 INPUT, #content .wpcf7 TEXTAREA
{
	border: 1px solid #999;
	background-color: #FFF;
}
#content .wpcf7:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/*Page content - advertise
------------------------------------------------------*/
#advertise
{
	margin: 30px 0px 10px 32px;
}
#advertise IMG
{
	margin: 0px;
	border: 0px solid #000000;
	padding: 0px;
}
#advertise A
{
	display: block;
	float: left;
	margin: 0px 15px 10px 0px;
}
#advertise A.right
{
	margin-right: 0px;
}
/*Page content widgets
------------------------------------------------------*/
#sidebar-widgets
{
	margin: 30px 10px 25px 0px;
	padding: 0px;
	list-style: none;
}
#sidebar-widgets UL
{
	margin: 0px 0px 25px 35px;
	padding: 0px;
	list-style: none;
}
#sidebar-widgets LI UL:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#sidebar-widgets H2, #sidebar-widgets LI.widget_search LABEL
{
	display: block;
	background: url("images/bg_widget_title.png") repeat-y 0% 0%;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	margin: 0px 10px 15px -40px;
	padding: 5px 0px;
}
#sidebar-widgets LI.widget_categories H2
{
	background: url("images/bg_widget_title_green.png") repeat-y 0% 0%;
}
#sidebar-widgets LI.widget_recent_comments H2
{
	background: url("images/bg_widget_title_purple.png") repeat-y 0% 0%;
}
#sidebar-widgets H2 SPAN
{
	padding-left: 75px;
}
#sidebar-widgets LI A
{
	font: normal 1.2em Arial, Tahoma, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #7D2929;
}
#sidebar-widgets LI.widget_recent_comments LI
{
	background: url("images/icon_comment_2.gif") no-repeat 0px 3px;
	padding-left: 17px;
}
#sidebar-widgets LI.widget_recent_comments LI A
{
	font: normal 1em Arial, Tahoma, sans-serif;
	text-transform: none;
	text-decoration: underline;
}
#sidebar-widgets LI.widget_recent_entries LI
{
	background: url("images/icon_star.gif") no-repeat 0px 0px;
	padding-left: 22px;
	margin-bottom: 5px;
}
#sidebar-widgets LI.widget_archive LI
{
	background: url("images/icon_calendar.gif") no-repeat 0px 1px;
	padding-left: 24px;
}
#sidebar-widgets LI.widget_categories LI
{
	float: left;
	background: url("images/icon_category.gif") no-repeat 0px 0px;
	width: 105px;
	margin: 0px 0px 2px;
	padding: 0px 0px 0px 22px;
}
#sidebar-widgets LI.widget_tag_cloud A
{
	padding: 0px 0px 0px 15px;
}
#sidebar-widgets LI.widget_flickrRSS IMG
{
	width: 43px;
	height: 43px;
	border: 3px solid #FFF;
	padding: 0px;
	margin: 0px 0px 8px 10px;
}
#sidebar-widgets LI A:hover
{
	text-decoration: underline;
}
#sidebar-widgets LI.widget_search FORM
{
	margin-bottom: 20px;
}
#sidebar-widgets LI.widget_search INPUT
{
	font: normal 1.2em / 120% Arial, tahoma, sans-serif;
	padding: 4px;
	border: 1px solid #999;
}
#sidebar-widgets LI .search-form
{
	margin: -15px 22px 20px 0px;
	background-color: #EEECD7;
	padding: 10px 0px;
}
#sidebar-widgets LI .search-form INPUT
{
	font: bold 1em Arial, tahoma, sans-serif;
	color: #454545;
	width: 175px;
	float: left;
	margin: 0px 6px 0px 30px;
	padding: 2px 2px 2px 5px;
	border: 1px solid #EEECD7;
	background-color: #EEECD7;
}
#sidebar-widgets LI .search-form INPUT.submit
{
	font: bold 1em Arial, tahoma, sans-serif;
	color: #454545;
	text-transform: uppercase;
	width: 55px;
	margin: 0px;
	padding: 2px 1px 1px;
	border: none;
}
/*Page content - project list
------------------------------------------------------*/
#gallery-head
{
	background: url("images/bg_project_gallery.gif") no-repeat 0% 100%;
	padding: 10px 0px 25px 44px;
	margin-right: -20px;
}
#gallery
{
	margin: 0px;
	padding: 0px;
}
#gallery UL:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#gallery .thumb
{
	width: 505px;
	display: block;
	border: none;
	padding: 0px;
}
#gallery_changer LI
{
	display: inline;
	padding: 0px 10px 0px 0px;
}
#gallery_changer .first
{
	padding-left: 30px;
	margin-left: 0px;
	background: none;
}
#gallery_changer A
{
	font: bold 1.3em Arial, tahoma, sans-serif;
}
#gallery_changer .current A
{
	color: #45371B;
	text-decoration: none;
}
/*Page content extras
------------------------------------------------------*/
#content-extras
{
	padding: 20px 0px 20px 20px;
	background: url("images/bg_page_footer.jpg") repeat-y 0% 0%;
}
#content-extras H2
{
	font: bold 1.6em Georgia, "Times New Roman", Times, serif;
	color: #511414;
	margin: 0px 0px 15px;
	padding: 0px;
}
#content-extras A
{
	color: #90380E;
}
#extras-about
{
	width: 272px;
	float: right;
	margin: 0px 51px 0px 0px;
}
#extras-comments
{
	width: 240px;
	float: left;
	margin: 0px;
}
#extras-flickr
{
	width: 285px;
	float: left;
	margin: 0px 65px 0px 0px;
}
#extras-about .pdf
{
	display: block;
	background: url("images/icon_pdf.gif") no-repeat 0% 50%;
	padding: 18px 0px 18px 60px;
	font: normal 1em / 120% Arial, tahoma, sans-serif;
	color: #90380E;
}
#extras-about .pdf STRONG
{
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#extras-popular .post-item
{
	margin: 0px 0px 10px;
	border-bottom: 1px solid #A5A077;
}
#extras-flickr IMG
{
	width: 43px;
	height: 43px;
	float: left;
	border: 3px solid #FFF;
	margin: 0px 8px 8px 0px;
}
#extras-flickr A:hover IMG
{
	border: 3px solid #90380E;
}
#extras-comments UL
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#extras-comments LI
{
	border-bottom: 1px solid #D1C9A5;
}
#extras-comments LI A
{
	display: block;
	font: normal 1em / 120% Arial, tahoma, sans-serif;
	color: #45371B;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	background: url("images/icon_comment_2.gif") no-repeat 4px 6px;
}
#extras-comments LI A:hover
{
	background-color: #E6E0C7;
}
#extras-comments LI A SPAN
{
	display: block;
	color: #90380E;
}
#signature
{
	width: 520px;
	display: block;
	float: right;
	text-align: right;
	margin: 3px -28px 0px 0px;
	padding: 6px 27px 6px 0px;
	background: url("images/bg_signature.png") repeat-y 100% 0%;
}