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

*/

/* BASE
------------------------------------------------------*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	/*background: #b37d47 url("images/bg.jpg") repeat 0% 0%;*/
	background: #5b1b1d url('images/textile-bg.jpg') fixed center top;
	font: normal 81.25%/170% Verdana, Tahoma, sans-serif;
	color: #454545;
	text-align: center;
	padding: 30px 0px 30px 0px;
}

p
{
	margin: 0px 0px 18px 0px;
	color: #454545;
}

blockquote
{
  margin: 24px 0 24px 24px;
  background-color: #d1c9a5;
  font-weight: bold;
  font-family: Georgia, Times, serif;
  color: #b37d47;
  line-height: 24px;
  padding: 12px;
}

#extras-about span.twitter-timestamp
{
  display: block;
  font-size: 10px;
  border: none;
}

#extras-about span.twitter-timestamp abbr
{
	border: none;
}

a
{
	outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.hide
{
	display: none;
}

img
{
	border: 0px;
}

.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 34px;
}

#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 2.6em/140% Georgia, Times, serif;
	color: #b37d47;
	text-align: center;
	padding-top: 15px;
	margin: 0px 0px 10px 0px;
	text-indent: -1000em;
}

#branding h3
{
	font: normal 1.0em/140% Georgia, Times, serif;
	color: #7d2929;
	margin: 0px 0px 10px 0px;
	text-indent: -1000em;
}


/* NAVIGATION
------------------------------------------------------*/


#main-navigation h2
{
	background: url("images/bg_widget_title_green.png") repeat-y 0% 0%;
	font: italic 2.0em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	margin: 0px 0px 0px -40px;
	padding: 10px 0px 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 5px 0px;
}

#main-navigation ul li
{
	border-bottom: 1px dotted #fff;
}

#main-navigation ul li a
{
	display: block;
	font: normal 1.3em Georgia, Times, serif;
	color: #7d2929;
	text-decoration: none;
	padding: 6px 5px 6px 45px;
}

#main-navigation ul li a span
{
	display: block;
	font: normal 0.7em 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 1.0em 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: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	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 0px;
	text-transform: uppercase;
}

#content h2 span
{
	color: #7d2929;
}

#content h2.posted
{
	font: bold 1.0em/140% Arial, Tahoma, sans-serif;
	color: #454545;
	margin: -15px 0px 20px 0px;
	text-transform: none;
}

#content h3
{
	font: normal 1.3em/140% Arial, Tahoma, sans-serif;
	color: #7d2929;
	margin: 20px 0px 10px 0px;
}

#content p strong
{
	color: #7d2929;
}

#content img
{
	border: 1px solid #e4ddc3;
	background-color: #f0ebd8;
	margin: 0px 0px 10px 0px;
	padding: 6px;
}

#content a
{
	color: #7d2929;
}

#content ul
{
	margin: 0px 0px 15px 36px;
	padding: 0px 0px 0px 16px;
	list-style-type: square;
	font-weight: bold;
}

#content ol
{
  margin: 12px 0 18px 36px;
  font-weight: bold;
}

#content ol li, #content ul li
{
  margin-bottom: 18px;
}


#post-navigation
{
	margin: 50px 0px 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 0px;
	padding: 8px;
	background-color: #efebd8;
}


/* Page content head
------------------------------------------------------*/

#content-head
{
	margin-left: -36px;
	_margin-left: -38px;
}

#content-head img
{
	border: none;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}



/* Page content - topics
------------------------------------------------------*/

#content .topic-item
{
	margin: 0px 0px 30px 0px;
}

#content .topic-item h2
{
	font: italic 1.6em Georgia, "Times New Roman", Times, serif;
	color: #7d2929;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #7d2929;
	text-transform: none;
}

#content .topic-item h2 a
{
	text-decoration: none;
}

#content .topic-item h3
{
	font: bold 1.0em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	margin: 0px 0px 7px 0px;
	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 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.commentlist li
{
	margin: 8px 0px 0px 0px;
	padding: 8px 10px 0px 0px;
	border-bottom: 1px solid #c5c59f;
}

.commentlist cite
{
	display: block;
	padding-top: 12px;
}

#content .commentlist h3
{
	font-size: 1.0em;
}

#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 0px;
}

#portfolio-list img
{
	width: 245px;
}

#portfolio-list .last
{
	float: right;
	margin-right: 5px;
}

#portfolio-list h2
{
	font: bold 1.0em Arial, tahoma, sans-serif;
	color: #7d2929;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	text-transform: none;
}

#portfolio-list p
{
	font: normal 1.0em/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 1.0em/120% Arial, tahoma, sans-serif;
	color: #45371b;
	float: left;
	width: 180px;
	margin: 5px 0px 10px 0px;
}

#content input, #content textarea
{
	float: left;
	width: 290px;
	background-color: #f3f3ec;
	border: 1px solid #c5c59f;
	font: normal 1.1em/120% Arial, tahoma, sans-serif;
	color: #45371b;
	margin: 0px 0px 10px 0px;
	padding: 4px;
}

#content textarea
{
	width: 320px;
	height: 150px;
}

#content .comment
{
	display: block;
	float: none;
	margin: 0px 0px 5px 0px;
	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 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 20px;
}

#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;
	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.3em Georgia, "Times New Roman", Times, serif;
	color: #454545;
	margin: 0px 10px 15px -40px;
	padding: 5px 0px 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 0.9em 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 1.0em 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 0px;
	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.1em/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 10px 0px;;
}

#sidebar-widgets li .search-form input
{
	font: bold 0.9em 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 1.0em Arial, tahoma, sans-serif;
	color: #454545;
	text-transform: uppercase;
	width: 55px;
	margin: 0px;
	padding: 2px 1px 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%;
        margin-left: -1px;
}

#content-extras h2
{
	font: bold 1.6em Georgia, "Times New Roman", Times, serif;
	color: #511414;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#content-extras a
{
	color: #90380e;
}

#extras-about 
{ 
	width: 240px; 
	float: right; 
	margin: 0px 35px 0px 0px; 
	height: 190px;
	background: transparent url('images/twitter-bg.png') no-repeat 0px 55px;
	font-size: 11px;
}
#extras-about  div.inner
{
  padding: 26px 12px 0 12px;
}
div.socialLinks
{
  height: 36px;
}
div.socialLinks img
{
  margin-right: 12px;
}
#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 1.0em/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 0px;
	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 1.0em/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: 15px -40px 0px 0px;
	padding: 6px 60px 6px 0px;
	background: url("images/bg_signature.png") repeat-y 100% 0%;
}