<!--

* {
    margin:0;
    padding:0;
    border:0
    }

html, 
body {
    height:100%;
    background:#FFF;
    }

html {
    }

body {
    font: normal normal normal 62.5%/150% "Century Gothic", Verdana, Arial, Helvetica;
    color:#222;
    background:#FFF;
    min-width:800px
    }

body#gallery {
    background:#FFF url(../images/bg_left.png) no-repeat center left;
    }

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

hr {
    background:#444444;
    margin:10px 0
    }
    
/* -- layout -- */

#container {
    padding:50px 0;
    width:920px;
    margin:0 auto
    }


#slide_outer {
    min-width:800px;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
    }

#navigation {
    border-left:10px solid #222222;
    width:150px;
    height:450px;
    list-style:none
    }

#gallery #navigation {
    position:absolute;
    top:-70px;
    width:auto;
    left:20px;
    z-index:2
    }

#navigation li {
    margin:10px 0;
    }
    
#navigation li a {
    color:#FFF;
    background:url(../images/navigation_bg.png) no-repeat bottom right;
    line-height:31px;
    display:block;
    padding:0 40px 0 10px;
    text-transform:uppercase;
    text-align:right;

    }
    
#navigation li a:hover,
#navigation li a.on{
    background:url(../images/navigation_bg.png) no-repeat top right;
    }

    
#slide_inner {
    width: 100%;
    height: 200px;
    margin-left: -50%; 
    position: absolute;
    top: -100px;
    left: 50%;
    background:#F0F0F0
    }

#slider {
    position:absolute;
    left:160px;
    top:45px;
    height:120px;
    overflow:hidden;
    right:0px;
    width:auto
    }
    
#slider img {
    padding:5px;
    background:#DDD;
    margin:0 10px;
    cursor:pointer;
    position:absolute;
    }

#screen {
    width: 520px;
    height: 331px;
    position: absolute;
    top: -60px; 
    right:50px;
    background:#DDD;
    //   -webkit-box-shadow: 5px 5px 7px #999;
 //   -moz-box-shadow: 0 5px 7px #999;
    }
#screen img,
#screen embed {
    margin:10px 0 0 10px
    }

#screen h1 {
    position:absolute;
    top:379px;
    left:10px;
    font-family:times new roman;
    font-weight:normal;
    text-transform:uppercase;
    font-size:5.22em;
    width:500px;
    letter-spacing:3px;
    white-space:nowrap;
    color:#DDD;
    padding:3px 3px 0 3px;
//    text-shadow: 0 0 10px rgba(0,0,0,.5);
    }
    
#toolbox {
    position:relative;
    top:-50px;
    float:right
    }

/* -- searcher -- */

.category_on, 
.tag_on {
    font-weight:bold
    }
.tag {
    white-space:nowrap;
    line-height:1em
    }

/* -- text -- */

.large {
    font-size: 1.2em;
    line-height:150%
    }

.largest {
    font-size: 1.4em;
    line-height:150%
    }
    
.lg {
    font-size:1.6em;
    }


.small {
    font-size:0.8em;
    }

    
.left .small {
    line-height:1.2em
    }

p {
    margin:0 0 10px 0;
    font-size:1.2em
    }
    
#content_beta_inner p.quote {
    color:#E086E0 ; 
    font-family:helvetica ; 
    font-weight:bold ; 
    font-size:1.7em ; 
    text-align:justify ; 
    line-height:1.2em ; 
    margin-bottom:10px
    }
#content_beta_inner p.quote b {
    font-size:1.4em ;   
    letter-spacing:1px ; 
    color:#D25DD3
    }

/* -- links -- */

#strip_alpha .left a {
    margin:0 15px 0 0
    }

#strip_alpha .right a {
    color:#D05DD3
    }
    
#strip_alpha p a {
    font-size:0.9em;
    color:#222
    }

    
#strip_beta a.subnav_head {
	display:block;
	float:left;
    padding:0.1em 15px;
    color:#505050;
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.1em;
    margin:0
    }

#strip_beta a.subnav_head:hover, 
#strip_beta a.subnav_on {
    color:#FFF;
    background:#92957A
    }

