/*
Theme Name: Timothy Kraumanis Design
Author: Timothy Kraumanis
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* --------------------| BODY |-------------------- */

body {
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
color: #999;
background: #151515 url(images/bgBody.png) repeat-x center top;
}

html, body {
width: 100%;
height: 100%;
}


/* --------------------| GENERAL TEXT |-------------------- */

.blue { 	color: #1facd9; }
.white {	color: #ffffff; }
.light {	color: #dddddd; }
.dblue { 	color: #0b548d; }
.grey { 	color: #a6a5a4; }
.lgrey { 	color: #999999; }
.red { 		color: #990000; }
.green { 	color: #037d00; }

a {
text-decoration: none;
color: #999;
} 

a:hover {
color: #24c8fe;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
text-transform: uppercase;
}

	h2 {
	font-size: 15px;
	}

	h3 {
	font-size: 13px;
	line-height: 20px;
	}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after, .homeList a:after, .list ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix, .homeList a, .list ul {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, .homeList a, .list ul {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }


/* --------------------| BUTTONS |-------------------- */

.button, .buttonTiny, .buttonBig {
float: left;
border: none;
cursor: pointer;
padding: 0 8px 0 0;
text-decoration: none;
background-repeat: no-repeat;
background-position: right top;
background-color: transparent;
overflow: visible;
height: 27px;
}

	.buttonTiny {
	padding-right: 5px;
	height: 19px;
	font-size: 10px;
	}
	
	.buttonBig {
	height: 30px;
	}
	

	.button::-moz-focus-inner, .buttonTiny::-moz-focus-inner, .buttonBig::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	}


	.button span, .buttonTiny span, .buttonBig span {
	padding: 0 0 0 10px;
	line-height: 27px;
	height: 27px;
	display: block;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
		.buttonTiny span {
		height: 19px;
		line-height: 19px;
		font-size: 10px !important;
		padding-left: 5px;
		text-transform: none;
		font-weight: normal;
		}
		
		.buttonBig span {
		height: 30px;
		line-height: 30px;
		padding-left: 12px;
		}
	
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			/* Safari and Google Chrome only - fix margins */
			.button span, .buttonTiny span, .buttonBig span {
				margin-top: -1px;
			}
		}


	.button:hover, .buttonTiny:hover, .buttonBig:hover {
	background-position: right bottom;	
	text-decoration: none;
	}
	
		.button:hover span, .buttonTiny:hover span, .buttonBig:hover span {
		background-position: left bottom;	
		}
	
.buttonBlue {
background-image: url(images/buttonBlueRight.png);
}

	.buttonBlue span {
	background-image: url(images/buttonBlueLeft.png);
	}
	
.buttonTinyBlue {
background-image: url(images/buttonTinyBlueRight.png);
}

	.buttonTinyBlue span {
	background-image: url(images/buttonTinyBlueLeft.png);
	}
	
.buttonTinyGrey {
background-image: url(images/buttonTinyGreyRight.png);
}

	.buttonTinyGrey span {
	background-image: url(images/buttonTinyGreyLeft.png);
	color: #1d668e;
	}
	
.buttonGrey {
background-image: url(images/buttonGreyRight.png);
}

	.buttonGrey span {
	background-image: url(images/buttonGreyLeft.png);
	color: #404040;
	}

.buttonBigBlue {
background-image: url(images/buttonBigBlueRight.png);
}

	.buttonBigBlue span {
	background-image: url(images/buttonBigBlueLeft.png);
	}

/* --------------------| TINYMCE |-------------------- */


.text_Plain {
font-size: 12px !important;
color: #999 !important;
font-weight: normal !important;
line-height: 1.5em !important;
text-align: justify !important;
margin-bottom: 1em !important;
}

.subheading {
font-size: 13px !important;
line-height: 20px;
text-transform: uppercase;
font-weight: normal !important;
margin-bottom: 10px !important;
color: #ddd !important;
padding: 15px 0;
}


/* --------------------| CONTENT FRAME |-------------------- */

#container {
min-width: 100%;
height: 100%;
background: url(images/bgContainer.png) no-repeat top center;
}

	#containerIE6 {
	display: none;	
	}

#header {
width: 870px;
height: 150px;
margin: 0 auto 45px auto;
}

	#headerTop {
	display: block;
	height: 30px;
	}
	
		#headerTop div {
		padding-top: 9px;
		width: 420px;
		}
		
			#headerTop div.right {
			text-align: right;
			}
	
		#headerTop p, #headerTop a {
		float: left;
		font-size: 10px;
		margin-right: 20px;
		height: 14px;
		line-height: 14px;
		text-transform: uppercase;
		}
		
			#headerTop div.right p, #headerTop div.right a {
			float: none;
			display: inline;
			margin-right: 0;
			padding: 0;
			}
			
		#headerTop p {
		color: #555;	
		}
		
		#headerTop p span, #headerTop a {
		color: #777;	
		}
	
		#headerTop a {
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 20px;
		}
		
			#headerTop a#top1 {	background-image: url(images/headerIconWordpress.png); }
			#headerTop a#top2 {	background-image: url(images/headerIconFlickr.png); }
			#headerTop a#top3 {	background-image: url(images/headerIconFacebook.png); padding-left: 15px; }
			
	
	#headerNav {
	width: 870px;
	height: 120px;
	display: block;
	}
	
		#headerLogo {
		width: 65px;
		height: 65px;
		margin-top: 34px;
		float: left;
		display: block;
		text-indent: -9999px;
		}
		
		#headerNav ul {
		float: right;	
		margin-top: 58px;
		}

		#headerNav li {
		float: left;
		display: inline;
		margin-left: 12px;
		position: relative;
		}
		
			#headerNav li a {
			display: block;
			float: left;
			font-size: 13px;
			text-transform: uppercase;
			color: #999;
			padding-bottom: 10px;
			}
			
				#headerNav li a:hover, #headerNav li a.active {
				color: #1facd9;
				border-bottom: 2px solid #1facd9;
				}
		
		
