/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 verdana, Helvetica, sans-serif; color:#360536; background:#eecdee url(images/bg.gif) repeat-y center top} 
	
body{overflow: -moz-scrollbars-vertical;}
table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:960px; text-align:left;  margin-left:auto; margin-right:auto; } 
#wrapper{padding-top:15px}
ul{list-style:none; font-size:1.1em}
a{color:#360536; text-decoration:none; outline:0 }
a:hover{color:#D47AD1; text-decoration:underline; }
.clr{clear:both}

p{font-size:1.1em; line-height:1.7em; margin-bottom:1.3em; color:#360536; font-size:1.2em}

h1,h2,h3{font-weight:normal; color:#360536; padding:0; margin:0}
h1,h2.blog{font-size:3.0em; border-bottom:1px solid #360536; margin-bottom:15px}
h2{font-size:2.2em; }
h3{font-size:1.8em; margin-bottom:8px}
sup{color:#990000}
#bread a{color:#360536}

/*----NO UNDERLINE------------------------------*/
ul#nav li a{border-bottom:none}

/*----MODULES------------------------------*/
.module{width:188px; background:url(images/module-mid.gif) repeat-y; float:left; margin-bottom:15px}
.module .top{ padding:0; margin:0; height:40px }
.module .bottom{background:url(images/module-bottom.gif) no-repeat left bottom;  padding:0; margin:0; height:5px; font-size:0  }
.module p {padding:0 10px; margin:0 0 3px 0; color:#360536; font-size:1.2em }

.module-nav, .module-pic{float:right}
.module-login{float:left}
.module-nav .top{background:url(images/module-header-nav.gif) no-repeat left top;}
.module-pic .top{background:url(images/module-header-pic.gif) no-repeat left top;}
.module-pic img{margin: 2px 0 1px 6px}

.module-login .top{background:url(images/module-header-login.gif) no-repeat left top;}
.module-membership .top{background:url(images/module-header-membership.gif) no-repeat left top;}
.module-logout .top{background:url(images/module-header-logout.gif) no-repeat left top;}
.module-tag .top{background:url(images/module-header-tag.gif) no-repeat left top;}
.module-archive .top{background:url(images/module-header-archive.gif) no-repeat left top;}


/*---------------HEADER---------------*/
#header{position:relative; height:222px; width:960px; display:block; background-image:url(images/header.jpg);}

#logo{float:left; width:540px; height:120px;  margin:20px 0 0 200px; display:inline; font-size:2.5em; text-indent:-6000px}
#logo a{width:540px; height:120px; display:block; overflow:hidden; font-size:1.0em; font-weight:bold; color:#DFD40E; text-decoration:none}
#header-email{font-size:2.8em; font-weight:bold; width:400px; text-align:center; margin:0 auto}



/*---------------NAV---------------*/ 
ul#nav{width:165px; margin:0 0 10px 9px}
ul#nav li{padding:0; width:100%; font-weight:bold; font-size:1.1em;  height:32px; line-height:32px; border-bottom:1px solid #600e60; padding-left:5px}
ul#nav li a{color:#600e60; width:100%; height:32px; display:block;}
ul#nav li a:hover{color:#FF0000}
ul#nav li a, #footer a{text-decoration:none}


/*---------------TWO COLs---------------*/
#twocols{width:735px; float:right; position:relative}

/*---------------MAIN COL---------------*/
#maincol{ float:left; display:inline; position: relative; width:510px; }
#maincol ul{font-size:1.2em; list-style-type:disc}
#maincol ul li{margin-left:20px; padding-left:0}
body#video #maincol ul li{margin-left:0px; padding-left:0}

a.highlight{color:#D47AD1; text-decoration:none; outline:0 }
a.highlight:hover{color:#D47AD1; text-decoration:underline; }

/*---------------LEFT COL---------------*/
#leftcol{width:200px; float:left; position:relative; margin:0; display:inline;  height:auto !important; height:715px; min-height:715px}

/*---------------RIGHT COL---------------*/
#rightcol{ float:right; display:inline; position: relative; width:200px; margin:0;}

/*---------------PROFILE---------------*/
body#profile #maincol img{float:right; margin:10px; padding:3px; background-color:#EECDEE; border:1px solid #360536 }

/*---------------LOGIN SIDE MODULE---------------*/
form#login input.field{width:158px; margin:8px 0 3px 0}
form#login input.submit{width:60px; font-size:1.0em; color:#360536; padding:0px; margin:2px 0}
form#login p.register-login{margin:-25px 0 10px 65px; }
form#login p.forgotten, form#login p.register-login{font-size:1.1em}

#login-container-left{width:290px; border-right:1px solid #D9DFE4; float:left; margin-top:20px}
#login-container-right{width:190px; float:right; margin-top:20px}
body#login p a{text-decoration:underline}


/*-----------------BLOG--------------------*/
.blog-cont{margin-bottom:30px}
p.date{margin-top:-10px}
p.tags{font-size:1.1em}

ul#cloud{ margin:0 auto; width:165px}
ul#cloud li{float:left; margin-right:4px}

/*---------------MEMBERSHIP---------------*/
p.register-membership{margin:10px 0; }
p.register-membership a{text-decoration:underline}


/*---------------GALLERY---------------*/
.gallery{width:113px; height:170px; text-align:center; float:left; margin:10px 0 20px 11px; padding:0; font-weight:1.3em; display:inline}
.gallery .title{font-size:1.1em; margin-top:6px}
.gallery a {font-weight:bold; border:none}

.gallery-detail{width:150px; height:150px; text-align:center; float:left; margin:10px 0 15px 15px; display:inline}


/*---------------FRIENDS---------------*/
ul.friend{margin:15px 0 20px 0; padding:0; list-style:none}
ul.friend li.title{margin-bottom:5px}
ul.friend li{ font-size:1.1em; list-style:none}
ul.friend li a{ font-weight:bold}

/*---------------VIDEOS---------------*/
ul.video-cont{width:510px; float:left; margin:0; padding:0; margin-bottom:15px; border-bottom:1px solid #456; padding-bottom:15px}
ul.video-cont li{list-style-type:none; margin:0; padding:0}
ul.video-cont li.screen{width:280px; height:238px; float:left}
ul.video-cont li.title,ul.video-cont li.summary,ul.video-cont li.time{width:208px; float:right; margin-bottom:8px}
ul.video-cont li.title{font-weight:bold}

/*---------------CONTACT---------------*/
form#contact{width:450px; margin:15px auto 0 auto; padding:1px; border:6px solid #F5B3F3; font-size:1.1em;}
form#contact input.field,form#contact-sm input.field, form#contact select, form#contact textarea, form#login input.field{font-family: Arial, Helvetica, sans-serif; font-size:1.0em; color:#360536; padding:3px; border:1px solid #bccad3}
form#contact input.field-long{width:250px}
form#contact input.field-sm{width:80px}
form#contact select{width:250px}
form#contact textarea{width:250px}
form#contact p, form#contact-sm p{width:100%; padding:6px 0; margin:0;  color:#360536; background-color:#ffe7ff; border-bottom:1px solid #fff}
form#contact p label{width:140px; float:left; display:inline; text-align:right; padding-right:4px}
form#contact fieldset, form#login fieldset, form#contact-sm fieldset {width:100%; border:none; margin:0; padding:0;}
form#contact legend, form#login legend, form#contact-sm legend{display:none}
form#contact img{border:1px solid #B3D0DD}
form#contact p span.submit{margin-left:145px}
form#contact p span.indent{margin-left:105px}

form#contact-sm{width:250px; padding:1px; border:6px solid #F5B3F3; font-size:1.1em;}
form#contact-sm p label{width:80px; float:left; display:inline; text-align:right; padding-right:4px}
form#contact-sm input.field{width:140px}
form#contact-sm p span.submit{margin-left:80px}

/*---------------- SITEMAP---------------------------*/
ul#sitemap li{margin:4px 0}
ul#sitemap li ul li{font-size:0.9em; margin-left:10px}

/*---------------FOOTER---------------*/
#footer{width:960px;  clear:both; text-align:center; font-size:1.1em; color:#360536; margin:20px 0 10px 0}
#footer a{color:#360536}