/* Global stuff
-----------------------------*/
* {
 font-family: "Arial";
 color: #686868;
 font-size: 12px;
}

html {
 height: 100%;
 width: 100%;
}
 
body {
 margin: 0px;
 padding: 0px;
 background: #ffffff;
}

a {
 color: #D500B5;
 text-decoration: none;
}

a:hover {
 color: #330033;
 text-decoration: underline;
}

img {
 padding: 2px;
 border: 1px solid #bababa; 
 margin-right: 10px;
}

.noborder {
 border: 0px;
}



/* Content
-----------------------------*/
 
div#topbanner {
 height: 18px;
 padding: 3px 10px 0 0;
 background: url(http://images.stylepad.com/images/bg_gray.gif); 
 border-bottom: 1px solid #D0D0D0;
 border-right: 1px solid #D0D0D0;
 border-left: 1px solid #D0D0D0;
}
div#topbanner div {
 width: 100%;
 text-align: right:
}
div#topbanner div p {
 margin: 0;
 padding: 0;
 text-align: right;
}


div#content_full {
 position: relative;
 width: auto;
 text-align: center;
 margin: 0px 20px 0px 20px;
 display: block;
}  




div#content {
 position: relative;
 width: 780px;
 text-align: center;
 margin: 0 auto;
 display: block;
}  


/* Topnav 
-----------------------------*/
 
div#topnav {
 position: relative;
 height: 40px;
 margin: 0 auto;
 background-color: #ffffff;
 /*background: transparent url(/images/header.gif) no-repeat bottom right;*/
 text-align: center;
}
 
div#topnav #logo {
 position: relative;
 float: left;
 font-family: "Times New Roman";
 color: #611F5F;
 font-size: 25px;
 text-align: left;
 margin-top: 0px;
 margin-left: 0px;
 width: 300px;
}

div#topnav #logo img {
 border: 0;
}

div#topnav #right {
 position: relative;
 float: right;
 text-align: right;
 margin-top: 18px;
}


/* Subnav 
-----------------------------*/

div#subnav {
 position: relative;
 display: block;
 width: 100%;
 height: 20px;
 margin: 0;
 padding-top: 7px;
 text-align: left;
 /*background: transparent url(/images/subheader.gif) no-repeat bottom center;*/
 background-color: #F4CDE4;
 border-top: 1px solid #611F5F;
 border-bottom: 1px solid #D0D0D0;
 border-right: 1px solid #611F5F;
 border-left: 1px solid #611F5F;
}

div#subnav #subnav_wrapper_a {
 position: relative;
 display: block;
 left: 10px;
}

div#subnav_wrapper_a a {
 color: #3c3c3c;
 text-decoration: none;
 /*font-weight: bold;*/
 font-size: 12px;
}

div#subnav_wrapper_a a:hover {
 color: #666666;
 text-decoration: none;
}

div#subnav_wrapper_a .login {
 color: #3c3c3c;
 text-decoration: none;
 /*font-weight: bold;*/
 font-size: 10px;
}

div#subnav #subnav_wrapper_a #searchbox {
 text-align: right;
 display: block;
 right: 30px;
 margin-right: 20px;
 margin-top: -19px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding: 0 0 0 0px;
}

div#subnav #subnav_wrapper_a #searchbox .box {
 font-size: 11px;
 width: 120px; 
}








/* Subnav Profile
-----------------------------*/
div#nav_user a {
 font-size: 11px;
 float: left;
 display: block;
 color: #ffffff;
 text-decoration: none;
 padding: 5px;
}

div#nav_user a:hover { 
 font-size: 11px;
 background: #F4CDE4; 
 color: #000;
}

div#nav_user ul { 
 list-style-type: none;
 padding: 5px 0 26px 0;
 padding-bottom: 16px;
 margin: 0 0 0 0px;
}

div#nav_user ul li {
 float: left;
 height: 24px;
 background-color: #990182;
 margin: 2px 2px 0 0px;
 border-top: 1px solid #D0D0D0;
 border-right: 1px solid #D0D0D0;
 border-left: 1px solid #D0D0D0;
 font-size: 11px;
}

div#connect_wrapper {
 position: absolute;
 top: 105px;
 right: 10px;
 text-align: right;
}


li#active a {
 font-size: 11px;
 background-color: #F4CDE4;
 color: #000; 
}



/* Main
-----------------------------*/

