@charset "utf-8";

/* 
Main Stylesheet for Blackmjck.net
Author: Steven Wiggins
Date: 09/01/09
Copyright Info: (c) 2009 Blackmjck Designs
*/

/*
DEVELOPER REFERENCE
-------------------
Tags are listed alphabetically in categorical sections as follows: 
Base HTML Tags
ID Tags
Class Tags
Page-Specific Tags
*/

/* ----- BASE TAGS ----- */
a, address, body, blockquote, caption, code, dd, div, dl, form, h1, h2, h3, h4, h5, html, img, li, ol, p, pre, span, table, td, th, tr, ul {
	/* Zeroes the margin and padding on all normal elements to account for differing browser defaults */
	margin: 0;
	padding: 0;
}
a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
address, blockquote {
	margin-left: 3em;
	display: block;
}
body {
	background: #000 url(../images/side_swirls.jpg) no-repeat fixed center top;
	text-align: center;
	font-size: larger;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
code {
	display: block;
	font-family: "Courier New", Courier, monospace;
}
h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
}
h1 {
	font-weight: normal;
}
img {
	border: none;
}
p {
	margin: 0.5em 0;
	text-indent: 1.5em;
}



/* ----- ID ELEMENTS ----- */

#ads_top {
	display: block;
	margin: 0 auto;
	padding: 5px 4px 0 22px;
	height: 90px;
	width: 732px;
	background: url(../images/sponsors.gif) no-repeat 2px 5px;
	text-align: left;
}
#adsense1 {
	margin: 0;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 760px; 
	background: #FFFFFF;
	text-align: left;
	color: #FFFFFF;
	position: relative;
}
#content {
	margin: 0;
	padding: 10px 20px 0 20px;
	width: 718px;
	background: #000000 url(../images/body_tile.gif) repeat-x left top;
	border: solid 1px #999;
	border-top: none;
	position: relative;
}
#content a {
	font-weight: bold;
	text-decoration: none;
	color:#D779FF;
}
#content a:hover {
	font-weight: bold;
	text-decoration: underline;
	color:#FF0033;
}
#content h1 {
	margin: 0;
	padding: 0;
}
#content ul {
	padding: 0 1.5em;
}
#footer {
	margin: 0;
	padding: 10px 20px;
	background: #000;
	text-align: center;
	font-size: smaller;
}
#footer span {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
}
#footer a {
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
}
#header {
	margin: 0;
	padding: 0;
	width: 758px;
	position: relative;
	background: #000000 url(../images/header.jpg) no-repeat center top;
	border: solid 1px #999;
	border-bottom: none;
}
#header h1 {
	margin: 0;
	padding: 0;
	display: block;
	height: 173px;
	width: 100%;
	text-indent: -900em;
}
#header h1 a {
	display: block;
}
#navigation {
	position: absolute;
	z-index: 1;
	right: 0px;
	bottom: 21px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
#navigation a {
	display: block;
	background: url(../images/tab_squared_left.jpg) no-repeat left top;
	padding: 6px 12px 4px 12px;
	text-decoration: none;
	color: #FFF;
}
#navigation a:hover {
	background: url(../images/tab_squared_hover_left.jpg) no-repeat left top;
	color: #333;
}
#navigation li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/tab_squared_right.jpg) no-repeat right top;
}
#navigation li:hover {
	background: #c868da url(../images/tab_squared_hover_right.jpg) no-repeat right top;
}
#navigation li.current {
	background: #c868da url(../images/tab_squared_hover_right.jpg) no-repeat right top;
}
#navigation li.current a {
	background: url(../images/tab_squared_hover_left.jpg) no-repeat left top;
	color: #333;
}
#navigation ul {
	list-style-type: none;
}
#subnavigation {
	/*text-transform: uppercase;*/
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	display: block;
	height: 17px;
	position: absolute;
	bottom: 3px;
	right: 0;
	padding-right: 0.6em;
}
#subnavigation a {
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 0 0.6em 1px 0.6em;
}
#subnavigation a:hover {
	color: #333;
	background-color: #c868da;
}
#subnavigation .current {
	background-color: #c868da;
}
#subnavigation li {
	float: left;
	margin: 0;
	padding: 0;
}
#subnavigation ul {
	list-style-type: none;
	float: right;
}

/* ----- CLASS ELEMENTS ----- */

