/* Default to no margin */

#ie6 {display:none; _display:block; padding: 200px;  width:100%; height: 1000px; background-color:#FFFF99; color:black; font-weight:bold;}

* {margin:0px;}

body {background-repeat:no-repeat; background-position: top center; background-attachment:fixed; font-size:14px; color:White; font-family:Trebuchet MS, Helvetica, sans-serif;}
body {background-color:#DDDDDD; }

#canvas{padding:30px 0px 0px 25px; min-height: 700px; width:1000px;margin-left:auto; margin-right:auto;}
#sending {display:none;} /* element that displays after user hits submit */

a {color:#88ACE0; text-decoration:none;}
a:hover {text-decoration:underline;}

em em { font-weight:bold; font-size: 16px;}

p {margin-bottom: 20px; line-height: 22px;}

h2 {color:#88ACE0; font-weight:normal; margin-bottom:10px;}
h3,h4,h5,h6 {font-size:14px;  color:#88ACE0;}
h2 a {font-size:11px;}

table {width:100%; border-spacing:0px;}
table thead {color:#88ACE0; font-weight:bold; font-size:15px; }
table thead td {border-bottom:1px solid #999999;}
table th { vertical-align:top; width: 100px; text-align:left; font-weight:normal;}
table td {vertical-align:top; padding: 2px 20px 2px 0px; margin:0px;}
table td.label {width:100px; padding-right:0px;}
table td h3 {font-size:15px;}
table td input {width:100%; color:white; border: 1px solid #999999; padding: 3px 0px 3px 0px; background-color:transparent; }
table td textarea {width:100%; height: 100px; color:white; border: 1px solid #999999; padding: 3px 0px 3px 0px; background-color:transparent; }
input.submit {width: auto; border: 1px solid #88ACE0; background-image:url('img/bgpod.png'); color:#88ACE0; padding: 5px 20px 5px 20px;}
input.checkbox {width:auto; height:auto; margin:2px 0px 0px 2px;}
input.radio {width:auto; height:auto; margin:2px 0px 0px 2px;}

.errorMsg {color:red;}
.clear {clear:both; float:none;}
.nav {list-style:none; float:right; width: 150px; }
.nav li {float:left; padding: 3px;}

#header {width:940px; margin-top:-40px;}
#header .topl {display:none;}
#header .topr {display:none;}
#header .top {display:none;}
#header .content {padding-bottom:0px;#padding-top:20px;}
#header h1 {color: White; float:left; font-size: 32px; font-weight:normal; margin:0px;}
#header h1 a {text-decoration:none; color:White;}
#header h1 span {color:#88ACE0;}
#header ul {float:right; list-style:none; margin:10px 0px 0px 0px;}
#header li {float:left; margin:0px 0px 0px 40px; text-transform:lowercase;}
#header li a {color:#88ACE0; font-size:16px;}
#header li a.active {color:White;}
#header li a:hover {color:White; text-decoration:none;}
#header #linebreak {clear:both; border-bottom:1px solid White; height: 8px; width: 920px;}
#header .address { width: 920px; font-size: 12px; text-transform:lowercase; text-align:right; margin-top:10px;}
#header .address label {color:#88ACE0;}
#header .addempty { height: 5px;}

#footer {margin-top:30px; display:none;}
#footer h6 {color: #88ACE0; font-size: 18px; font-weight:normal; margin:0px; text-transform:lowercase;}
#footer .address {font-size: 12px; text-transform:lowercase;}
#footer .address label {color:#88ACE0;}

/* Pod with Rounded Corners
   To Init:	1) create a circle.png for background
		2) create a top and bottom edge for background
		3) define values for each css corner ie. .corner, .topr, .topl etc...
		4) define edges

		// For each instance ...
		5) specify width for pod
*/
.corner {width:10px; height:10px; background-image:url(img/corner.png);}
.topl {}
.topr {background-position:-10px 0px; margin-top:-10px; float:right; }
.botl {background-position:0px -10px;}
.botr {background-position:-10px -10px; margin-top:-10px; float:right;}
.edge {height:10px; margin-top:-10px; padding:0px 10px 0px 10px;}
.top {background-image:url(img/bgpod.png); width:100%; height:100%;_height:0px;}
.bot {background-image:url(img/bgpod.png); width:100%; height:100%;_height:0px;}
.content {clear:both; background-image:url(img/bgpod.png); height:100%; padding:12px; _background-color:transparent;}

/* Generic Pod Types */
div.mainpod {margin-top:30px; width: 940px;}
div.mainpod .content {padding-left: 30px; padding-right:30px;}
div.form { width: 400px; margin-left:auto; margin-right:auto; margin-top:90px;}





/* Home Photos */
#photos {width: 950px; margin-top: 30px; display:none;}
#photos .content { padding:0px; padding-left:12px;}
#photoimg { width: 925px; height: 210px; background-position:-8px -8px;}

/* Home Left */
#intro {width:680px; float:left; margin-top:50px;}
#intro .pod { margin-top:30px;}

/* Home Event */
#event  {height: 135px; }
.event {width:115px; height: 100px; float:left; border-left:1px solid #999999; padding-left: 15px;}
.first {border:0px;}
.event h3 {color:#88ACE0; font-weight:normal; font-size: 16px;}
.event ul {list-style:none; padding:0px;}

/* Home Right */
#right {width: 245px; float:left; margin-left:25px;margin-top:50px;}
#right .pod { margin-top:30px;}

.record {border-top:1px solid #999999; clear:both; margin:10px 0px 0px 0px; height:77px;padding-top:10px;}
.record img { width: 75px; height:75px; float:left; margin-right:10px; border:1px solid White;}
.record ul {list-style:none; font-size:13px;}

/* Login, Forgot, Sign up */
div.form { width: 400px; margin-left:auto; margin-right:auto; margin-top:90px;}
#signup .label { width: 150px;}
#signuplink {margin-top:10px; text-align:center;}


/* Profile Page */
#rail {float:left; width: 310px; margin-top:25px;}
#rail .pod {margin-bottom:20px;}
#rail img { width: 255px; display:block; margin-left:auto; margin-right:auto;}
#rail .content {padding:20px;}
#rail h2 {margin:0px 0px 5px 0px; padding-bottom:5px; border-bottom:1px solid #999999;}
#rail h2 span { color:white; font-style:normal;}
#rail p {text-align:center;}
#rail .friendInfo {float:left; margin: 8px 8px 8px 0px; width: 60px; text-align:center;}
#rail .friendInfo img {width: 50px; height:50px; border: 0px; }

#comment { width: 600px; float: left; margin-left:30px; margin-top:25px;}
#comment .content {padding:20px;}
#comment table {width:95%;}
#comment td {padding: 5px;}
#comment td.label {width: 80px; text-align:right; vertical-align:top; padding-right: 20px;}
#comment input {color:white; width: 100%; border:1px solid #999999; background-color:transparent; }
#comment textarea {width: 100%; height:100px; color:white; border:1px solid #999999; background-color:transparent;}
#comment input.submit {width: 150px;  height: 30px; font-size: 13px; background-image:url('img/bgpod.png'); color: #88ACE0; border: 1px solid #999999; margin-top:5px;}

.commentRow {margin-top: 10px; border-top:1px solid #999999;}
.commentRow h5 {color:White; margin-top:10px; margin-bottom:10px; font-size:14px;}
.commentRow .commentFooter {margin-top:10px; font-size:10px;}

/* Friend and Users Page */
#rail .section {margin-bottom: 30px;}
 .user {height: 80px;}
 .user img { width: 75px; height: 75px; float:left; margin-right: 10px; }
#rail .user img { width: 75px; height: 75px; float:left; margin-right: 10px; }
 .user .info {float:left;}
 .user .info h3 {text-align:left; margin: 0px 0px 10px 0px; font-size: 20px; font-weight:bold; color:white;}
 .user .info a {color:white;}

#friend {width: 500px; float:left; margin-left: 30px; margin-top:25px;}
#searchUserContainer {text-align:center; margin:30px 0px;}

#windowInvitation {width: 400px; height: 250px; /*margin-left:-175px; margin-top:-75px;*/ background-color:#333333;}
#windowInvitation textarea {border: 1px solid #999999; width: 375px; margin: 10px auto 10px auto; height: 160px;}

div.userresult { width: 450px; float:left; margin-left:25px; margin-top:20px;}
div#userresult-header {text-align:left;}
div#searchform {margin-left:0px; text-align:left; margin-bottom:500px;}
div#searchform input.submit {margin-top:20px;}

/* Messaging Pages */
#msgbox {width: 700px; margin-left:auto; margin-right:auto; margin-top:30px;}
#msgbox h2 {text-align:center;}
#msgbox #msgnav {text-align:center;}
#msgbox .unread {background-color:#666666;}
#msgbox div.autocomplete ul { background-color: #111111;}
#msgbox div.autocomplete ul li { background-color: #111111;}
#msgbox div.autocomplete ul li.selected { background-color: #222222;}

#ids{background-color:transparent; }
table td input#autocomplete_input {background-color:transparent; background-image:none;}

.emptyMsg {text-align:center;}

/* Theme Page */
#theme .content {padding-left: 30px;}
#theme ul {padding:0px;}
#theme ul li {padding:0px; margin:0px 0px 0px 10px;}

/* Blog Page */
#blog { width: 600px; float: left; margin-left:30px; margin-top:25px;}
#blog .blognav {list-style:none; float:right; width: 150px; }
#blog .blognav li {float:left; padding: 3px;}
#blog .blogBody {margin-top:10px; margin-bottom:20px;}
#blog .comment {display:block;padding:10px 0px;}
#blog h2 {margin-bottom:2px;}
#blog span.date {font-style:italic; font-size:11px; }
#myfacepalms {height: 400px;}

/* Forum */
ul#forum-breadcrumb {list-style:none;padding:0px; height: 20px; margin-bottom: 10px;}
ul#forum-breadcrumb li {float:left; padding-right: 5px;}
form.forum-header {height: 40px;}
form.forum-header a {float:none; clear:both;display:block;}
form.forum-header h2 {float:left;}
form.forum-header input {float:right;}
ul.forum-nav {float:left; padding-left:0px; padding-top: 20px;}
div.forum-post {width:100%;}
div.forum-post ul {list-style:none; padding:0px; width: 175px; height: 50px; float:left;}
div.forum-post ul li em {font-size:11px;}
div.forum-post div.message {border-left:1px solid #333333;float:left; width: 650px;padding-left: 30px; margin-bottom: 5px; }

/* My Account */
#accountpod table.form {width: 350px; float:left;}
#profilesubmit {margin:20px auto; display:block;}

/* My Account - gallery */
form h2.attachment {margin-top:35px;}
ul.attachment { list-style:none; margin-left: 10px;margin-top:5px;}
ul.attachment li {padding: 5px;}
ul.attachment li.header {border-bottom:1px solid #333333; font-weight:bold; }
ul.attachment li.header div {}
ul.attachment li div {float:left; cursor:move;}
ul.attachment div.lstart { width: 100px; height: 5px;}
ul.attachment div.l0 {width:100px;}
ul.attachment div.l1 {width:300px;}
ul.attachment div.clear {width: 0px; height:0px; float:none; clear:both; padding:0px; background-color:transparent;}
ul.attachment input.submit {padding: 2px; margin:1px;}
.addmulti {padding:10px;}
.addmulticontrols {margin-bottom:30px;}
.addmulticontrols label{margin-left: 700px;}
.addmulticontrols thead td {border-width:0px;}