div#main {
 position: relative;
 text-align: center;
 margin-top: 10px;
 padding: 6px;
 border: 1px solid #D0D0D0;
 height: auto;
 background-color: transparent;
}

div#main #main_wrapper_a {
 text-align: left;
}



/* Footer
-----------------------------*/


div#footer {
 position: relative;
 text-align: center;
 margin-top: 10px;
 padding: 6px;
 font-size: 10px;
}


div#footer a {
 color: gray;
 text-decoration: none;
 font-size: 10px;
}

div#footer a:hover {
 color: #330033;
 text-decoration: none;
 font-size: 10px;
}








/*  Table style
----------------------------------*/

.table00 {
 text-align: left;
 padding: 2px; 
}

.table00 td {
 padding: 1px; 
}

.table01 {
 text-align: left;
 padding: 7px; 
 font-weight: normal;
}

.table01 td, th {
 padding: 5px; 
 font-weight: normal;
}

.table01_rightline {
 text-align: left;
 padding: 7px; 
 border-right-width: 1px;
 border-right-style: solid; 
 border-right-color: #D0D0D0;
 font-weight: normal;
}

.table01_rightline td, th {
 padding: 5px; 
 font-weight: normal;
}


.table02 {
 width: 100%;
 text-align: left;
 padding: 0px; 
 border-collapse: separate;
 /*border: 1px solid #D0D0D0; */
}

.table02 td, th {
 padding: 3px; 
 border-collapse: separate;
 border-spacing: 12px;
}

.table02 .rightline {
 padding: 3px; 
 border-right-width: 1px;
 border-right-style: solid; 
 border-right-color: #D0D0D0;
}


.table03 {
 width: 100%;
 text-align: left;
 border: 1px solid #D0D0D0; 
}

.table03 td, th {
 padding: 5px; 
 border-collapse: separate;
 border-spacing: 2px;
}


.table04 {
 width: 100%;
 text-align: left;
 padding: 0px;
}

.table04 td, th {
 padding: 0px; 
}


/* ----------
table look
*/
.table_look {
 text-align: left;
}

.table_look .details {
 background-color: #fff;
}

.table_look .comments {
 background-color: #ecf2f7;
 /*padding: 1px 10px 1px 3px;*/
 
}

.table_look a {
 color: #6666cc;
 text-decoration: none;
}
.table_look a:hover {
 color: #330033;
}



.table_look .details a {
 color: #D500B5;
 text-decoration: none;
 font-size: 10px;
}
.table_look .details a:hover {
 color: #330033;
}


/* ----------
table discussions
*/

.table_discuss {
 width: 100%;
 text-align: left;
}

.table_discuss .category {
 background-color: #990182;
}

.table_discuss .category .header1 {
 color: #fff;
 font-weight: bold;
 font-size: 13px;
}
.table_discuss .category .header2 {
 color: #fff;
}

.table_discuss .colheader {
 background-color: #e2e2e2;
 height: 15px;
}

.table_discuss .colheader td {
 color: #4f4f4f;
 font-weight: bold;
 font-size: 11px;
}




.table_discuss .name {
 color: #4f4f4f;
 text-decoration: underline;
 font-weight: bold;
 font-size: 13px;
}

.table_discuss .desc {
 color: #4f4f4f;
 font-size: 11px;
}

.table_discuss .desc a{
 color: #4f4f4f;
 font-size: 11px;
 text-decoration: underline;
}




.table_discuss .lastpost {
 font-weight: bold;
 font-size: 12px;
}





.table_discuss .forum td {
 background-color: #fff;
}
.table_discuss .forum_shade td {
 background-color: #f0f0f0;
}



.table_discuss a {
 color: #6666cc;
 text-decoration: none;
}
.table_discuss a:hover {
 color: #330033;
}

.table_discuss .details a {
 color: #D500B5;
 text-decoration: none;
 font-size: 10px;
}
.table_discuss .details a:hover {
 color: #330033;
}






.table_discuss_post {
 width: 100%;
 text-align: left;
 /*border: 1px solid #D0D0D0;*/
}
.table_discuss_post .headerbar td {
 background-color: #990182;
}
.table_discuss_post .headerbar .header1 {
 color: #fff;
 font-weight: bold;
 font-size: 10px;
}
.table_discuss_post .headerbar .header2 {
 color: #fff;
 font-style: italic;
 font-size: 10px;
}

