/*
Theme Name: Trozdol Typography Theme
Theme URI: http://trozdol.com
Colors:	main red : 	#990000
		color : 	#
		color :		#
		color :		#
		color :		#
		color :		#
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

.clear	{ clear: both; }
*		{ font-family: Helvetica; font-size: 13px; margin: 0; padding: 0;}
a		{ color: #D30000; }
h1		{ }
h2		{ font-family: Helvetica; font-size: 15px; padding: 15px 0; text-align: center; }
h3		{ font-size: 24px; color: #990000; background: #ffffff; padding: 9px 5px 5px 5px;}
.h3post	{ font-family: helvetica; font-size: 17px; font-weight: bold; line-height: 19px; padding: 4px; }
h4		{ font-family: Helvetica; font-size: 16px; color: #D30000; font-weight: bold;}
h4 a	{ font-family: Helvetica; font-size: 16px;}

h5		{ }
p		{ line-height: 19px; padding: 4px; }
html	{ }
body	{ }
.fl		{float: left;}
.fr		{float: right;}
img { -ms-interpolation-mode: bicubic; }

.p-post ul li { padding: 4px; line-height: 19px; list-style: disc;margin:4px 4px 4px 13px;}
.post ul li	{ padding: 4px; line-height: 19px; list-style: disc;margin:4px 4px 4px 13px;}
.p-post	{ line-height: 19px;}

#ie {width: 960px; margin: 0 auto;}
#ie-warn { background: url(/images/ie-warning.jpg) no-repeat; height: 60px; font-weight:bold; height:60px; padding: 6px 0 0 73px;  width: 600px; float: left;}
#browser { width: 220px; float: right;}

#flogo				{ position: absolute; left: -99999px}
#wrapper			{ }
#content-wrap		{ background: #FFFFFF none repeat scroll 0 0; margin: 0 auto; width: 960px; }

.no					{ display: none; }

.list, .list li		{ list-style-image: none; list-style-position: outside; list-style-type: square; margin: 0 0 0 10px; padding: 4px 2px; }

#header				{ height: 257px; margin: 0 auto; width: 960px; }

#logo					{ background: transparent url(/images/trozdol-logo.jpg); float: left; height: 257px; margin-left: 10px; position: relative; text-indent: -9999px; width: 700px; }
#logo a					{ display: block; height: 100%; width: 100%; }

#bloginfo				{ background: transparent url(/images/web-design-print.jpg) right no-repeat; height: 58px; margin: 0 auto; text-indent: -9999px; width: 960px; }

#nav-container			{ background: #990000; height: 30px; padding: 4px 0 0; position: relative; width: 100%; z-index: 2000; }
#navigation				{ width: 960px; margin: 0 auto; position: relative; top: 0px;}
#navigation ul			{ }
#navigation li			{ float: left; padding: 17px 7px 43px 39px;}
#navigation li a		{ color: #ffffff; font-family: Helvetica; font-size: 14px; padding: 0px 20px 0 0; text-decoration: none; }
#navigation li a:hover	{ color: #D30000; }
.page-item				{ color: fuchsia; }
.main-column			{ float: left; padding: 0 0 55px; width: 469px; }


.post-wrap					{ width: 100%; }
.post-title, .post-title a	{ width: 375px; float: right; color: #990000; font-family: Helvetica; font-size: 15px; font-weight: bold; letter-spacing: 1px; margin-left: 0px; padding: 13px 10px 5px 0; text-align: left; text-decoration: none; }
.post-title-single			{ width: 375px; float: right; color: #990000; font-family: Helvetica; font-size: 15px; font-weight: bold; letter-spacing: 1px; margin-left: 0px; padding: 26px 20px 5px 20px; text-align: left; text-decoration: none; }
.post						{ border-top: 5px solid #3e0000; line-height: 19px;}
.post-content				{ padding: 19px 0 15px 10px; width: 98%;  }
.post-content-s				{ padding: 19px 0 15px 10px; width: 98%;}
.post-meta					{ font-size: 10px; text-align: right; }
.post-meta a				{ color: #D30000; font-size: 10px; }
.post-content				{ line-height: 19px; padding: 4px; }


.date						{ float: left; background: #3e0000; color: #ffffff; height: 60px; left: 0px; padding: 7px 0 0; /*position: absolute;*/ text-align: center; top: -5px; width: 50px; }
.month						{ font-family: Helvetica; font-size: 21px; font-weight: bold; padding: 0; }
.day						{ padding: 0; }
.year						{ padding: 0; }
.author						{ left: 612px; position: absolute; top: 14px; }
#nextprev					{ margin: 0 auto; padding-top: 15px; width: 250px; }
#nextprev li				{ float: left; }
#nextprev li a				{ color: #000000; cursor: pointer; display: block; font-family: Helvetica; margin-left: 20px; }

