/*
Theme Name: Dashedline experiments
Theme URI: http://www.neonotter.com
Description: Dashedline Design!
Version: 1.1
Author: Laurence Honderick
Author URI: http://fieldunion.com
Tags: black, video, css3
*/

/*_________________________________________________________ Global CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; 
    font-family: "Georgia", times, "Times New Roman", serif;
}
ul, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }

.clearit:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearit,
#content { zoom: 1; }
* html .clearit { height: 1%; }

/*_________________________________________________________ Global Typography */

body {
    color: #170901;
    background-image: url('img/wallpaperB.jpg');    
    font-size: 62.5%;
    line-height: 16px;
}

/* Links */
a { color: #79522f; font-family: inherit; text-decoration: none;}
a:hover { color: #523a0d; text-decoration: underline; }

/* Headings */
h1 { font-size: 2.4em; margin: 8px 0; }
h2 { font-size: 2.4em; margin: 8px 0; }
h3 { font-size: 1.5em; margin: 8px 0; }

/* Inlines */
em { }
strong { }

/* Blocks */
p { font-size: 1.4em; line-height: 24px; margin: 8px 0; letter-spacing: .2px;}
blockquote { }
code { }
pre { font-family: "Monaco", "Andale Mono", monospace; font-size: 1.1em; line-height: 16px; overflow-x: auto; padding: 4px; }

/*_________________________________________________________ Global Structure */

/* Common mixins */
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearleft { clear: left; }
.padding { padding: 16px; }
.vMargin { margin: 16px 0; }
.hMargin { margin: 0 16px; }
.center { margin-left: auto; margin-right: auto; }
.relative { position: relative; }
.absolute { position: absolute; }

/* Main Columns */
#box_wrapper { width: 944px; position: relative; margin: 0 auto; padding-bottom: 130px; }
#wrapper { width: 944px; }
#header { position: absolute; top: 90px; left: 48%; margin-left: -472px; width: 224px; }
#page { width: 654px; margin-left: 273px; padding: 60px 0;}
#content { background: #fcfcf8;
	box-shadow: 2px 0px 8px #000;
	-moz-box-shadow: 2px 0px 10px #000;
	}
#footer { }



#topframe {
	background: url('img/topframe.jpg');
	position: absolute;
	width: 738px;
	height: 47px;
	top: -47px;
	left: -41px;}
	
#leftframe {
	background: url('img/leftframe.jpg');
	position: absolute;
	width: 43px;
	height: 100%;
	left: -42px;
	top: 0px;}
	
#bottomframe {
		background: url('img/bottomframe.jpg');
		position: absolute;
		width: 738px;
		height: 47px;
		bottom: -47px;
		left: -41px;}

#rightframe {
		background: url('img/rightframe.jpg');
		position: absolute;
		width: 43px;
		height: 100%;
		right: -43px;
		top: 0px;}
#leftframeB {
		background: url('img/leftframe.jpg');
		position: absolute;
		width: 43px;
		height: 100%;
		left: -42px;
		bottom: 0px;}

#rightframeB {
		background: url('img/rightframe.jpg');
		position: absolute;
		width: 43px;
		height: 100%;
		right: -43px;
		bottom: 0px;}


#leftframeindex {
		background: url('img/leftframe.jpg');
		position: absolute;
		width: 43px;
		height: 100%;
		left: -42px;
		top: 0px;}		

#rightframeindex {
			background: url('img/rightframe.jpg');
			position: absolute;
			width: 43px;
			height: 100%;
			right: -43px;
			top: 0px;}
#leftframeBindex {
			background: url('img/leftframe.jpg');
			position: absolute;
			width: 43px;
			height: 100%;
			left: -42px;
			bottom: 0px;}

#rightframeBindex {
			background: url('img/rightframe.jpg');
			position: absolute;
			width: 43px;
			height: 100%;
			right: -43px;
			bottom: 0px;}

/*_________________________________________________________ Basical Content Layout */
.section { padding: 15px; background: url('img/bg/section-bg.jp') bottom left no-repeat;} 
.section h4 { font-size: 1.2em; text-transform: uppercase; text-align: center; color: #83aaba; }

/*_________________________________________________________ Special: Navigation */
h1#title { padding: 0; margin: 0; }
h1#title { display: block; width: 229px; height: 165px; text-indent: -9999px; background: url('img/laurencelogoforhire.jpg') top left no-repeat; }
h2.description { }
ul.navigation { padding-left: 66px; padding-top: 4px; }
ul.navigation li { padding-top: 15px; text-align:center;}
ul.navigation li a { font-size: 1.4em; position:relative; top: 4px;}
ul.navigation li a { font-size: 1.4em; position:relative; top: 4px;}

/*_________________________________________________________ Special: About */
#about p { margin: auto; font-size: 1.3em; padding-top: 15px; text-align:center; max-width: 550px; font-style:italic;}

/*_________________________________________________________ Special: contact */
#contact p { margin: auto; text-align:center;}


/*_________________________________________________________ Special: pictureframed */
#pictureframed { min-height: 344px;}


/*_________________________________________________________ Special: ItemDesciption */
#itemdescription p { margin: auto; font-size: 1.5em; padding-top: 15px; text-align:center; max-width: 550px; font-style:italic;}

/*_________________________________________________________ Special: ItemDesciptionCV */
#itemdescriptionCV p { margin: auto; font-size: 1.5em; padding: 15px; text-align:left;}

/*_________________________________________________________ Special: navcard */
#navcard {width: 96px; height:25px; background: url('img/navcard.jpg'); }


/*_________________________________________________________ Special: Front Page Works */
.work-grid { padding-top: 16px; }
.work-grid .work { float: left; margin: 1px; width: 206px; height: 175px; background: white; overflow: hidden; }
.work-grid .work a.info { opacity: 0; display: block; width: 200px; height: 169px; background: transparent; padding: 3px; text-shadow: none;}
.work-grid .work a.info:hover { opacity: 1; display: #3c2d10; }
.work-grid .work a.info span { font-size: 1.2em; display: inline; padding: 1px; background: #ebe7d9; font-weight: bold; outline: 2px #3c2d10; text-transform: uppercase; }

/*_________________________________________________________ Special: Posts */
.post blockquote { font-size: 1.2em; padding: 16px;}
.post blockquote span { display: block; text-align: right; font-size: 12px; font-style: italic; }

.contact { width: 292px; }