/*
Theme Name: Garage Door
Theme URI: 
Version: 1.1
Author: Mip Design Studio

*/

/* Base
------------------------------------------------------*/

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

body
{
	background: #709081 url("images/bg.gif") repeat-x 0% 0%;
	font: normal 0.75em/145% Arial, Tahoma, sans-serif;
	color: #000;
	text-align: center;
	padding: 0 0 20px 0;
}

p
{
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	color: #000;
}

a
{
	color: #404d6c;
	outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

.hide
{
	display: none;
}

img
{
	border: 0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.padd5
{
	padding: 5px;
}

.padd10
{
	padding: 10px;
}

.padd15
{
	padding: 15px;
}

.padd20
{
	padding: 20px;
}


/* 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%;
}

.clear
{
	clear: both;
}


/* Layout
------------------------------------------------------*/

#page-wrapper
{
	width: 982px;
	margin: 0px auto;
	padding: 0 0 15px 0;
	text-align: left;
	background-color: #fbfbfb;
}

#page-container
{
	padding: 0 32px 5px 32px;
}

#page-header
{
	margin-bottom: 20px;
    font-size: 0.89em;
}

#page-content-container
{
	background: url("images/bg_page_content_container.gif") repeat-y 100% 0%;
	padding: 0 0 30px 15px;
}

#page-content-container a
{
	color: #000;
}

#page-main-content
{
	width: 580px;
	float: left;
	padding-top: 12px;
}

#page-sidebar
{
	width: 274px;
	float: right;
	border-top: 1px solid #d0cece;
}

#page-extras
{
	background-color: #1e4f3f;
	padding: 25px 0 20px 25px;
	margin-bottom: 15px;
}

#page-footer
{	
	font: bold 1.0em Arial, Tahoma, sans-serif;
	color: #000;
	text-align: center;
}



/* Page header
------------------------------------------------------*/

#page-header img
{
	display: block;
}

#page-header ul
{
	background-color: #1e4f3f;
	list-style: none;
}

#page-header ul li
{
	float: left;
	background: url("images/bg_topnav_separator.gif") repeat-y 0% 0%;
}

#page-header ul li.first
{
	background: none;
}

#page-header ul li a
{
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 11px 17px 11px 17px;
	position: relative;
  overflow: hidden;
	z-index: 10;
}

#page-header ul li li
{
	border-bottom: 1px solid #5d8074;
}

#page-header ul li li a
{
	font: bold 1.0em Arial, Tahoma, sans-serif;
	background: #1e4f3f url("images/arrow_white.gif") no-repeat 12px 8px;
	padding: 4px 15px 4px 23px;
	
}

#page-header ul li a:hover, 
#page-header ul li.current_page_item a, 
#page-header ul li.current_page_parent a,
#page-header ul li.current_page_item li a:hover,
#page-header ul li.current_page_parent li a:hover
{
	background-color: #567b6f;
}

#page-header ul li.current_page_item li a, #page-header ul li.current_page_parent li a
{
	background-color: #1e4f3f;
}


/* Page main content
------------------------------------------------------*/

#page-main-content
{
	font: normal 1.2em/130% Arial, Tahoma, sans-serif;
}

#page-main-content h1
{
	font: normal 1.9em Times, Georgia, serif;
	color: #000;
	text-decoration: none;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #d0cece;
}

#page-main-content h2
{
	font: bold 1.1em Times, Georgia, serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin: 25px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #d0cece;
}

#page-main-content h3
{
	font: normal 1.3em Times, Georgia, serif;
	color: #000;
	text-decoration: none;
	margin: 20px 0 10px 0;
}

#page-main-content p a
{
	font-weight: bold;
}

#page-main-content p strong
{
	color: #1e4f3f;
}


/* Page content - images
------------------------------------------------------*/

#page-main-content img
{
	border: 1px solid #ccc;
	background-color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}

#page-main-content a:hover img
{
	border: 1px solid #000;
	background-color: #f3f3f3;
}

#page-main-content .alignleft
{
	float: left;
	margin: 3px 15px 10px 0px;
}

#page-main-content .alignright
{
	float: right;
	margin: 3px 0px 10px 15px;
}

#page-main-content .ngg-gallery-thumbnail
{
	margin-right: 10px;
}

#page-main-content .piclenselink
{
	margin-bottom: 10px;
}

#page-main-content .piclenselink a
{
	display: block;
	width: 150px;
	font: bold 0.9em Arial, Tahoma, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 5px 0 5px 0;
	margin: 0;
	border: none;
	background-color: #444;
}

#page-main-content .piclenselink a:hover
{
	background-color: #1e4f3f;
}


/* Page content - Post
------------------------------------------------------*/

#page-main-content .post-item
{
	margin: 0px 0px 30px 0px;
}

#page-main-content .post-item h2
{
	margin: 10px 0 10px 0;
}

#page-main-content .post-item h2 a
{
	text-decoration: none;
}

#page-main-content .post-item h2 a:hover
{
	color: #1e4f3f;
}

#page-main-content .post-item h3
{
	font: bold 0.8em Arial, Tahoma, sans-serif;
	color: #1e4f3f;
	margin: 0 0 7px 0;
	padding-top: 5px;
	text-transform: none;
}

#page-main-content .post-item img
{
	float: left;
	margin: 3px 15px 3px 0px;
}

#page-main-content .post-item a.detail
{
	font: bold 0.9em Arial, tahoma, sans-serif;
	background: url("images/arrow_green.gif") no-repeat 0% 65%;
	color: #1e4f3f;
	padding-left: 10px;
}

#page-main-content .post-item a.detail:hover
{
	text-decoration: none;
}

#post-navigation
{
	margin: 50px 0px 0px 0px;
	padding: 8px;
	background-color: #efece5;
}

#post-navigation a
{
	display: block;
	float: left;
	font: bold 0.8em Arial, Tahoma, sans-serif;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

#post-navigation .next a
{
	float: right;
}

#post-navigation a:hover
{
	color: #1e4f3f;
}

#post-indexing
{
	margin: 50px 0px 0px 0px;
	padding: 8px;
	background-color: #eee;
}

#page-main-content img.no-border
{
	border: none;
}



/* Page main content - testimonials
------------------------------------------------------*/

#page-main-content .testimonial-item
{
	margin-bottom: 25px;
}

#page-main-content .testimonial-item p
{
	font: italic 1.1em/140% Georgia, Times, Georgia, serif;
	color: #444;
}

#page-main-content .testimonial-author
{
	font: bold 1.0em/130% Arial, Tahoma, sans-serif;
	color: #000;
	text-align: right;
	margin-top: 10px;
}


/* Page main content - UI Tabs
------------------------------------------------------*/

#page-main-content .jwts_tabberlive .jwts_tabbertab 
{
	font: normal 0.9em/130% Arial, Tahoma, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0 25px 25px 25px;
	border: none;
	border-top: 0px;/*height:300px;overflow:auto;*/
	background: url("images/bg_tabs_box_bottom.jpg") no-repeat 0% 100%;
}

#page-main-content ul.jwts_tabbernav
{
	border: none;
	background: url("images/bg_tabs_box_top.jpg") no-repeat 0% 0%;
}

#page-main-content ul.jwts_tabbernav 
{
	height: 28px;
}

#page-main-content ul.jwts_tabbernav li a, #page-main-content ul.jwts_tabbernav li a:link 
{
	display: block;
	float: left;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	width: 134px;
	margin: 0 3px 0 2px;
	padding: 8px 0 10px 0;
	color: #333;
	border: none;
	background: url("images/bg_tabs_nav_default.jpg") no-repeat 0% 5%;
}

#page-main-content ul.jwts_tabbernav li a:hover 
{
	background: url("images/bg_tabs_nav_hover.jpg") no-repeat 0% 5%;
}

#page-main-content ul.jwts_tabbernav li.jwts_tabberactive a 
{
	background: url("images/bg_tabs_nav_active.jpg") no-repeat 0% 5%;
	padding-bottom: 8px;
}


/* Page content - comments
------------------------------------------------------*/

#page-main-content #comments, #page-main-content #respond
{
	margin-top: 30px;
}


#page-main-content .comments_no span
{
	font-weight: bold;
	color: #1e4f3f;
}

#page-main-content .commentlist
{
	font-size: 0.9em;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.commentlist li
{
	padding-bottom: 5px;
  padding-top: 15px;
	background-color: #fff;
  border-bottom: 1px solid #ccc;
}

.commentlist li .comment-gravatar
{
    width: 100px;
    float: left;
}

.commentlist li .comment-gravatar img
{
	width: 70px;
	height: 70px;
  display: block;
  margin: 0px;
}

.commentlist li .comment-text
{
    width: 430px;
    float: left;
}

#page-main-content .commentlist h4
{
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 10px 0px;
}

#page-main-content .commentlist h4 a
{
	color: #000;
}

#page-main-content .commentlist h4 span
{
	font-size: 0.9em;
	display: block;
}

#page-main-content .commentlist h4 span a
{
	color: #1e4f3f;
}
		
.commentinfo {
	float: left;
	padding-top: 5px;
	font-size: 0.9em;
}

.commentlist li.my-comment 
{
	background-color: #f6f4ee;
	padding-left: 10px;
	padding-right: 15px;
}

#page-main-content li.my-comment h4 
{
	color: #000;
}

.commentlist li.my-comment p
{
    color: #000;
}

#page-main-content .commentlist li.my-comment img
{
    background-color: #fff;
}


.commentlist li.my-comment .comment-text
{
    width: 405px;
}

.commenttext 
{
	font-size: 0.9em;
}

.commentlist code 
{
	font-size: 1.3em;
	line-height: 120%;
}

#page-main-content .commentlist .wp-smiley 
{
	border: none;
	padding: 0px;
	background: none;
}


/* Page content - comment forms
------------------------------------------------------*/

#page-main-content #post-comment
{
	border-top: 1px solid #d0cece;
	background-color: #f6f4ee;
	padding: 20px;
	font-size: 0.9em;
}

#page-main-content #post-comment input, #page-main-content #post-comment textarea
{
	background-color: #fff;
}

#page-main-content label
{
	display: block;
	font: bold 1.0em/120% Arial, tahoma, sans-serif;
	color: #343434;
	float: left;
	width: 220px;
	margin: 5px 0px 10px 0px;
}

#page-main-content input, #page-main-content textarea, #page-main-content select
{
	float: left;
	width: 290px;
	background-color: #fff;
	border: 1px solid #aaa;
	font: normal 1.0em/120% Arial, tahoma, sans-serif;
	color: #343434;
	margin: 0px 0px 10px 0px;
	padding: 4px;
}

#page-main-content select
{
	width: 300px;
}

#page-main-content textarea
{
	width: 510px;
	height: 150px;
}

#page-main-content .comment
{
	display: block;
	float: none;
	margin: 0px 0px 5px 0px;
	width: 510px;
}

#page-main-content label.comment
{
	margin-top: 10px;
}

#page-main-content input.submit, #page-main-content input[type="submit"]
{
	display: block;
	float: left;
	width: 150px;
	background-color: #fff;
	border: 1px solid #aaa;
	font: normal 1.2em/120% Georgia, Times, serif;
	color: #454545;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

#page-main-content input.submit:hover
{
	color: #1e4f3f;
}

#page-main-content input:focus, #page-main-content textarea:focus
{
	border: 1px solid #45371b;
}





/* Page sidebar
------------------------------------------------------*/

#page-sidebar h2
{
	font: normal 1.7em Times, Georgia, serif;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 8px 10px 8px 12px;
	margin: 0 0 5px 0;
	background-color: #1e4f3f;
}

#page-sidebar .item
{
	border-bottom: 1px solid #aeaeae;
	padding-bottom: 10px;
	margin-bottom: 2px;
}

#page-sidebar .textwidget, #page-sidebar .testimonial, #page-sidebar .wys-text
{
	padding: 5px 10px 10px 10px;
}

#page-sidebar .wys-text
{
	padding-bottom: 0;
}

#page-sidebar .testimonial-author
{
	text-align: right;
	margin-top: 3px;
}

#page-sidebar ul
{
	list-style: none;
}

#page-sidebar ul.nav li, #page-sidebar ul li
{
	border-top: 1px solid #dcdcdc;
}

#page-sidebar ul.nav li a, #page-sidebar ul li a
{
	display: block;
	font: bold 1.0em/130% Arial, Tahoma, sans-serif;
	color: #1e4f3f;
	background: url("images/arrow_green.gif") no-repeat 11px 10px;
	padding: 5px 0 5px 25px;
	text-decoration: none;
}

#page-sidebar ul.nav li a:hover, #page-sidebar ul li a:hover
{
	text-decoration: underline;
}

#page-sidebar ul.nav li.current, #page-sidebar ul li.current-cat
{
	background-color: #dcdcdc;
}


/* Page extras
------------------------------------------------------*/

#page-extras
{
	font: normal 1.1em/130% Arial, Tahoma, sans-serif;
	color: #fff;
}

#page-extras .page-extras-inner
{
	background: url("images/bg_extras_separator.gif") repeat-y 0% 0%;
}

#page-extras .item
{
	width: 183px;
	float: left;
	margin-right: 40px;
}

#page-extras h2
{
	font: bold 1.1em/130% Arial, Tahoma, sans-serif;
	color: #fff;
	margin-bottom: 10px;
}

#page-extras p, #page-extras a
{
	color: #fff;
}

#page-extras ul
{
	list-style: none;
}

#page-extras ul li
{
	background: url("images/arrow_white.gif") no-repeat 0px 6px;
	padding: 0 0 5px 12px;
}

#page-extras li a
{
	font: bold 0.9em/130% Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#page-extras li a:hover
{
	text-decoration: underline;
}

#page-extras .item img
{
	width: 177px;
	border: 3px solid #fff;
}


/* Forms
------------------------------------------------------*/

#contact-form
{
	padding: 15px;
	border-top: 1px solid #d0cece;
	background-color: #efece5;
}

#page-main-content #contact-form input.checkbox
{
	width: auto;
	border: none;
	margin: 5px 5px 0 0;
}

#page-main-content #contact-form label.wide
{
	width: 300px;
}

#page-main-content #contact-form label.short
{
	width: 80px;
}

#page-main-content #contact-form input.short
{
	width: 105px;
}


/* Page footer
------------------------------------------------------*/

#page-footer .nav a
{	
	font: bold 1.2em Arial, Tahoma, sans-serif;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 5px 0 5px;
}

#page-footer .nav a:hover
{	
	color: #1e4f3f;
	text-decoration: underline;
}