#sidebar			{ float: right; width: 471px; padding-bottom: 50px; }
#sidebar-section	{ margin: 10px -1px 30px; }
#sidelower			{ height: 500px; }
#sidebar img		{ padding: 0 0 5px 0; }

#footer				{ background: #930000; width: 100%; }
#footer-sub			{ margin: 0 auto; padding: 10px; width: 960px; }
#site-info			{ color: black; float: left; padding: 15px 0 0 10px; text-align: center; width: 100%; }
#site-info a		{ color: gray; text-decoration: underline; }

#right				{ width: 300px; float: left; color: #ffffff; font-family: Helvetica; font-weight: bold; padding-left: 85px}
#left				{ width: 400px; float: left; color: #ffffff; font-family: Helvetica; font-weight: bold; }
#hello				{ background: url(/images/hello.jpg) no-repeat; height: 24px; width: 57px;  text-indent: -9999px;}
#about				{ padding: 10px 15px; }
#services			{ background: url(/images/services.jpg) no-repeat; height: 24px; width: 84px;  text-indent: -9999px;}

#quote-box			{ display: none;*/ width: 430px; height: 400px; background: #990000; position: absolute; top: -205%; right: 23%; border: 5px solid #3e0000;}
#q-title			{ background: url(/images/quote-form.png); width: 52px; height: 45px; text-indent: -9999px; position: absolute; top: -20px; left: -18px;}
#q-form				{ width: 310px; margin: 0 auto;}
#qName				{ background: #ffffff; width: 300px; border: none; margin-bottom: 10px; padding: 4px;}
#qEmail				{ background: #ffffff; width: 300px; border: none; margin-bottom: 10px; padding: 4px;}
#qMessage			{ background: #ffffff; width: 300px; height: 150px; border: none; margin-bottom: 10px; padding: 4px;}
#qSubmitBtn			{ background: #ffffff; width: 60px; padding: 4px; border: none; }
#get-quote			{ float: right; position: relative; top:40px; right: 50px;}
#hire				{ background: url(/images/hire-me-sentence.jpg)  center -1px no-repeat; height: 27px; width: 960px;  text-indent: -9999px; padding: 0; margin: 0 auto;}
.w-b				{ font-family: Helvetica; font-size: 13px; color: #ffffff; font-weight: bold;}


#contact_form	{ margin-top: 50px; color: #ffffff;}

#name, #email, #phone	{ margin: 5px; }

#contact_form label {text-align: right;}


#wpstats			{ display: none; }

#comment			{ margin: 10px 0 0 11px; padding: 5px; width: 417px; }
#comments, comments a{ font-weight: normal; font-size: 12px; color: #990000;}
#comment-holder		{ margin: 10px; width: 378px; }
#comment-textarea	{ margin: 40px 0 0; }
.single				{ border-top: 1px solid #3e0000; margin: 20px 10px 0; width: 400px; }
.alt				{ }

.avatar				{ border: 4px solid black; left: -16px; margin: 2px; position: absolute; top: -20px; }
.mod				{ background: #990000; border: 1px solid #3e0000; color: #ffffff; padding: 4px; text-align: center; }

.single-info		{ padding: 5px 3px 0; text-decoration: none; }
.single-info a		{ text-decoration: none; color: #990000; }
.single-info cite	{ font-weight: bold; }
.commenter-info p	{ float: left; width: 200px; }
.comment-time		{ padding-left: 0; width: 200px; }
.com-text			{ padding: 0px 0 15px 10px; width: 98%; }
#comment-textarea	{ }
#comment-textarea a	{ color: #990000;}
.fields li			{ margin: 11px; }
#submit				{ background: none; border: none; font-weight: bold; font-size: 14px; width: 96%; text-align: right; cursor: pointer;}
/*input				{ border: medium none; color: #000000; font-family: Helvetica; font-size: 15px; padding: 0; }*/

/*CODA SLIDER*/
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% background: url(/images/ajax-loader.gif) center; }
		
		p#cross-links { text-align: center }
		
		p#cross-links { color: #990000; width: 850px; margin: 0 auto; }
		p#cross-links a { color: #990000; float: right; }
		.cross-link	{ margin-bottom: 10px;}
		
		#web{ background: url(/images/port-web-btn.jpg) ; display: block; width: 279px; height: 42px; margin-right: 6px; text-indent: -9999px;}
		#print{ background: url(/images/port-print-btn.jpg) ; display: block; width: 280px; height: 42px; margin-right: 6px; text-indent: -9999px;}
		#other{ background: url(/images/port-other-btn.jpg) ; display: block; width: 279px; height: 42px; margin-right: 0px; text-indent: -9999px;}
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		.panel p img { border: #ffffff 3px solid; margin: 4px -4px 0 0; }
		
		
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

.panel a { color:#ffffff;}
.panel .wrapper p ,.number { color:#ffffff;}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: hidden;}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden;
			 /* this is the border. should have the same value for the links */
			margin: auto;
			width: 850px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 658px;
			clear: both;
			background: #990000;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 850px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
			display: none;
		}
		
		.stripNav li.tab1 a { background: #990000 }
		.stripNav li.tab2 a { background: #990000 }
		.stripNav li.tab3 a { background: #990000 }
		.stripNav li.tab4 a { background: #990000 }
		.stripNav li.tab5 a { background: #990000 }
		
		.stripNav li a:hover {
			background: #ffffff;
			color: #990000;
		}
		
		.stripNav li a.current {
			background: #ffffff;
			color: #990000;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 33px;
			width: 97px;
		}
		
		.stripNavL {
			left: -48px;
		}
		
		.stripNavR {
			right: -48px;
		}
		
		.stripNavL {
			background: url("/images/arrow-left.jpg") no-repeat center;
		}
		
		.stripNavR {
			background: url("/images/arrow-right.jpg") no-repeat center;}

		.number { font-family: Helvetica; font-size: 260px; position: absolute; top: 429px; left: 0px;}

.stuffwborders		{ border: 4px solid #930000; padding: 5px; }

#searchsubmit		{ display: block; height: 35px; padding: 4px; text-align: center; }

.post-result			{ background: transparent url(/images/dht-post-bg.jpg) repeat-x scroll center center; border: 4px solid black; margin: 10px 0; }
.post-title-result a	{ color: #450000; font-family: Impact; font-size: 20px; font-weight: lighter; letter-spacing: 1px; margin-left: 4px; padding: 10px 10px 5px 0; text-align: left; text-decoration: none; }
.date-result			{ float: right; text-align: right; width: 30%; }
.four04					{ margin: 10px 68px; width: auto; }

#p404					{ text-align: center; }
#dir-cont				{ margin: 50px auto 0; width: 380px; }
.directory				{ float: left; height: 100%; }

.b						{ margin-left: 5px; }

.wpcf7-form input	{ border: 4px solid black; padding: 4px; }
.send				{ color: #000000; display: block; font-family: Impact; font-size: 15px; font-weight: lighter; height: 40px; line-height: 2em; margin: 6px 18px 5px 8px; padding: 5px 0 0; text-align: center; text-decoration: none; width: 113px; }
.send input			{ background: transparent none repeat scroll 0 0; border: medium none; font-family: Impact; text-align: center; }