/*
Theme Name: Smerins 2008
Theme URI: http://www.blackspike.com
Description:  Smerins 2008 launch design.
Version: 1
Author: Felix Corke
Author URI: http://www.blackspike.com
Tags: smerins

*/
 

/* ******* RESET ****** */

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;	padding:0; color:#fff}



table {border-collapse:collapse; border-spacing:0; }

img,abbr,acronym  {border:0;}

address,caption,em,th {font-style:normal; font-weight:bold; font-size: 1.2em}
	
ul, ol  {margin:0 1em 1em; }
ul      {list-style-type: square; }
ol      {list-style-type: decimal; }

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}


/* ******* SETTINGS ******* */

body{font-family: Helvetica, Arial, Segoe UI, sans-serif; font-size: 62.5%;}

p, dl, dt, dd, table, tr, td, ul, li, ol, input, textarea, select {font-family: Helvetica, Arial, Segoe UI, sans-serif; text-align:left;  }

p {margin:0.2em 0 1em}

pre,code,tt	 	{font-size: 127.5%; padding:10px 0}
input 			{line-height:100%}
cite, em, i 	{font-style: normal; font-weight: bold}

h1, h2, h3, h4, h5, h6 {font-family: 'Avant Garde', 'ITC Avant Garde Gothic BT', 'Avant Garde Gothic', 'Century Gothic', 'Arial Black',  Helvetica, Arial, Segoe UI, sans-serif;  line-height:1.2em; font-weight: bold; padding: 0.3em 0 0.5em; color: #fff}

h1 {font-size:2.0em; text-transform: uppercase; }
h2 {font-size:1.4em; }
h3 {font-size:1.2em}
h4 {font-size:1em; }
h5 {font-size: 1em; }
h6 {font-size: 1em; }

small{font-size: 1em; }

hr {height:2px; margin: 1em 0;  border:none; border-top:2px dotted #fff; clear:both;}

blockquote{padding:0.5em 1em; border:1px solid #796b68; background-color:#444;}

dt {padding:0.5em; font-weight:bold; }
dd {padding:0.5em; background:#796b68; }

/* ******* FLOATS ******* */

.floatRight				{float:right; margin:0 0 1em 1em}
.floatLeft				{float:left; margin:0 1em 1em 0}
.floatRightNoPadding 	{float:right; margin:0}
.floatLeftNoPadding  	{float:left;  margin:0}

.right {text-align:right;}
.left {text-align:left;}

.clear {clear:both}


/* ******* FORMS ******* */

label 						{ font-weight: bold; }
fieldset    				{ padding:1.4em; margin: 1em 0; border: 1px solid #999;}
legend     					 { font-weight: bold; font-size:1em; padding:0.5em 1em;  color: #000 }
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; color: #000}
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; color: #000}
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
textarea            { width: 300px; height: 50px; margin:0.5em 0.5em 0.5em 0; color: #000}
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; color: #000}
select:focus        { border:1px solid #999; background:#fff; }

/* ******* LINX ******* */

a					{color: #000; text-decoration:none; }
a:focus 			{text-decoration:none; color: #ff5ba0; border:none; -moz-outline:none; outline:none} 
a:visited			{text-decoration:none; color: #111}
a:hover				{text-decoration:none; color: #ff5ba0 }
a:active			{text-decoration:none; color: #00A451;}

#column1 a {background: #7e6e6a; padding: 0 1px}
#column1 a:hover {background: #605350;}

/* ******* TABLES ******* */

table, td, th 	{border:0px; border-collapse: collapse; border-spacing:0}
th 				{background: #796b68}
td, th 			{padding:5px 10px; }
caption  		{padding:10px 0}

/* ******* NAVIGATION ******* */

#nav ul, #nav ul li {padding:0; margin:0;  list-style: none; display: inline; text-transform: uppercase; }

#nav ul li { font-weight:bold;  font-size:1.6em; display: block;float: left;  margin-right:0.3em; font-family: 'Avant Garde', 'ITC Avant Garde Gothic BT', 'Avant Garde Gothic', 'Century Gothic', 'Arial Black',  Helvetica, Arial, Segoe UI, sans-serif; }

#nav ul li, #nav a {color:#fff; outline: none;}
#nav a:hover 	{color: #ff5ba0 }

/* *******  Smerins 2008 SETTINGS ******* */

body {background:#796b68 url(../images/bgStripVert.png) top repeat-x; text-align: center}


/* ******* LAYOUT ******* div {border:1px solid beige; } */


#container	{width: 868px; margin:0 auto; background: url(../images/bgTile.png) top repeat-y; text-align: left}

#headerImageContainer {width: 774px; margin:0 auto;  background: url(../images/header.jpg) top no-repeat}

#header		{height: 253px}

#smerinsPlayer {width: 320px; height: 50px; position: relative; top:125px; left: 85px}
	#smerinsPlayer a {display: block; color: #fff}

#nav	{width: 383px; height: 45px; position: relative; top:150px; left: 55px;}


#content	{width: 680px; background: url(../images/contentBG.png) repeat-x top; margin: 0 auto; padding: 0 15px 2em 15px; overflow: auto; font-size:1.2em; line-height:140%; }

#column1	{width: 440px; float: left; padding: 12px 15px 0 0; border-right:1px dotted #fff}
#column2	{width: 210px; float: right; padding: 0 }

.dottedH2	{font-size:1.8em; text-transform: uppercase; border-top:1px dotted #fff; border-bottom:1px dotted #fff; padding: 6px 0; margin: 10px 0}
.dottedH2 a 		{color: #fff}
.dottedH2 a:hover 	{color: #ff5ba0 }

.gallery {font-size: 10%}

.contentBlock {width:215px;  float: right; margin: 5px 0;}
	.contentBlockLeftCol  {padding: 0 5px 0 0;}
	.contentBlockRightCol {padding: 0 0 0 5px;}


#footer		{clear:both; width: 680px; padding: 4em 0; margin: 0 auto; color: #666; }
	#footer	 p	{font-size: 1em; }

.footerImage {width: 803px; margin: 0 auto;}

#messageBox
{
	border-bottom:2px dashed #ccc;
	padding:5px;
	margin:10px;
	
}

.tablecol1
{
	border-bottom:1px solid #ccc;
	maring:10px;
}

.formField
{
	background:#CCCCCC;
	color:#000;
	font-size:10px;	
}
.formButton
{
	border:1px solid #bbb;
	background:#333333;
	color:#fff;
	font-size:10px;
	text-align:center;
	padding:5px;
}
.formAlert
{
	border:2px solid #FF0000;
	background:#CCCCCC;
	color:#000;
	font-size:10px;		
}