/*
Theme Name: Robitzsch Fencing
Theme URI: http://wordpress.org/
Description: This theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: JeRome
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* =Menu
-------------------------------------------------------------- */

#nav-menu {
	display: block;
	float: left;
	margin: 0 auto;
}
#nav-menu .menu-header,
div.menu {
	
}
#nav-menu .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0 auto;
}
#nav-menu .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#nav-menu a {
	display: block;
	line-height: 38px;
	padding: 0px;
	text-decoration: none;
}
#nav-menu ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
    left: 0;
    position: absolute;
    top: 38px;
    width: 202px;
    z-index: 99999999 !important;
}
#nav-menu ul ul li {
	border: medium none;
    margin: 0;
    min-width: 180px;
    padding: 0 0 0 0;
}
#nav-menu ul ul ul {
	left: 100%;
	top: 0;
}
#nav-menu ul ul a {
	background: none repeat scroll 0 0 #333333;
    font-size: 14px !important;
    font-weight: normal !important;
    height: auto;
    line-height: 1em;
    padding: 10px;
    width: 179px;
}
#nav-menu li:hover > a,
#nav-menu ul ul :hover > a {
	color: #8b816f;
}
#nav-menu ul li:hover > ul {
	display: block;
}
#nav-menu ul li.current_page_item > a,
#nav-menu ul li.current-menu-ancestor > a,
#nav-menu ul li.current-menu-item > a,
#nav-menu ul li.current-menu-parent > a {
	color: #8b816f;
}
* html #nav-menu ul li.current_page_item a,
* html #nav-menu ul li.current-menu-ancestor a,
* html #nav-menu ul li.current-menu-item a,
* html #nav-menu ul li.current-menu-parent a,
* html #nav-menu ul li a:hover {
	color: #8b816f;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/*My own style here*/
/* CSS Document */
body
{
	background:url(images/bg.jpg) repeat;
	margin:0;
	padding:0;
	font-family:"Myriad Pro";
	font-size:14px;
	color:#8b816f;
}

p
{
	line-height:20px;
}

a
{
	text-decoration:none;
	color:#2b2b2b;
}

a:hover
{
	color:#8b816f;
}

#main-wrapper
{
	width:1100px;
	min-height:500px;
	margin:0 auto;
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}

#header-wrapper
{
	background:url(images/banner.jpg) no-repeat;
	width:100%;
	height:281px;
	padding-top:8px;
}

#logo
{
	background:url(images/logo.png) no-repeat;
	width:421px;
	height:183px;
	/**margin:0 auto;*/
	margin-left:160px;
	float:left;
}

#logo a
{
	width:421px;
	height:183px;
	display:block;
}

#number
{
	background:url(images/number.png) no-repeat;
	width:421px;
	height:48px;
	/**margin:0 auto;*/
	margin-left:160px;
	float:left;
}

#number a
{
	width:421px;
	height:48px;
	display:block;
}

#bbb-logo
{
	background:url(images/bbb.png) no-repeat;
	width:172px;
	height:230px;
	float:left;
	margin-left:20px;
}

#nav-menu
{
	background:url(images/nav-bg.png) repeat-x;
	width:100%;
	height:47px;
	margin-top:4px;
}

#nav-menu ul
{
	margin:0 auto;
	padding:0;
	width:975px;
}

#nav-menu ul li
{
	list-style:none;
	float:left;
	display:block;
	margin:4px 0px 10px;
	padding:0 20px;
	border-right:1px solid #4e4641;
	
}

#nav-menu ul li:last-child
{
	border:none;
}