#strip_beta ul a {
    color:#FFF;
    font-weight:bold;
    display:block;
    padding:0 5px;
    white-space:nowrap;
    }

#strip_beta ul a:hover {
    color:#000;
    }


#footer a {
    color:#323D53;
    }
/* -- headers -- */

h1 {
    font-size:1.6em
    }
    
h2 {
    font-size:1.4em
    }

h3 {
    font-size:1.2em
    }
    
h4 {
    font-size:1.0em
    }
    
h5 {
    font-size:0.8em
    }

#container h1 {
    color:#222;
    line-height:0.8em;
    letter-spacing:2px;
    font-size:3em;
    margin:0 0 10px 0;
    font-family:"Goudy Old Style" , "Times New Roman";
    font-weight:normal;
    }

#container h2 {
    color:#555;
    font-size:2em;
    font-weight:normal;
    margin:10px 0;

    }


/* -- lists -- */

#strip_beta ul {
    position:absolute;
    background:#92957A;
    list-style:none;
    line-height:2.0em;
    font-size:1.2em;
    -moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em; 
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    }

#content_beta_inner ul {
    margin:15px;
    list-style:circle
    }

#footer ul {
    list-style:circle
    }
    
ol {
    margin:5px 16px
    }
    
/* -- forms -- */

.formwrap {
    padding:10px 0;
    overflow:hidden;
    clear:both;
    }

.formwrap .left {
    clear:both;
    width:30%;
    }

.formwrap .right {
    width:70%;
    }

.formwrap .left, .formwrap .right {
    line-height:22px;
    margin:1px 0 0 0;
    }
     
.formwrap input[type=text], 
.formwrap input[type=password], 
.formwrap input[type=file],
.formwrap textarea,
.formwrap select,
.selectngo {
    border:4px solid #CCC;
    background:#CCC;
    width:300px;
    color:#222;
    font-weight:bold;
    margin:0 1px 0 0;
    font: normal normal normal 1em "Century Gothic", "Trebuchet MS" , Arial, Verdana, Helvetica;
    }

.formwrap select,
.selectngo {
    width:auto
    }
    
.formwrap select option,
.selectngo option {
    padding:0 3px;
    margin:4px 0
    }

.formwrap select optgroup {
    padding:0 3px;
    margin:4px 0;
    font-style:normal
    }
    
.formwrap select optgroup option {
    padding:0 8px;
    margin:4px 0
    }
    
.formwrap textarea {
    font-weight:normal;
    height:80px;
    float:left
    }

.formwrap textarea.wide {
	width:100%
    }


textarea.wysiwyg {
    height:150px
    }

textarea.l {
    height:500px
    } 

textarea.code {
    width:97%;
    height:500px;
    background:#FFF;
    padding:10px;
    display:block;
    margin:0 auto;
    font-family:"courier new";
    font-size:0.9em
    }

 
input[type=submit],
input[type=button]{
    background:#999;
    color:#FFF;
    padding:3px
    }

input[type=submit].ajax{
    background:#27262B url(../images/ajax.gif) no-repeat center center;
    }
div.ajax {
    width:126px;
    background:url(../images/ajax.gif) no-repeat center center;
    margin:10px auto;
    text-align:center;
    line-height:22px
    }
    
.formwrap input[type=text].s {
    width:30px;
    text-align:center
    }

.formwrap input[type=text].m,
.formwrap input[type=password].m{
    width:146px;
    }
    
.formwrap input[type=text].ms {
    width:100px;
    text-align:center
    }

.formwrap input[type=text].ml {
    width:240px
    }

.formwrap b {
    text-transform:uppercase;
    font-size:0.9em;
    color:#A00000;
    display:block;
    clear:both
    }

.formwrap b.error {
    display:none
    }

.formwrap input[type=text].error_border, 
.formwrap input[type=password].error_border,
.formwrap select.error_border,
.formwrap textarea.error_border {
    border:4px solid #303030;
    background:#303030;
    color:#FFF
    }

.required {
    font-weight:bold
    }

select,
table {
    font-size:1.1em
    }

