/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Shrugg Events - default.css
LAST UPDATED:	07 September 2007
AUTHOR:			Daniel Thompson <dt@cleverclover.co.uk>

-- CONTENTS -----------------------------------------------

	=1:		[HTML & BODY, UNDOHTML]
	=2:		[LINKS]
	=3:		[COMMON ELEMENTS]
	=4:		[TOP ELEMENTS]
	=5:		[NAVIGATION]
	=6:		[MAIN COLUMN]
	=7:		[SIDEBAR COLUMN]
	=8:		[FOOTER]
	=9:		[LISTS]
	=10:	[FORMS]
	=11:	[IMAGES]
	=12:	[MISC]
	=13:	[HOMEPODS]
	
-----------------------------------------------------------

NOTES:	Default CSS Template for CleverClover.com..
		Contains a list of default CSS styles for a generic
		site. Uses verdana 10pt by default with an 11pt line
		height.

/*	=1:	[HTML & BODY] -------------------------------------*/

* { margin:0; padding:0 }
link,:visited { text-decoration:none }
ul li { list-style: disc; margin-left: 35px;}
ul { margin-top: 5px; margin-bottom: 5px;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:12pt; }
a img,:link img,:visited img { border:none }

.cleaner {
	clear:both; 
	height:1px;
	font-size:1px;
	border:none;
}

h1 {
	margin-top: 10px;
}
hr {
	background: #ff0000;
}

a {
	color: #000;
}

br {
	line-height: 4px;
}

address { font-style:normal }

html { margin-bottom: 1px;}

#pagewrap {
	width: 774px;
	margin: 0px auto;
	text-align: left;
}

#upperHeader img {
	padding-top: 20px;
}

#leftHeader {

}

#rightHeader {

}

#contentArea {
	padding: 10px;
}

ol {
	list-style-position: outside;
	margin: 20px;
}

#sectionPod {
	float: left;
	width: 774px;
}

#sectionPod table#sectionTbl {
	width: 100%;
}

	
	#sectionPod table#sectionTbl td label, .formBox label {
		float: left;
		width:120px;
		padding-bottom:5px;
		margin-left:25px;
		
	}	

	#sectionPod table#sectionTbl td input, #sectionPod table#sectionTbl td select, .formBox input, .formBox select {
		font-size: 10px;
		width:80px;
		
	}
	
	#sectionPod table#sectionTbl td submit {
		
	}	
	
		
	.clearBoth {
		clear: both;
	}

#sectionPod td#sectionTbl {
	text-align: right;
}




#sitesContainer {
	float: left;
	margin: 10px 0px 0px 10px;
}


#goButton, .goButton {
	position: absolute;
	bottom: 15px;
	right: 20px;
	text-align: right;
	font-weight: bold;
}

p.sitesTxt {
	font-size: 8pt;
	padding: 90px 15px 0px 15px;
}

#promoBannerPod, .promoBannerPod {
	float: left;
	margin: 10px 0px 0px 5px;
}

/*	=2:	[LINKS] -------------------------------------------*/	

a, a:visited {
	color: #ec008c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*	=3:	[COMMON ELEMENTS] ---------------------------------*/

h2 {
	color: #0066cc;
	font-weight: bold;
	font-size: 14pt;
}

p {
	font-size: 10pt;
	line-height: 15px;
	margin-bottom: 20px;
	text-align: justify;
}

.small {
	font-size: 8pt;
}

li { 
	font-size: 10pt;
	padding: 3px;	
}

/*	=4:	[TOP ELEMENTS] ------------------------------------*/

/*	=5:	[NAVIGATION] --------------------------------------*/	

#navigationBar .studioNav {
	padding: 0px 0px 0px 10px;
}
#navigationBar {
	position: relative;
	float: left;
	width: 775px;
	height: 32px;
	margin: 0px 0px 0px 0px;
}

#navigationBar p {
	font-size: 9pt;
	padding: 8px 0px 0px 10px;
	font-weight: bold;
	color: #fff;
}

#navigationBar a {
	color: #fff;
}

#navigationBar a:hover {
	color: #fff;
	text-decoration: none;
}