.clear {
	margin: 0 0 0 -20px;
	padding: 1em 0 0 0;
	clear: both;
	display: block;
	height: 19px;
	width: 758px;
	background: #000 url(../images/footer.jpg) no-repeat center bottom;
}
.clear_float {
	clear: both;
}
.emphasize {
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	font-weight: normal;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.host {
	padding: 0.5em;
}
.imgcolumn {
	float: right;
	display: block;
	margin: 1em 0 0 0.5em;
	padding: 0;
	height: 280px;
	width: 280px;
	background: url(../images/hookcolumn_dark.png) no-repeat center top;
}
.olderbrowsers {
	visibility: hidden;
}
.intro {
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/imagine.png);
	width: 201px;
	height: 47px;
	overflow: hidden;
	text-indent: -900em;
}
.larger {
	font-size: larger;
}
.pullquote {
	float: right;
	display: block;
	width: 35%;
	margin: 0.5em;
	padding: 0.15em;
	text-align: center;
	font-size: larger;
	font-style: italic;
	font-family: "Book Antiqua", Times, Garamond, "Adobe Garamond Pro", serif;
	color: #D797FF;
}
.signature {
	display: block;
	background: url(../images/sig.png);
	width: 400px;
	height: 80px;
	float: right;
	padding-right: 1em;
	clear: both;
	text-indent: -900em;
}
.toc {
	display: block;
	margin-left: 1.5em;
	text-indent: 0;
}
.tooltip {
	cursor: help;
}

/* ----- PAGE-SPECIFIC ELEMENTS ----- */

/* CONTACT PAGE */
#content #helpheading {
	font-size: larger;
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	font-style: italic;
	display: block;
	width: 98%;
	padding: 0.5em 0.5em 0.2em 0.5em;
	border-bottom: solid #965F93 2px;
}
#content #helpoptions {
	margin: 1em 0 0 0;
	padding: 0;
	text-indent: 0;
	list-style-type: none;
}
#helpoptions address.helplink {
	float: left;
	display: block;
	background: none;
	text-align: left;
	font-weight: bold;
	color: #D779FF;
	margin: 0.5em;
	margin-right: 0;
}
#helpoptions address.helplink .first {
	border-bottom: dashed #CCC 1px;
}
#helpoptions .first {
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	font-size: larger;
	display: inline;
}
#helpoptions .helplink a {
	border-bottom: dashed #CCC 1px;
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
}
#helpoptions .helplink a:hover {
	border: none;
}
#helpoptions li {
	margin: 0;
	padding: 15px 0 20px 40px;
	display: block;
}
#helpoptions div.helplink {
	display: block;
	background: none;
	margin: 0.5em 0;
	padding-left: 0.5em;
	text-align: right;
	float: left;
}
#helpoptions div.helplink p {
	margin: 0.3em 0 0 0;
}
#helpoptions li p {
	text-indent: 0;
}
#helpoptions li p.float_left {
	width: 50%;
	display: block;
}

/* CONTACT PAGE FORM */
#contactform {
	background: #413140 url(../images/form_tile.jpg) repeat-x left top;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 1em;
	width: 70%;
	border: solid #666 1px;
	border-top: none;
	text-align: left;
}
#contactform .fineprint {
	text-indent: 0;
	font-size: small;
}
#contactform h3 {
	display: block;
	width: 100%;
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: solid #999 1px;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	text-align: center;
}
#contactform li {
	float: left;
	clear: left;
	display: block;
	padding: 0.5em 0;
}
#contactform li.left_col {
	width: 28%;
}
#contactform li.right_col {
	width: 68%;
	clear: right;
}
#contactform li.right_col input {
	width: 98%;
}
#contactform li.right_col input:hover {
	background-color: #FFFFCC;
}
#contactform li.right_col select:hover {
	background-color: #FFFFCC;
}
#contactform li.two_col {
	width: 98%;
	text-align: center;
}
#contactform li.two_col input {
	width: 98%;
}
#contactform span {
	font-size: smaller;
}
#contactform textarea {
	width: 98%;
	height: 8em;
}
#contactform textarea:hover {
	background-color: #FFFFCC;
}
#contactform ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* DESIGN PAGE TABLE */
ul.examples {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 90%;
}
#content .examples li {
	float: left;
	display: block;
	width: 33%;
	padding: 1em 0;
	text-align: center;
}
#content .examples li a {
	font-family: "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
}
#content .examples li a:hover {
	text-decoration: none;
}
#content .examples li img {
	border: outset #999 2px;
}
#content .examples .startrow {
	clear: left;
}

/* SERVICES SUB PAGES */
#content .webquote {
	float: right;
	display: block;
	z-index: 2;
	width: 35%;
	margin: 0.5em;
	padding: 0.15em;
	text-align: center;
	font-size: larger;
	font-style: italic;
	font-family: "Book Antiqua", Times, Garamond, "Adobe Garamond Pro", serif;
	color: #D797FF;
}
#content .services {	
	display: block;
	padding: 0.5em 0.5em 0.2em 0;
	border-bottom: solid #965F93 2px;
}
#content .webhost {
	display: block;
	margin: 1.2em 0;
}