/* 
	RopeMarks.com stylesheet 
	(NO COLORS!)
*/

/* --- simple selectors -- */
body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em; /* base size, use % for the rest */
	/*behavior: url(D:/projects/RopeMarks.05/site/RopeMarks/styles/csshover.htc);*/
	behavior: url(/styles/csshover.htc);
}

h1, h2, h3, h4  {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }

h5 { 
/* Heading 5 is used as "main heading"
*/
	position: relative; /* Peek-A-Boo */
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding: 1px 4px 2px 4px;
}
h6 { 
/* Heading 6 is used as "sub heading"
*/
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding: 1px 4px 2px 4px;
}

p {
	margin-top: 0px;
	padding-top: 0px;
}

/*	--------------------------------------------------------------------------------
	Anchors
	--------------------------------------------------------------------------------
*/

/*	----------------------------------------
	Basic anchor
*/
a {
	cursor: hand;	
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}

/*	----------------------------------------
	flat anchor
*/
.flatAnchor a:link, .flatAnchor a:visited {
	text-decoration: none;
}
.flatAnchor a:hover, .flatAnchor a:focus, .flatAnchor a:active {
	text-decoration: underline;
}

/*	----------------------------------------
	menu anchor
*/
ul.vLinks {
	list-style-image: none;
	list-style-type: none;	
	margin: 2px 2px 4px 0px;
	padding: 2px 0px 2px 0px;
	line-height: 150%;
}
ul.sub_vlinks
{
	margin: 2px 2px 4px 0px;
	padding: 2px 0px 2px 0px;
}

/*	--------------------------------------------------------------------------------
  Full redefinition of a <form /> and its form- components.
  Includes a number of custom classes for form-components.
	--------------------------------------------------------------------------------
*/
/*	----------------------------------------
*/
form {
	position: relative; /* IE Disappearing border/background, Peek-A-Boo bug */
	display: block;
	border: 1px dashed;
	margin: 2px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}


/*	--------------------------------------------------------------------------------
	Generic classes
	--------------------------------------------------------------------------------
*/
.show { 
	visibility: visible; 
}
.hide {	
	visibility: hidden; 
	display: none; 
}
.delim_list { 
	display: inline; 
}

/*	--------------------------------------------------------------------------------
	Generic 2 column design
	--------------------------------------------------------------------------------
*/
.cols {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 99%;
	padding: 2px 2px 2px 2px;
}
.cols70 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 69%;
	padding: 2px 2px 2px 2px;
}
.col1{
	position: relative;
	float: left;
	top: 0px;
	width: 49%;
}
.col2 {
	position: relative;
	float: right;
	top: 0px;
	width: 49%;
}



/*	--------------------------------------------------------------------------------
	Menu layout
	--------------------------------------------------------------------------------
*/
div#mainmenu
{
	z-index: 1000; /* always on top */	
	padding: 0px 0px 0.15em 0px;
	margin: 0px;
}

div#mainmenu ul
{
	list-style-type: none; 		
	padding: 0px;
	margin: 0px;	
}
ul.menu ul
{
	display: none;
	position: absolute;
	border: 1px solid;
	border-top: none;
	z-index: 1000; 
}

ul.menu li
{
	float: left;
	padding: 1px;
	border: 1px solid;
	margin: 0px 6px 0px 0px;
}
ul.menu li:hover
{
	border: 1px inset;	
}
ul.menu li:hover ul
{
	display: block;
}

ul.menu li.right
{
	float: right;	
}

ul.menu li li
{
	float: none;
	padding-right: 4px;
	margin-right: 0px;	
}

ul.menu li a,
ul.menu li a:visited
{
 	display: block; /* fill the LI, click anywhere in the LI */	
	text-decoration: none;	
}

/*	--------------------------------------------------------------------------------
	Page layout
	--------------------------------------------------------------------------------
*/

#page {
	border: 1px solid;
	padding: 0px 8px 0.8em 8px;
}
#header {	
}
.pageTitle,
.pageSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	padding-top: 8px;
}
.pageSubTitle {
	font-size: 100%;
}

#content {
	margin-top: 10px;
}

.td_sidebar_left,
.td_sidebar_right {
	width: 150px;	
}

#footer {
}

#partners {
	margin-top: 3em;
	text-align: center;
	font-size: 80%;
}

/*	----------------------------------------
*/
.section,
#whatsnew {
	border: 1px solid;
	padding: 2px 4px 2px 4px;
	margin-bottom: 1em;	
}
.section h5 { 
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding: 1px 4px 2px 4px;
}
.section ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0px 0px 0.7em 4px;
	margin: 0px 0px 0.7em 0px;
}
.section p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0.7em 0.7em;
}

/*	--------------------------------------------------------------------------------
	What's New
	--------------------------------------------------------------------------------
*/

/* derives from .section */
#whatsnew {
	float: right;
	border: 1px dashed;
	margin-left: 10px;
}

