/*
-----------------------------------------------
Title: Luispunchy.com Screen Style Sheet
Site: lwww.luispunchy.com/
Author:   David Gowrie
----------------------------------------------- */

* { 
	padding: 0;
	margin: 0;
}

body { 
	background-color:#e5e5e5;
	color:#333;
	font:65.5%/1.5 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif; /* 1em = 10px */
	text-align: center;
	}

/*
=TYPOGRAPHY *****************/
#wrapper {
	font-size:1.2em; /* base is 12px */
	}
/*#masthead h1 { 
	width: 768px;
	background-color: #c00;
	padding: 15px 0 8px 30px;
	color: #000;
	font: bold 2.2em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
}
*/
#content h1 { 
	font: bold 1.5em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
}

#content h2 { 
	font: bold 1.2em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	margin-top: 10px; 
}

#content h2.newsflash { 
	font: bold 1.5em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	margin: 0;
}

#side h2 { 
	margin: 0 0 15px 0; 
	font: bold 1.2em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
}

#side h3 { 
	margin: 0 0 15px 0; 
	font: normal 1em 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	text-transform: none;
}

#note h3 {
	font-size:10px;
}

p {
	margin: 0 0 1em;
	}
body.internalPage div#content p {
	margin:1em 0;
	}
div#content p.first, div#content p.stamp, body.internalPage div#content p.stamp {
	margin:0;
}

/*
=LINKS *****************/
a { 
	color: #069;
	text-decoration: none; 
	} 
a:link, a:visited {
	border-bottom: 1px solid #69c;
	}
a:hover, a:active { 
	color: #c00;
	border-bottom: 1px dotted #69c;
	}

#ads ul li a {
 border: none;
}

#sideMenu a:link, #sideMenu a:visited, .contact a:link, .contact a:visited {
	border-bottom: none;
	}
#sideMenu a:hover, #sideMenu a:active, .contact a:hover, .contact a:active { 
	border-bottom: 1px dotted #69c;
	}

#note a {
	color:#e5e5e5;
	border: none;
	}

#masthead h1 a, #masthead h1 a:link, #masthead h1 a:hover, #masthead h1 a:visited, #masthead h1 a:active { 
	color: #000;
	text-decoration: none; 
	border: none;
	} 

#gallery .thumb a.img { border: none; }


/*
=STRUCTURE *****************/

#wrapper {
	margin:15px auto 0;
	width:803px;
	background:url(../img/bg-wrapper.gif) 0 0 repeat-y;
	text-align:left;
}

#innerWrap {
	background: url(../img/bg-border-bottom.gif) 0 100% no-repeat;
	padding-bottom: 1px;
}

/* 
=masthead - logo/branding ***********/

#masthead {
	width: 802px;
	padding: 1px 0 0 1px;
	background: url(../img/bg-border-top.gif) 0 0 no-repeat;
}

	#masthead h1 {
		position:relative;
		width:798px;
		height:61px;
	}
	#masthead h1 em {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#c00 url(../img/h1-logotype.gif) 0 0 no-repeat;
		cursor:pointer;
	}

/* 
=Content  ***********/

#contentWrap {
	float: left; /* clear internal floats */
	width: 799px;
	border-top: 3px #000 solid;
	border-bottom: 1px #999 solid;
}

#content { 
	float: left;
	padding: 5px 0 10px 0; 
	width: 553px;  /* total 553px */
	background: #f0f7e2; 
	margin-left: 8px; 
}

#side {
	float: right; 
	width: 201px;
	padding: 5px 8px 10px;
	background: #e6eff1;
	margin-left: 20px;
}

#footer {
	clear: both;
	width: 798px;
	padding-left: 1px;
}

	#footer p {
		background: #ccc;
		padding: 5px 0 0 10px;
	}


#trumpgame {
	position: relative;
	z-index:1;
	width: 450px;
	height: 250px;
}

#trumpgame object {
	position: relative;
	z-index:2;
}

#trumpgame div.instruct {
	position: absolute;
	z-index: 3;
	top: 250px;
}

#note {
	text-indent: -5000px;
}

#gallery { 
	padding: 10px 0 0 0;
	border-top: 2px dotted #ccc; 
}
#gallery .thumb {
	float: left;
	width: 200px;
	padding: 10px 10px 0 10px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
}
#gallery .thumb img { 
	/*padding: 0 4px 4px 0;
	background: url(/img/photo-frame.gif) no-repeat bottom right;*/
	border: 1px solid #aaa;
}
#gallery .thumb p {
	font-size: .95em;
	font-style: italic;
	text-align: center;
}


/*
=LIST STYLES *****************/
#content .menu {
	margin-left: 15px;
}

div#post ul {
	margin:15px;
	}
	
/*
=sideMenu *********/
#sideMenu { 
	font-weight: bold;
	padding: 0 0 10px;
	list-style: none;
}


/*
=AD SPACE *****/
#ads {
	margin-top: 15px;
}

#ads img {
	border: none;
}

#ads ul {
	list-style: none;
}

#ads ul li {
	margin: 0 0 15px 0;
}


/* =MISC 
============*/

/*-------------------
P.I.E. FLOAT CLEARING - non-IE portion only
See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}

/* END P.I.E. FLOAT CLEARING 
--------------------- */

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
a img {
	border: 0;
}

/* Hide elements and remove from flow */
.hidden {
	visibility: hidden;
	display: none;
}

.hideme {
	display:none;
}


/*
=EXAMPLES ****/
.example {
	width: 500px;
	background: #fff;
	padding: 25px;
	border: 1px dashed #999;
	margin: 15px auto 0;
}

/* =FOLIO
***********************/
dl.folioImg {
	float:right;
	margin:0 0 1em 1em;
	width:250px;
	padding:5px;
	border:2px solid #fff;
	}
dl.folioImg dt {
	background:#e5e5e5;
	padding:10px;
	}
dl.folioImg dt img {
	width:100%;
	height:100%;
	}
	
dl.folioImg dd {
	font-size:11px;
	padding:5px 5px 0;
	}