input.openid,
.formwrap input[type=text].openid {
    background:#FFF url(../images/openid.png) no-repeat 2px center;
    padding:4px 4px 4px 20px;
    }

.cond .left {
    width:20%;
    line-height:1.4em
    }
    
.cond .right {
    width:80%;
    line-height:1.4em
    }
    
.cond .right a {
    white-space:nowrap
    }

#upload_target {
    width:0;
    height:0;
    border:0
    }
    
/* -- tables -- */

table.tblwrap {
    background:#F0F0F0;
    margin:10px 0;
    padding:10px;
    border:0;
    width:100%;
    }

table.tblwrap td {
    padding:4px;
    font-size:0.9em
    }

table.tblwrap td.td_s {
    width:26px;
    text-align:center;
    padding:2px
    }
    
table.tblwrap td.td_s img,
.option_right img,
.option_center img{
    background:#FFF;
    padding:3px;
    margin:2px 2px 0 2px;
    border:1px solid #AAA
    }

table.tblwrap td.td_s img {
    float:left;
    margin:2px;
    }
    
table.tblwrap td.td_ms {
    width:45px;
    text-align:center;
    }
    
table.tblwrap td.td_m {
    width:80px;
    text-align:center
    }

table.tblwrap td.td_ml {
    width:150px;
    text-align:center
    }

table.tblwrap td.td_h,
table.tblwrap th {
    font-weight:bold;
    text-align:center
    }    

table.tblwrap th  {
    color:#FFF;
    cursor:pointer
    }

table.tblwrap th.nosort {
    color:#000;
    cursor:default
    }     

table.alternate tr {
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;    
    }

table.tblwrap td.td_img {
    border:1px solid #CCC;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em; 
    }

.sortasc {
    background:url(../images/sortasc.png) no-repeat center right;
    }

.sortdesc {
    background:url(../images/sortdesc.png) no-repeat center right;
    }  
    
/* -- panels -- */

.panel {
    clear:both;
    margin:0 0 10px 0
    }


.panel span.pspan {
    background:#E0E0E0;
    overflow:hidden;
    display:block;
    clear:both;
    padding: 10px;
    margin:0 0 10px 0;

    }

#content_beta_inner .panel ul {
    margin:10px 0 0 0;
    width:100%;
    padding:0;
    }
    
.panel ul li {
    float:left;
    display:block;
    color:#CF4D77;
    font-weight:bold;
    cursor:pointer;
    background:#F0F0F0 no-repeat 8px 5px;
    padding:5px 10px;
    margin:0 10px 0 0;
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em; 
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
    }

.panel ul li.right {
    float:right;
    margin:0 0 0 10px;
    }
    
.panel ul li.on {
    color:#222;
    background-color:#E0E0E0;
    cursor:default
    }

.panel span.pspan .panel span {
    padding:0;
    }

.panel span.pspan ul {
    margin:10px 0;
    list-style-type:circle;
    }
    
.panel span.pspan ul li {
    float:none;
    list-style-type:circle;
    font-weight:normal;
    cursor:default;
    margin:0 20px;
    background:none;
    }
    
.panel span.pspan .panel  ul li {
    float:left;
    display:block;
    color:#CF5AA1;
    cursor:pointer;
    margin:0 10px 0 0;
    padding:0;
    font-weight:bold;
    }

.panel span.pspan .panel  ul li.on {

    cursor:default;
    color:#000
    }
    
    
/* -- parent child -- */

.show_parent {
    cursor:pointer
    }

tr.show_child td ol {
    font-size:1.1em;
    line-height:1.6em
    }

/* -- columns -- */

.col_wrap {
    padding:10px 0;
    overflow:hidden;
    clear:both;
    }

.col_2 {
    width:49%;
    float:left;
    }
    
.col_3 {
    width:33%;
    float:left;
    }
 
.col_4 {
    float:left;
    width:25%
    }

.col_13 {
    float:left;
    width:33%
    }
    
.col_23 {
    float:left;
    width:67%;
    }

.col_14 {
    float:left;
    width:25%
    }
    
.col_34 {
    float:left;
    width:75%;
    }
    
.col_wrap .tblwrap {
    margin:0
    }

/* -- auction -- */