#footer {
width: 100%;
display: block;
margin: 0;
background: #0f0f0f url(images/bgFooter.png) repeat-x top;
}
	
	#footer .footer {
	width: 870px;
	margin: 0 auto;
	padding: 40px 0 60px;
	}
	
	#footer p {
	display: inline;
	}
	
	#footer a, #footer p {
	margin-right: 10px;
	color: #555;
	font-size: 11px;
	text-transform: uppercase;
	}
	
		#footer a.last {
		margin-right: 0;
		}
	
		#footer a:hover {
		color: #1d668e;
		}
	

/* --------------------| MAIN CONTENT AREA |-------------------- */

.content {
width: 870px;
margin: 0 auto 45px;
}

div.mainFrame {
width: 870px;
display: block;
}

	.main .column1 {
	width: 195px;	
	}

	.main .column2 {
	width: 420px;
	}
	
	.main .column3 {
	width: 645px;	
	}
	
	.main .marginLeft {
	margin-left: 30px;
	display: inline;
	}
	
	.main .marginRight {
	margin-right: 30px;
	display: inline;
	}
	
	.main h2 {
	font-size: 13px;	
	margin-bottom: 10px;
	}
	
	.main h2.heading {
	display: block;
	height: 25px;
	line-height: 28px;
	width: auto;
	background: url(images/bgHeading.png) no-repeat left bottom;
	color: #101010;
	font-weight: 200 !important;
	padding: 0 12px 21px 15px;
	}
	
	.mainLine {
	background: url(images/bgHalfLine.png) no-repeat center 39px;	
	}

	.main p, .main li {
	font-size: 1em;
	line-height: 1.5em;
	}
	
	.main p {
	margin-bottom: 1em;	
	}
	
		.main p.large, .large p {
		font-size: 13px;
		line-height: 20px;
		}
		
	
		
	.homeBlog li .sm {
	font-size: 10px;
	color: #999;
	}
	
	
		
	.underline {
	border-bottom: 1px solid #dfe4e5;
	padding-bottom: 5px;
	}
	
	.clearLine {
	border-bottom: 1px solid #dfe4e5;
	padding-top: 10px;
	margin-bottom: 20px;
	clear: both;
	display: block;
	
	}
	
	.main ul.p, 
	.main ol.p {
	margin-bottom: 1em;	
	}
	
		.main ul.p li,
		.main ol.p li {
		line-height: 1.5em;
		}
	
	.main ul.p li {
	list-style-type: disc;
	margin-left: 15px;
	}
	
	.main ol.p li {
	list-style-type: decimal;
	margin-left: 20px;
	}
	
	
	.label {
	float: left;
	width: 70px;
	padding: 0 10px;
	line-height: 1.5em;
	font-weight: bold;
	}
	
	.labelText {
	float: left;
	width: 210px;
	line-height: 1.5em;
	margin-bottom: 5px;
	}
	
	.smallMap {
	display: block;
	width: 300px;
	height: 300px;
	}
	
	.photoSpace {
	background: transparent url(images/bgPhotoSpace.png) no-repeat top right !important;
	}
	
	.textBox {
	background: url(images/bgText.png);
	display: block;
	}
	
		.textBox h3 {
		padding: 15px;
		}
		
		.textBox p, .textBox ul {
		padding: 0 15px;	
		}
		
		.textBox li {
		list-style-type: square;
		margin-left: 13px;
		margin-bottom: 0.5em;
		}
		
		.textBox a {
		text-decoration: none;
		border-bottom: 1px solid #555;
		color: #999;
		} 
		
			.textBox a:hover {
			color: #24c8fe;
			border-color: #24c8fe;
			}
	
		.textPhoto {
		width: 195px;
		height: 120px;
		float: right;
		margin: 0 0 30px 45px;
		}
		
	.bottomPad {
	padding-bottom: 5px;	
	}
		
/* --------------------| HOMEPAGE |-------------------- */

.workList li {
display: block;
width: 195px;
background: url(images/bgText.png);
margin-bottom: 30px;
}

	.workList a {
	display: block;
	padding-bottom: 5px;
	}
	
		.workList a:hover {
		background: #101010;	
		}

	.workList img {
	width: 195px;
	height: 120px;
	display: block;
	}
	
	.workList h3, .workList span {
	color: #ddd;
	padding: 5px 15px 0;
	display: block;
	}
	
	.workList h3 {
	}
	
	.workList span.sm {
	display: block;
	color: #999;
	}
	
	.workList p {
	padding: 0 15px 0;
	margin: 0;
	color: #999;
	}
	
	.workImage {
	display: block;	
	background: url(images/bgText.png);
	}
	
		.workImage p {
		font-size: 10px;
		color: #999;
		padding: 5px 15px 4px;
		text-align: right;
		}

.homeText {
height: 366px;	
}

	
.homeBlog li {	
width: 195px;
height: 75px;
float: left;
margin-right: 30px;
}

	.homeBlog li.last {
	margin-right: 0;	
	}
	
	.homeBlog li span.sm {
	display: block;	
	margin-bottom: 5px;	
	}
	
	.homeBlog li a {
	display: block;
	width: 175px;
	height: 65px;
	padding: 10px 5px 0 15px;
	background: url(images/bgText.png);
	}
	
		.homeBlog li a:hover {
		background: #101010;	
		}