.table_discuss_post td {
 background-color: #fff;
}
.table_discuss_post .title {
 font-weight: bold;
}



/* ----------
table compliment
*/
.table_compliment {
 padding: 0;
 margin: 0;
 text-align: left;
 width: 100%;
 display: block;
}

.table_compliment td {
 background-color: #ecf2f7;

}












/* Form styles 
---------------------------------*/
.textinput01 {
 width: 200px;
 background-color:  #fffee5;
 border: 1px solid black; 
 font-weight: bold; 
 color: black;
 font-size: 12px;
 padding: 1px;
}

.textinput01_large {
 width: 300px;
 background-color:  #fffee5;
 border: 1px solid black; 
 font-weight: bold; 
 color: black;
 font-size: 12px;
 padding: 1px;
}



.textinput01_medium {
 width: 150px;
 background-color:  #fffee5;
 border: 1px solid black; 
 font-weight: bold; 
 color: black;
 font-size: 12px;
 padding: 1px;
}

.textinput01_small {
 width: 50px;
 background-color:  #fffee5;
 border: 1px solid black; 
 font-weight: bold; 
 color: black;
 font-size: 12px;
 padding: 1px;
}


.caption_media {
 width: 120px;
 background-color:  #fff;
 border: 1px solid gray; 
 color: black;
 font-size: 10px;
 padding: 1px;
}



.submit01 {
 width: 100px;
 border: 1px solid black; 
 font-weight: bold; 
 color: black;
 font-size: 12px;
 padding: 1px;
}

.submit01_small {
 width: 50px;
 border: 1px solid black; 
 font-weight: bold; 
 color: black;
 font-size: 12px;
 padding: 1px;
}


.submit_vote_yes {
 width: 30px;
 border: 1px solid black; 
 font-weight: bold; 
 background-color: #00cf00;
 color: #fff;
 font-size: 12px;
 padding: 1px;
}

.submit_vote_no {
 width: 30px;
 border: 1px solid black; 
 font-weight: bold; 
 background-color: #ce0000;
 color: #fff;
 font-size: 12px;
 padding: 1px;
}







/*  Special fonts
---------------------------------*/

.font00 {
 text-decoration: none;
 font-size: 10px;
}

.font00 a {
 text-decoration: none;
 font-size: 10px;
}


.font_tag1 a {
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
}

.font_tag1 a:hover {
 text-decoration: underline;
}

.font_tag2 a {
 text-decoration: none;
 font-weight: bold;
 font-size: 14px;
}
.font_tag2 a:hover {
 text-decoration: underline;
}
.font_tag3 a {
 text-decoration: none;
 font-weight: bold;
 font-size: 16px;
}

.font_tag3 a:hover {
 text-decoration: underline;
}

.font01 {
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
}

.font01 a {
 font-weight: bold;
}


.font01_red {
 color: red;
}

.font01_green {
 color: green;
}





.font02 {
 color: #611F5F;
 font-size: 16px;
 font-weight: bold;
}

.font02_red {
 color: red;
 font-size: 16px;
 font-weight: bold;
}

.font02_green {
 color: green;
 font-size: 16px;
 font-weight: bold;
}


.font02 a {
 color: #611F5F;
 font-size: 16px;
 font-weight: bold;
 text-decoration: underline;
}

.font03 {
 color: #611F5F;
 font-size: 20px;
 font-weight: bold;
}


.font03 a {
 color: #611F5F;
 font-size: 20px;
 font-weight: bold;
 text-decoration: underline;
}

.font04 {
 color: #D500B5;
 text-decoration: none;
 font-size: 13px;
}

.font05 {
 color: #000;
 text-decoration: none;
 font-style: italic;
 font-size: 12px;
}

.font06 {
 color: #611F5F;
 font-size: 24px;
 font-weight: bold;
}


.forum_breadcrumb {
 color: #000;
 text-decoration: none;
 font-size: 14px;
}

.forum_breadcrumb a {
 text-decoration: none;
 font-size: 14px;
}


.font_banner  {
 color: #611F5F;
 font-size: 20px;
 font-weight: bold;
}



.font_banner a {
 color: #611F5F;
 font-size: 20px;
 font-weight: bold;
 text-decoration: underline;
}





.hr01 {
 height: 1px;
 width: 98%;
 color: #D0D0D0;
 background: #D0D0D0;
 border: 0 none;
}