#auction_pledges {
    font-size:6em ; 
    line-height:1.4em ; 
    color:#AA7BE2; 
    font-weight:bold ; 
    text-align:center;
    margin:10px 0
    }

/* -- wraps -- */

.item_wrap {
    margin:10px 0 0 0;
    overflow:hidden
    }

.item_wrap img.left,
.item_wrap img.right {
    padding:5px;
    background:#CCC
    }


/* -- image display -- */
.formwrap img.left {
	margin:0 10px 0 0
	}
	
.img_lg {
    border:1px solid #000;
    padding:10px;
    background:#FFF
    }

#header img {
    margin:10px
    }

img.middle {
    vertical-align:middle;
    padding:4px 0 0 0
    }

img.left {
    width:auto;
    margin:0 5px 0 0
    }
    
#footer img {
    margin:-6px 0 0 5px
    }

.charity_wrap .col_14 img {
    margin-left:5px 
    }
    
.img_display div {
    float:left;
    margin:15px 15px 0 0 
    }
    
.img_display img {
    padding:5px;
    background:#FFF;
    border:1px solid #000;
    }

.img_display h5 img {
    padding:0;
    border:0;
    margin-left:3px
    }
    
.img_thumb p {
    width:58px;
    height:58px;
    float:left;
    margin:10px 10px 0 0;
    background:#FFF no-repeat center center;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border:1px solid #FFF;
    cursor:pointer
    }

.img_thumb p.on  {
    border:1px dashed #D05DD3;
    background-color:#f9dcd4
    }

/* -- notices -- */    
    
#note {
    background:transparent url(../images/note_bg.png) no-repeat center center;
    width:300px;
    height:200px;
    position:absolute;
    z-index:2
    }
    
#note_inner {
    padding:50px 30px;
    text-align:center;
    }

#note p {
    margin:0 0 10px 0
    }

#error {
    font-size:1.4em;
    color:#D05DD3
    }

#notes {
    font-size:1.4em;
    color:#d7cece
    }
     

/* -- openid -- */

#openid_if {
    border:1px solid #C7C7C7;
    padding:5px;
    width:98%;
    height:300px;
    }

/* -- colors -- */

.dark a,
.light a,
.xdark a,
.xlight a {
    text-decoration:none;
    font-weight:bold
    }

.dark {
    background:#CCC;
    
    }

.xdark {
    background:#BBB;
    }
    
.light {
    background:#DDD
    }

.xlight {
    background:#EEE
    }

.highlight {  
    font-weight:bold
    }

.status_on {
    background:#78AF78;
    color:#FFF
    }
    
.status_off {
    background:#AF787F;
    color:#FFF
    }

.status_off a, 
.status_on a {
    color:#F0F0F0
    }

/* -- pagetopage -- */

.pagetopage {
    float:right
    }

.pagetopage select {
    padding:5px;
    margin:0 10px
    }
    
.pagetopage select option {
    padding:0 5px;
    }

/* -- js paging -- */

#content_pages span {
    background:#000;
    padding:2px 4px;
    color:#FFF;
    font-weight:bold;
    margin:0 2px 0 0;
    cursor:pointer
    }

#content_pages span.page_on {
    background:#5383DF
    }
    
/* -- misc -- */

.clear {
    clear:both
    }
    
.noclear {
    clear:none
    }
    
.hide {
    display:none;
    visibility:hidden;
    position:absolute;
    height:1px;
    }
    
.left {
    float:left
    }
    
.right {
    float:right
    }

.center {
    text-align:center
    }
    
.formwrap img.right, .formwrap img.left{
    width:auto;
    }

.pad {
    padding:10px
    }

.padright {
    padding:0 10px 0 0
    }

.padleft {
    padding:0 0 0 10px
    }

.padtop {
    padding:10px 0 0 0;
    }

.padbot {
    padding:0 0 10px 0;
    } 
    
.margin {
    margin:5px
    }

.round {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;   
    }
    
.inset {
    border:1px solid #CCC;
    background:#fff;
    padding:0 10px;
    }

.option_right {
    float:right
    }

.option_center {
    text-align:center;
    display:block
    }

-->