/* Layout for Wleklinski.com  */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, 
colors, sizes, typography, and positioning ("the design") is copyright 2005 Sumner Nelson, Sloppypilot.com,
and Lowell Limited, LLC and may not be reproduced. */

/*  body elements*/

body {
	background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4F4F4F;
	font-size: small;
	line-height: 1.5em;
	word-spacing: 0.2em;
	letter-spacing: 0.1em
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

#container {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0;
	font-size: 95%;
}

#leftNav {
	float: left;
	width: 250px;
	background-image: url(../i/wlekLogo.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	height: 700px;
	border-right: solid  #666666 1px;
}

#textRight {
	float: left;
	width: 430px;
	padding-left: 15px;
	padding-top: 33px;
}

#textFooter {
	width: 700px;
	height: 20px;
	border-top-color: #666;
	border-top-style: solid;
	border-top-width: 1px;
	text-align: center;
	background-color: #FFF;
	border-bottom-color: #F4F4F4;
	clear: both;
}

#contact {
	color: #333333;
	font-style: italic;
	text-align: right;
	padding-right: 30px;
	padding-top: 100px;
}

/* End Body Elements.  Begin Text Styling */

p, li, dd, dt {
	font-size: 100%;
}

p, #textRight dt {
	margin-top: 1.5em;
}

h1 {
	text-transform: uppercase;
	color: #C52B2F;
	font-size: 100%;
	margin-left: 10px;
}

h2 {
	font-weight: bold;
	font-variant: small-caps;
	font-size: 100%;
	margin-left: 10px;
}

h3 {
	font-variant: small-caps;
	font-size: 95%;
	margin-left: 10px;
	margin-top: 100px;
	font-weight: normal;
}

h3.second {
	margin-top: 8px;
}

a, a:link, a:visited {
	color: #666666;
	margin-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

a:hover, a:active {
	color: #EBA07C;
	text-decoration: none;
	border-bottom: 1px dotted #F03;
}

ul {
	list-style: none;
}

/* Nav Left Styling   */

#leftNav a {
	font-weight: bold;
}

#leftNav a.selected {
	color: #C52B2F;
	border-bottom-width: 0px;
}
 
 #leftNav ul.top {
	margin-top: 240px;
}
 
#leftNav li {
	color: #666666;
	font-weight: bold;
}

#leftNav ul, #leftNav dl {
	margin-left: 30px;
}

#leftNav dd {
	margin-left: 10px;
}

.navSpacing {
	margin-bottom: .5em;
}

li.sound {
	background-image: url(../i/sound.jpg);
	background-repeat: no-repeat;
	background-position: 55px 20px;
}

li.sound a:active {
	background-image: url(../i/wlek.wav)}

/* End leftNav Styling */

/* Begin textRight Styling */

#textRight p, #textRight dl, #textRight h2, #textRight ul{
	margin-left: 10px;
}

#textRight h2 {
	margin-top: 15px;
}

li.rightList {
	list-style-type: none;
	background-image: url(../i/rightchangeColor.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 15px;
	margin-top: .5em;
}

h2.member {
	margin-bottom: 25px;
}

dd {
	background-image: url(../i/downOver.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding: 0 0 0 15px;
}

#textRight dd {
	background-image: url(../i/rightchangeColor.gif);
	margin: 0 0 0 15px;
	font-style: italic;
}

/*    Footer styling       */
#textFooter a, #textFooter p {
	border-bottom-width: 0px;
	display: inline;
	font-weight: lighter;
	font-size: 9px;
}

#textFooter a:link {
	color: #C52B2F;
}

#textFooter a:visited {
	color: #999999;
}

#textFooter a:hover {
	color: #666666;
	text-decoration: underline;
}

#textFooter p {
	color: #666666;
}

a.pub {
	font-variant: small-caps;
	font-weight: bold;
}