/* style.css */

html {}

body {	
	font-size: 1em;
	font-family: Georgia, "times new roman", "Trebuchet MS", garamond, serif;
	background-image: url('../images/pinkpinstripe2.png'); 
	color: white; 
	text-align: center;
}

/* ORIGNAL demo page css
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
*/

/* CUSTOMIZED demo page css */
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}


div#wrapper {
	width: 960px;
	margin: 0 auto;
}

div#all {
	margin: 0 10px;
	text-align:left;
}

/* Logo */
#sexylogo {
	position:relative;
	margin: 40px 50px 20px 50px;
/*	padding: 0 0 50px 0; */
}

#sexy { 
	position: relative;
	display: inline;
	color: #f0f;
	font-weight: bold;
	font-style: italic;
	font-size: 36pt;
	font-family: Palatino, Georgia, "Times New Roman", serif;
}

#development { 
	position: relative;
	display:inline;
	top: 10px;
	left: -10px;
	color: #f0f;
	font-size: 16pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#slogan {
	float: right;
	text-align:right;
	font-family: Courier, "Courier New", serif;
	font-style: normal;
	font-size: 1em;
	color: #f0f;
}

.trademark {
	font-size: 0.5em;
	vertical-align: top;
}