#nav-menu ul li a
{
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

#inner-wrapper
{
	background:#fff;
	width:100%;
	min-height:100px;
	overflow:hidden;
	padding-bottom:20px;
}

#inside
{
	width:940px;
	margin:0 auto;
	padding-top:20px;
}

#inside h1
{
	color:#2b2b2b;
	margin-bottom:0;
	font-size:25px;
}

.entry-meta
{
	color:#2d2d2d;
}

.edit-link a
{
	text-decoration:underline;
}

.edit-link a:hover
{
	text-decoration:none;
}

.top
{
	background: none repeat scroll 0 0 #2B2B2B;
    height: 317px;
    width: 100%;
}

#slider-wrapper
{
	width:720px;
	height:317px;
	float:right;
}

#quick-links
{
	width:210px;
	height:297px;
	float:left;
	padding-top:20px;
}

#quick-links h1
{
	font-size: 17px;
    margin-top: 0;
    text-transform: uppercase;
	border-bottom:1px dashed;
	padding-bottom:10px;
	text-shadow: 0 1px 0 grey;
}

#quick-links ul
{
	margin:20px 0 0 0;
	padding:0;
}

#quick-links ul li
{
	list-style:none;
	display:block;
	padding:10px 0 10px 20px;
	background:url(images/arrow.png) no-repeat center left;
}

#quick-links ul li a
{
	text-decoration:none;
	font-size:16px;
	color:#fff;
}

#quick-links ul li a:hover
{
	color:#8B816F;
}

#home-middle-content
{
	width:100%;
	min-height:580px;
	border-bottom:1px dotted #4e4641;
	padding-top:20px;
}

#home-middle-content h1
{
	margin-top:0;
	text-transform:uppercase;
	font-size:20px;
}

.home-middle-entry
{
	width:222px;
	min-height:315px;
	float:left;
	display:inline-block;
	margin:0px 6px 15px;
}

.home-middle-entry p a
{
	text-decoration:underline;
	margin-right:5px;
}

.home-middle-entry p a:hover
{
	text-decoration:none;
}

.home-middle-entry h1
{
	font-size:18px !important;
}

.more
{
	background:url(images/moreinfo.png) no-repeat;
	width:97px;
	height:14px;
	float:left;
	margin-top:15px;
}

.more a
{
	width:97px;
	height:14px;
	display:block;
}

#home-bottom-content
{
	width:100%;
	margin-top:40px;
}

#home-bottom-content h1
{
	margin-top:0;
	text-transform:uppercase;
	font-size:20px;
}

#home-bottom-left
{
	float:left;
	width:459px;
	min-height:200px;
}


#home-bottom-right
{
	float:right;
	width:459px;
	min-height:200px;
}

#home-bottom-left ul, #home-bottom-right ul
{
	margin:0;
	padding-left:15px;
}

#home-bottom-left ul li, #home-bottom-right ul li
{
	font-size:15px;
	padding:5px;
	line-height:20px;
}

#footer-widgets-area
{
	background:#2b2b2b;
	width:100%;
	height:309px;
}

#footer-inner-wrapper
{
	width:940px;
	margin:0 auto;
}

#footer-widget-1
{
	width:256px;
	height:265px;
	border-right:1px dashed #545351;
	margin:30px 50px 0 0;
	float:left;
	padding:0 10px;
	color:#fff;
}

#footer-widget-2
{
	width:260px;
	border-right:1px dashed #545351;
	margin:30px 50px 0 0;
	float:left;
	height:265px;
	padding:0 10px;
	color:#fff;
}

#footer-widget-3
{
	width:256px;
	float:left;
	height:265px;
	margin-top:30px;
	padding:0 10px;
	color:#fff;
}

#footer-widget-1 h1, #footer-widget-2 h1, #footer-widget-3 h1
{
	margin-top:0;
	text-transform:uppercase;
	font-size:20px;
	color:#fff;
}

#footer-widget-1 h3, #footer-widget-2 h3, #footer-widget-3 h3
{
	margin-top:0;
	font-size:18px;
	color:#fff;
	font-weight:normal;
	line-height:25px;
}

#footer-widget-1 p, #footer-widget-2 p, #footer-widget-3 p
{
	font-size:14px;
	margin-top:0;
	color:#fff;
}

#footer-wrapper
{
	width:100%;
	height:51px;
	background:#181818;
}

#footer
{
	width:940px;
	margin:0 auto;
	height:51px;
}

#footer-left
{
	width:700px;
	float:left;
}

#footer-left ul
{
	margin:0;
	padding:0;
}

#footer-left ul li
{
	list-style:none;
	border-right:1px solid #545351;
	padding:0 7px;
	float:left;
	display:block;
}

#footer-left ul li a
{
	font-size:12px;
	color:#fff;
}

#footer-left ul li a:hover
{
	text-decoration:underline;
}

#footer-left p
{
	font-size:13px;
	color:#fff;
	margin:5px 0;
}

#footer-right
{
	width:200px;
	height:51px;
	float:right;
	padding-top:8px;
}

.entry-content img
{
	border:5px solid #f1f1f1;
	-moz-box-shadow: 3px 3px 5px #888;
	-webkit-box-shadow: 3px 3px 5px #888;
	box-shadow: 3px 3px 5px #888;
}

.category-page
{
	width:667px;
	float:left;
	padding:0 15px;
	min-height:250px;
}

.category-sidebar
{
	width:210px;
	float:left;
	float: left;
	padding:0 15px;
	border-right:1px dashed #545351;
}

.category-right-side
{
	float:right;
	width:1px;
	min-height:300px;
	/**border-left:1px dashed #545351;*/
}

.category-sidebar ul
{
	margin:0;
	padding:0;
}
.category-sidebar ul li {
    background: url("images/arrow.png") no-repeat scroll left center transparent;
    display: block;
    list-style: none outside none;
    padding: 10px 0 10px 20px;
}

.category-sidebar ul li a
{
	text-decoration:none;
	font-size:16px !important;
}

.category-sidebar ul li a:hover
{
	text-decoration:underline;
}

.free-estimate
{
	background:url(images/free-estimate.png) no-repeat;
	width:210px;
	height:81px;
	margin-top:15px;
}

.free-estimate a
{
	width:210px;
	height:81px;
	display:block;
}

.free-estimate-small
{
	background:url(images/free-estimate-small.png) no-repeat;
	width:180px;
	height:69px;
	margin:15px auto 0;
}

.free-estimate-small a
{
	width:180px;
	height:69px;
	display:block;
}

.portfolio
{
	background:url(images/portfolio.png) no-repeat;
	width:200px;
	height:49px;
	margin:20px 0;
}

.portfolio a
{
	width:200px;
	height:49px;
	display:block;
}

.credit-card
{
	background:url(images/credit_card_logos%20copy.jpg) no-repeat;
	width:254px;
	height:47px;
	margin:10px auto 0;
}

#footer-widget-2 cite a
{
	color:#8B816F !important;
}

#footer-widget-2 cite a:hover
{
	color:#fff !important;
}

#footer-widget-1 a, #footer-widget-2 a, #footer-widget-3 a
{
	color:#8B816F !important;
}

#footer-widget-1 a:hover, #footer-widget-2 a:hover, #footer-widget-3 a:hover
{
	color:#fff !important;
}

.modal{
 width:500px;
 min-height:130px;
 border:10px solid #ccc;
 background:#FFFFFF;
 margin:70px auto;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 display:none;
}

.modal span.t{
 background: url(images/label-bg.png) repeat;
 border: 1px solid #E7E7E7;
 line-height: 17px;
 margin: 4px 0 12px 5px;
 padding: 0 0 0 10px;
 float: left;
 width: 96%;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 min-height: 32px;
 color: #555;
 font-weight: bold;
}

.modal span h2{
 padding:10px 0 0 0;
 margin:0;
 font-size:18px;
 color:#222;
 float:left;
 width:78%;
 text-decoration:underline;
}

.modal span label{
 font-size: 12px;
 color: red;
 float: right;
 width: 16%;
 text-align: right;
 padding: 10px 5px 0 0;
 font-weight:normal;
}

.modal table{
 margin:20px 0 0 80px;
 font-size:14px;
}

.modal input[type=text],.modal input[type=password]{
 padding: 5px;
 width: 200px;
}

.fade{
 display: none; /*--hidden by default--*/
 background:url(images/transparent.png) repeat;
 position: fixed; left: 0; top: 0;
 width: 100%; height: 100%;
 z-index: 9999;
}

.clear
{
	clear:both;
}

.edit-link
{
	float:left;
}

.entry-content
{
	clear:both;
}

.widgeted-area ol
{
	margin:0;
	padding:0;
}

.widgeted-area ul li, .widgeted-area ol li
{
	 background: url("images/arrow-small.png") no-repeat scroll left center transparent;
    display: block;
    list-style: none outside none;
    padding: 0px 0 0px 15px;
}

.widgeted-area p
{
	margin-top:0;
}

.widget-title
{
	font-size:18px !important;
}

.connect_widget, .connect_confirmation_cell_like
{
	display:none !important;
}

#bottom-footer
{
	background:#2B2B2B;
	height:90px;
	width:100%;
	padding:15px 0;
	margin-bottom:10px;
}

#bottom-text
{
	width:940px;
	margin:0 auto;
}

#bottom-text p
{
	text-align:left;
	font-size:12px;
	margin:0 auto;
}

#bottom-text p a
{
	color:#8B816F;
	text-decoration:underline !important;
}

#bottom-text p a:hover
{
	text-decoration:none !important;
}

#cforms_captcha, #cforms_captcha2
{
	vertical-align:text-bottom;
	width:100px !important;
	margin: 0;
	background:none !important;
}

.modal input[type="text"], .modal input[type="password"], .modal input[type="tel"], .modal input[type="email"] 
{
	padding: 5px;
	width: 200px;
	vertical-align: top;
	color: #2b2b2b;
	font: 13px Verdana;
	height: 18px;
	border: 1px solid gray;
}

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="password"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap input[type="email"] 
{
	padding: 5px;
	width: 200px;
	vertical-align: top;
	color: #2b2b2b;
	font: 13px Verdana;
	height: 18px;
	border: 1px solid gray;
}


.wpcf7-form-control-wrap textarea {
	height: 100px;
	overflow: auto;
	padding: 10px 6px 10px 10px;
	width: 219px;
	vertical-align: top;
	color: #2b2b2b;
	font: 13px Verdana;
	border: 1px solid gray;
}

input.wpcf7-submit {
	width: 166px;
	height: 30px;
	margin: 0 0 5px 0px;
	font-size: 14px;
	color: #2b2b2b;
	background: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.wpcf7-form
{
	width:95%;
	margin:0 auto;
}