/*  
Theme Name: Protabit
Description: Custom layout for Protabit LLC.
Version: 1.0
Author: Wolfe Gleitsman
Author URI: http://wolfestar.net/
*/



/* General elements' styles */
body {margin:0; padding:0; background-color:#a9a9a9; font-family:Arial, Helvetica, sans-serif;}
a:link   { color:#c7565b; text-decoration: none   }
a:visited   { color:#a56467; text-decoration: none }
a:hover   { color: #e01923; text-decoration: underline }
h1 {color:#8d1317; text-transform:uppercase; letter-spacing:3px; font-size:21px; padding:0; margin-bottom:24px; font-weight:bold;}
h2 {}
h3 {font-size: 14px; line-height:14px; font-weight:inherit; margin:0; margin-top:50px; padding:0;}
img {}

/* Specific div styles */
#container {width:1000px; border: 3px solid #c8c8c8; margin-top:4px; background-color:#ececec;}

/* Header */
#header-wrapper {}
#header-image-box {background-image:url(images/protabit-header-img.jpg); background-position:right; background-repeat:no-repeat; height:138px; width:100%; }
#logo-box {position:relative; top:26px; left: 40px; height:74px; width:195px; float:left; margin:0; padding:0;}
#tag-box {position:relative; float:right; height:58px; width:308px; margin:0; padding:0; padding-right:14px; padding-top: 49px; }
#header-nav-bar {background-image:url(images/protabit-header-nav-bg.jpg); background-repeat:repeat-x; height:41px; width:100%; letter-spacing:1px;}
	#header-nav-bar a:link   { color:#ececec; text-decoration: none   }
	#header-nav-bar a:visited   { color:#c1c1c1; text-decoration: none }
	#header-nav-bar a:hover   { color: #ffffff; text-decoration: underline }

/* Main Content */
#main-content-wrapper {margin:0; margin-top:62px; width:100%; text-align:left; padding:0;}
#main-text {padding-left: 96px; padding-right:260px; font-size:12px; line-height:24px; color:#404040; text-align:justify; margin:0; min-height:400px;}
#main-text img {border: 3px solid #c8c8c8; }
.wp-caption-text {text-align:justify; font-size:11px; font-weight:bold;}
.wp-caption.alignright {width:216px !important; margin:0; padding:0; padding-left:22px; padding-right:22px; margin-right:-260px; float:right; }
.wp-caption.alignright img {margin-left:auto; margin-right:auto; display:block;}
.wp-caption.alignleft {margin-right:15px;}
.wp-caption.aligncenter {margin-right:15px; display:block; margin-left:auto; margin-right:auto;}

/* Contact Form */
#captcha {border:2px; margin-bottom:6px;}
.wpcf7-form-control-wrap.your-message text-area {}
.wpcf7 {width: 500px;}
.analog-contact-box {width:236px !important; margin:0; padding:0; padding-left:22px; padding-right:22px; margin-right:-200px; float:right; text-align:justify; font-size:13px; }


/* Footer */
#footer {background-image:url(images/protabit-footer-bg.jpg); background-repeat:repeat-x; height:40px; width:100%; font-size:10px; word-spacing:2px; color:#d1d1d1; padding:0; margin:0; margin-top:22px; line-height:21px; }
	#footer a:link   { color:#ececec; text-decoration: none   }
	#footer a:visited   { color:#c1c1c1; text-decoration: none }
	#footer a:hover   { color: #ffffff; text-decoration: underline }
#footer ul {height: 18px; list-style-type:none; text-align:center; padding:0; margin:0; margin-left:auto; margin-right:auto; display:block; padding-top:3px;}
#footer li {display:inline; margin-left: 3px; padding:0; padding-left:10px; background-image:url(images/footer-bullet.gif); background-repeat:no-repeat; background-position:0px 2px;}
#footer li:first-child {display:inline; margin-left: 0px; padding:0; padding-left:0px; background-image:none;}
.smallprint {font-size:9px; margin:0; padding:0; }


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* No Right-Margin Images Template */
.page-template-page-no_images-php .wp-caption.alignright {width:auto; margin:0; padding:6; float:right;}
.page-template-page-no_images-php #main-text {padding-right:96px;}