/*
Site: JulienSmith.com
Version: 0.1
Author: Stress Limit
Author URI: http://www.stresslimitdesign.com

*/

 
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Table of Contents:
 
		Defaults
		Basic Layout
		Navigation
		General Styles
			text
			links
			lists
			forms
		DIV Specific Styles
			Menu
			Page
			Sidebar
		Print
 
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 
 
 
/*  --------------------------------------------------------------
	DEFAULTS
	-------------------------------------------------------------*/
 
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,
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; font-weight: inherit; font-style: inherit; font-size: 100%;
	font-family: inherit; vertical-align: baseline;
}
ol, ul { list-style: none;}
:focus { outline: 0;}

html { background: url('images/bg.gif') repeat fixed left top; height:100%; }
body { font:18px/36px Georgia, Times, serif; color:#000; background:url('images/juliensmithcolour.jpg') no-repeat center top; height:100%; }	


/*  --------------------------------------------------------------
	LAYOUT
	-------------------------------------------------------------*/

#container { position:fixed; height:100%; width:100%; background: url('images/juliensmith.jpg') no-repeat center top;  }
#eerieRedBall { position:absolute; left:710px; top:216px; height:110px; width:145px; padding-top:35px; background: url('images/eerieRedBall.png') no-repeat left top; font-size:14px; color:#fff; text-align:center; cursor:move; }
#page { position:relative; width:655px; margin:0 auto; padding-top:44px; padding-right:260px; /* total width: 915px */ }


/*  --------------------------------------------------------------
	GENERAL STYLES
	-------------------------------------------------------------*/

/*  ----- Text ----- */
p { padding:0 0 0 0; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
h1 { font:72px/72px Georgia, serif; font-style:normal; padding:0; }
h3 { font: 36px Georgia, serif; font-style:italic; padding:28px 0 40px; }
h3 span { font-style:normal; }
h3 a:link, h3 a:visited { color:#cf0001; text-decoration:none; border-bottom:2px solid #cf0001; }

/*  ----- Links ----- */
a:link, a:visited { color:#cf0001; text-decoration:none; border-bottom:1px solid #cf0001; }
a:hover, a:active { /* color: #58c058; text-decoration:underline; */ }

/*  ----- Forms ----- */
form input { display:inline; float:right; width:230px; height:22px; margin-top:9px; font:12px Georgia, Times, serif; font-style:italic; color:#090000; border:1px solid #000000; background:transparent; 
	
	
	line-height:15px;
	padding:3px 8px 4px;
	height:15px;
	
	}


/*  --------------------------------------------------------------
	DIV SPECIFIC STUFF
	-------------------------------------------------------------*/

#eerieRedBall p { line-height:24px; }
#eerieRedBall p span { font-weight:bold; font-size:18px; font-style:italic; }


/*  --------------------------------------------------------------
	PRINT
	-------------------------------------------------------------*/

@media print {
  body, html {
    background: white;
    font-size: 10pt;
  }
   
  #sidebar,
  #radiator,
  #footer,
  #menu {
    display: none;
  }

  #page {
    background: transparent none;
    border: 0;
    color: black;
    float: none !important;
    margin: 0;
    padding: 0;
    width: auto;
  }
  
  #container {
    margin: 0 3%;
  }
}