.topleft {
	position: absolute;
	top: 0;
	left: 0
}

.topright {
	position: absolute;
	top: 0;
	right: 0;
}

.bottomleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*	=6:	[MAIN COLUMN] -------------------------------------*/	

#defaultHeader {
	margin: 10px 0px 10px 0px;
}

#bodyLeft {
	float: left;
	width: 570px;
}

#bodyRight {
	float: right;
	width: 200px;
}

.sIFR-hasFlash h1 {
  font-size: 25pt;
  line-height: 1em;
  color: #ff0000;
}

/*	=7:	[SIDEBAR COLUMN] ----------------------------------*/	

/*	=8:	[FOOTER] ------------------------------------------*/	

#footer #footerLeft p {
	font-size: 8pt;
	padding-top: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#footer #footerLeft a {
	color: #fff;
	font-weight: bold;
}


#footer #ccBar {
	margin-top: 10px;
	float: right;
	width: 210px;
	text-align: right;
	color: #ccc;
}

#footer #ccBar a {
	color: #99cc00;
}

#footer #ccBar a:hover {
	color: #666;
	text-decoration: none;
}


/*	=9:	[LISTS] -------------------------------------------*/	


ul#pinkListing {
	margin: 20px;
}

ul#pinkListing li {
	list-style-image: url(../images/pink_bullet.gif);
}

ol.romanType {
	list-style-type: lower-roman;
}

/*	=10: [FORMS] ------------------------------------------*/	

input {
	border: 1px solid #ccc;
}

form {margin-bottom: 0px;}

#frmDetailsHome {
	margin: 10px;
}

#frmDetailsHome label {
	float: left;
	font-size: 12px;
	width: 150px;
}

#frmDetailsHome h2 {
	font-size: 12px;
	color: #ec008c;
}

/*	=11: [IMAGES] -----------------------------------------*/	

img.leftIt {
	position: absolute;
	left: 0px;
}

img.rightIt {
	position: absolute;
	right: 0px;
}

img.topIt {
	position: absolute;
	top: 0px;
}

img.bottomIt {
	position: absolute;
	bottom: 0px;
}

img {border: 0px; display: block;}	
img.inline { display: inline; }
img.withGap {margin-top: 5px;}

/*	=12: [MISC] -------------------------------------------*/	

.paddLeft {
	padding-left: 10px;
}

.paddTop5 {
	padding-top: 10px;
}

.paddLeft5 {
	padding-left: 5px;
}

.paddLeft9 {
	padding-left: 9px;
}

.paddRight {
	padding-right: 10px;
}

.red { color: #cc0000; }
.blue { color: #00FF00; }
.green { color: #50b300; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.grey { color: #999999; }


.fLeft  {float: left;}
.fRight {float: right;}


/*	=13: [HOMEPODS] -------------------------------------------*/	

.homePod {
	width: 250px;
	height: 150px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
	.homePod img {
		position: absolute;
	}
	
	.homePod .fadeImages {
		position: absolute;
		width: 250px;
		height: 150px;
		top: 0;
		left: 0;
	}
	
	.homePod .podOverlay {
		background: url('../images/pod_background.png') no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		width: 250px;
		height: 150px;
	}
	
	.homePod .podTitle {
		position: absolute;
		bottom: 5px;
		left: 10px;
		font: normal 20px/24px Arial, Helvetica, sans-serif;
		color: #738d97;
	}
	
	.homePod .podTitle a {
		color: #738d97;
		text-decoration: none;
	}
	
	.homePod .podArrow {
		background: url('../images/pod_arrow.png') no-repeat;
		position: absolute;
		bottom: 10px;
		right: 15px;
		width: 14px;
		height: 18px;
		font: normal 20px/24px Tahoma, Geneva, sans-serif;
		color: #eb008b;
	}
	
	.homePod .podSubTitle {
		position: absolute;
		bottom: -20px;
		left: 5px;
		font: normal 14px/18px Arial, Helvetica, sans-serif;
		color: #eb008b;
	}
	
h2 {
	color: #ec008c;
}