#news {
	font-size: 80%;

	width: 200px;
	height: 250px;
	overflow: auto;
	
	padding: 4px 4px 4px 4px;
	margin: 0;
}
#news .rss{
	text-align: right;
	font-size: 75%;
}
#news dl {
	margin-top: 0px;
}
#news dt {
	padding: 1px;
	margin-top: 10px;
}
#news dd {
	border-left: 1px solid;
	padding-left: 2px;
	margin-left: 3px;
}
#news dd.item {
	font-weight: bold;
	margin-top: 5px;	
}
#news dd.item a {
	font-weight: bold;
	margin-top: 5px;	
}

/*	--------------------------------------------------------------------------------
	Portfolio
	--------------------------------------------------------------------------------
*/

#portfolio_thumbs
{
	width: 130px; 
	height: 600px; 
	text-align: center; 
	overflow: auto;
}


/*	--------------------------------------------------------------------------------
	In the media
	--------------------------------------------------------------------------------
*/

/* Magazines */
.magazines {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.magazine {
	float: left;
	width: 200px;
	height: 320px;
	border: 1px solid;
	margin-left: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 90%;
}
.magazine p {
	margin-top: 2px;
	margin-left: 8px;
}

/* Newspapers */
.newspapers {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.newspaper {
	float: left;
	width: 200px;
	height: 320px;
	border: 1px solid;
	margin-left: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 90%;
}
.newspaper p {
	margin-top: 2px;
	margin-left: 8px;
}

/* Book */
.book {
	position: relative; /* IE Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 1px solid;
	padding: 0px 0px 4px 0px;
	margin-bottom: 25px;
}
.book p {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
}

/* Tear Sheets */
.tearsheets_coll {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
}
.tearsheets {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	border: 1px solid;
	padding-bottom: 2px;
	margin-bottom: 10px;
	font-size: 90%;
}
.tearsheets p {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
}
.tearsheets_hscroll {
	height: 265px;
	width: 584px;
	white-space: nowrap;
	overflow: auto;
	padding: 0px;
	margin: 0px 8px 0px 8px;
}

/* Television */
.television {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
	border: 1px solid;
	margin-bottom: 1em;
}
.television p {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
}

/* DVD */
.dvd {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
	border: 1px solid;
	margin-bottom: 1em;
}
.dvd p {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
}

/* Radio media items */
.radio {
	position: relative; /* IE - Peek-A-Boo */
	/*margin-left: auto;
	margin-right: auto;
	width: 100%;	*/
	border: 1px solid;
	margin-bottom: 1em;
}
.radio p {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
}

/* Other media items */
.other {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
	border: 1px solid;
	margin-bottom: 1em;
}
.other .imgMain {
	padding-left: 8px; 
	margin-right: 8px;	
}
.other p {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
}

/*	--------------------------------------------------------------------------------
	Shows
	--------------------------------------------------------------------------------
*/

#show_thumbs {
	width: 130px; 
	height: 650px; 
	text-align: center; 
	overflow: auto;
}

/*	--------------------------------------------------------------------------------
	Workshops
	--------------------------------------------------------------------------------
*/

#survey
{
	/* placeholder */
}

#survey .error
{ /* the error block above the form */
	padding: 1px;
	color: Black;
	background-color: #FF9999;	
	border: 1px solid Red;
	margin: 2px;
}
#survey .send
{ /* the send block above the form */
	padding: 4px;
	color: black;
	background-color: #99FF99;	
	border: 1px solid Green;
	margin: 2px;
}


#survey .tblQuestions
{
	margin-bottom: 2%;
}
#survey .tblQuestions td
{
	margin: 0px;
	padding: 0px;
	padding-right: 2px;
}


/*	--------------------------------------------------------------------------------
	Shop
	--------------------------------------------------------------------------------
*/
.tblShopBook,
.tblShopMusic,
.tblShopDVD {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	border: 0px;
	padding: 3px;
	margin-bottom: 1em;
}
.trShopBook,
.trShopMusic,
.trShopDVD {
	padding-bottom: 10px;
}

div.art {
	position: relative; /* IE - Peek-A-Boo */
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
	border: 1px solid;
	margin-bottom: 1em;
}
div.artLining {
	clear: both;
	padding-left: 4px;	
	padding-bottom: 8px;
}
div.art .tdArtPhoto {
	width: 325px;
}
.tdArtPhoto img {
	border: 5px solid;
}
div.art p {
	margin-top: 2px;
	margin-left: 8px;
	margin-right: 8px;
}



/*	--------------------------------------------------------------------------------
	Autorank page!
	--------------------------------------------------------------------------------
*/

.autorank #header
{
	padding-top: 0px;
	margin-top: 0px; 
}
.autorank .flatAnchor
{
	border: 1px solid;
}
.autorank .sideSection tbody
{
	text-align: left;
}

/*	--------------------------------------------------------------------------------
	--------------------------------------------------------------------------------
*/
.bigger
{
	font-size: 125%;
}
.big
{
	font-size: 150%;
}

.spacer {
	clear: both;
}

.remark,
.remarks {
	font-size: 70%;
}

.right
{	
	float: right;
}

.imageLeft {
	float: left;
	margin-right: 4px;
}
.imageRight {
	float: right;
	margin-left: 4px;
}

.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 110%;
}

/* EOF */