* { margin: 0; padding: 0; }

html, body { height: 100%; width: 100%; }

body {
    color: #111;
    font: 82%/150% sans-serif;
    background: #bbb;
}

a       { color: #222; cursor: pointer; }
a:hover { color: #555; }
p { padding: .5em; text-indent: 1em; }

hr { border: 1px solid #555; border-width: 1px 0 0 0; }

img { border: none; }
pre { white-space: pre-wrap; }

li { margin-left: 2em; list-style-type: disc; }
ul.quiet li { margin: 0; padding: 0; list-style: none; list-style-image: none; }

.left { float: left; padding-right: 1em; }
.right { float: right; padding-left: 1em; }

.font { font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: bold; }


#frame { position:relative;
         max-width:1024px;
         min-width:780px;
         margin:auto;
         clear:both;
         min-height:100%;
         background:#fff; }

#topnav { position:relative;
          height:100px; /* #cart-menu.top */
          width:100%;
          z-index:1;
          background:#bbb; }
#topnav #stupidbar {
    height:15px; width:100%; display:block; position:absolute;
    bottom:0; background:#555; z-index:-1; text-align:right;
    color:#ddd;
    line-height:100%;
}
#topnav #stupidbar a { color:#ddd; text-decoration:none; }
#topnav #stupidbar a:hover { color:#fff; }
#topnav #stupidbar span { margin:0 .5em; }

#topnav #logo { position: absolute; top: 8px; left: 15px; }
#topnav #logo2 { position: absolute; top: 20px; left: 150px; }

#cart-menu { float: right;
             position: absolute;
             right: 10px;
             top: 100px;
             margin: 10px 10px 0 0;
             display: block; }
#cart-menu a { text-decoration: none; }
#cart-menu #items { font-size: 3em; }
#cart-menu #items2 { font-size: .8em; }

/*
  ..menu  wrapper buy-menu
  ..150..|..624..|..200..
  ........-1024..........
  */

/* Wrapper */

#wrapper { clear: both;
           margin: 0 auto;
           background: #fff;
           position: relative;
           top: -50px;
           margin-right: 15px;
           min-width:790px;
           width:100%; }


/* Content */

div.content { margin: 0 auto 2em auto;
              display: table;
              width: 80%;/* TODO */
              text-align: justify;
              padding: 110px 1em 0 1em; }

div.content h1 { margin-bottom: 1em;
                 font-size: 185%; /* 24px */ }

div.content h2 { margin: 1em 0 .25em 0;
                 font-size: 139%; /* 18px */ }


/* Menu */

div.menu { float: left;
           padding: 150px 0 0 0;
           width: 15%;
           overflow: visible;
           min-height: 100%;
           white-space: nowrap; }

ul.menu ul { margin-bottom: 10px; }
ul.menu * { line-height: 100%; }

ul.menu li { margin: 0;
             display: block;
             text-decoration: none;
             font-family: Helvetica, sans-serif;
             font-weight: bold; }

ul.menu a { text-decoration:none; color:green; }
ul.menu a:hover { text-decoration:none; color:DarkSlateBlue; text-shadow:green 0 0 0.1em; }

ul.menu .user_menu * { color:#009933; }
ul.menu .user_menu a { color:#006699; }

ul.menu a.disabled { color: #866; cursor: default; }
ul.menu a.disabled:hover { color: #866; text-shadow: 0 0 0; }

a.real_link { color: #0620e3; font-size: 1.1em;
              height:1em; width:1em; display:inline-block; text-align:center;
              border-radius:1em;
              -moz-border-radius:1em;
              background: rgba(0,200,200, 0.2);
              -webkit-box-shadow:0 0 3px rgba(0,200,200, 0.2);
              -moz-box-shadow:0 0 3px rgba(0,200,200, 0.2);
              text-decoration: none; }
a.real_link:hover { -moz-box-shadow:0 0 3px rgba(0,0,0, 0.9);
                    -webkit-box-shadow:0 0 3px rgba(0,0,0, 0.9);
                    text-shadow: green 0 0 0.3em; }

a.fake_link:hover { color: green; text-shadow: 0 0 0; }

ul.menu li span,
ul.menu li div { height:2em;
                 color:green;
                 display:block;
                 vertical-align:middle;
                 line-height:2em;
                 padding-left:30px;
                 overflow:visible; }

ul.menu table { width:100%;
                border-collapse:collapse; }
ul.menu table td { vertical-align:top; }

ul.menu input { padding:0; margin:0; }
ul.menu .search { width:8em;
                  border:1px solid #333;
                  height:16px; }

ul.menu .button { background:#333;
                  border:1px solid #333;
                  height:16px; }

span.menu_toggler img { vertical-align: middle; }


/* Footer */

div.footer { position: absolute;
             bottom: 0;
             width: 100%;
             margin-top: 1.25em;
             background: #555;
             height: 50px;
             clear: both; }


/* Copyright */

#copyright { margin: 0 auto;
             display: table;
             height: 100%; }
#copyright div { display: table-cell;
                 vertical-align: middle;
               /*padding: .85em 1.25em;
                 color: #ccc;
                 font-size: 85%;*/ }


div.details { position: relative;
              margin-right: 180px;
              padding: 1em 30px; }

div.details h3 { text-indent: 1em;
                 font-weight: bold;
                 font-size: 120%; }

/* Images */

div.details .images { display:inline-block; background: url(/images/navigation/b25.png);
                      text-align: center; width:100%; padding:3px;
                      -moz-border-radius:8px;
                      border-radius:8px; }
div.details .images #image_selector { float:left; background:url(/images/navigation/b25.png);
                                      -moz-border-radius:5px;
                                      -webkit-box-shadow:0 0 3px rgba(0,0,0, 0.9);
                                      -moz-box-shadow:0 0 3px rgba(0,0,0, 0.9);
                                      border-radius:5px; }
div.details .images .detail_node { padding:5px; width:100px; }
div.details .images .detail_node a { display:block; }
div.details .images .detail_node:hover { background:url(/images/navigation/w25.png);
                                         -moz-border-radius:5px;
                                         -webkit-box-shadow:0 0 30px rgba(255,255,255, .8);
                                         -moz-box-shadow:0 0 30px rgba(255,255,255, .8);
                                         border-radius:5px; }
div.details .images #detail { display:inline-block; margin:0 auto;  }
div.details .images #detail #detail_desc { height:1em; margin-bottom:.5em; }

div.details .details_text { padding: 1em 2em; }
div.details .details_text p { text-indent: 2em; padding-bottom: 1em; }


div.buy_item { position: absolute;
               right: 0;
               width: 200px;
               display: block;
               margin-top: 3em; }
div.buy_item table { margin: 0 auto; width:100%; }
div.buy_item td { margin-right: 0px;
                  height: 42px;
                  vertical-align: middle; }

div.buy_item .sizelabels { position:absolute; }
div.buy_item .size_selection { vertical-align: middle;
                               display: table-cell;
                               text-align: center;
                               border-style: solid;
                               cursor: pointer;
                               width: 36px;
                               height: 36px;
                               font-size: 1.2em;
                               -moz-border-radius: 5px;
                               border-radius: 5px; }

div.buy_item .color_selection { background-position: center center;
                                background-repeat: no-repeat;
                                vertical-align: middle;
                                text-align: center;
                                display: table-cell;
                                border-style: solid;
                                cursor: pointer;
                                width: 36px;
                                height: 36px;
                                -moz-border-radius: 5px;
                                border-radius: 5px; }

div.buy_item .green { border-color: green;
                      background: url(/images/navigation/g25.png); }
div.buy_item .red { border-color: gray;
                    background: url(/images/navigation/b25.png); }

div.buy_item .y { border-width: 3px; padding: 0 1px; }
div.buy_item .n { border-width: 1px; padding: 0 3px; }


/* Dialog */

.dialog { z-index: 3; position: relative; }
.dialog .hd .c,
.dialog .ft .c { font-size:1px; /* ensure minimum height */
                 height: 23px; }
.dialog .ft .c { height:23px; }
.dialog .hd { background:transparent url(/images/navigation/dialog/tl.png) no-repeat 0px 0px;
              margin-right:23px; /* space for right corner */
            }
.dialog .hd .c { background:transparent url(/images/navigation/dialog/tr.png) no-repeat right 0px;
                 margin-right:-23px; /* pull right corner back over "empty" space (from above margin) */
               }
.dialog .bd { background:transparent url(/images/navigation/dialog/ml.png) repeat-y 0px 0px;
              margin-right:6px;
            }
.dialog .bd .c { background:transparent url(/images/navigation/dialog/mr.png) repeat-y right 0px;
                 margin-right:-6px;
                 padding: 0 15px 0 19px;
               }
.dialog .bd .c .s { margin:0px 8px 0px 4px;
                    background:#e5e5e5 /*url(/images/navigation/dialog/ms.jpg) repeat-x 0px 0px*/;
                    position:relative;
                  }
.dialog .ft { background:transparent url(/images/navigation/dialog/bl.png) no-repeat 0px 0px;
              margin-right:23px; }
.dialog .ft .c { background:transparent url(/images/navigation/dialog/br.png) no-repeat right 0px;
                 margin-right:-23px; }

.dialog2 { z-index:3; position:relative; }
.dialog2 {
	margin:0px 8px 0px 4px;
	background:#e5e5e5;
	position:relative;
	 }


div.dialog#cloth_info { visibility:hidden;
                        position:absolute;
                        right:-7px;
                        top:-35px;
                        width:auto;
                        height:auto;
                        min-width:400px; }
div.dialog#cloth_info table { width:100%; }
div.dialog#cloth_info table td { padding:0 1em; }
div.dialog#cloth_info #sizes { margin:1em auto 0 auto;
                               position:relative; }

div.dialog#cloth_info #sizes .line { position: absolute; background:#555; }
div.dialog#cloth_info #sizes .arrow { position: absolute; }
div.dialog#cloth_info #sizes .dimension { border: 1px solid #000; background: url(/images/navigation/w75.png); padding: 0 .5em; }
div.dialog#cloth_info #sizes #info_width { position:absolute; left:18px; bottom:45%; }
div.dialog#cloth_info #sizes #info_height { position:absolute; left:35%; bottom:18px; }

a.close_dialog { position:absolute; top:-5px; left:-5px; z-index:5; }

div.center { margin:0 auto;
             position:fixed;
             width:100%;
             height:100%;
             z-index:2;
             background:url(/images/navigation/b25.png); 
             border-radius: 10px;
}
div.topcenter { margin:0 auto;
                position:fixed;
                width:100%;
                z-index:3; }
div.bottomcenter { margin:0 auto;
	bottom:0;
        position:fixed;
        width:100%;
        z-index:3; 
	border-radius: 10px 10px 0 0;
	box-shadow: 5px 5px 2px #888888;
}
div.bottomcenter2 { margin:0 auto;
	position:relative;
        z-index:3; 
	border-radius: 10px 10px 0 0;
	box-shadow: 5px 5px 2px #888888;
}

div.hidden { display:none; }

div.width { display:table; height:100%; margin:0 auto; } /* This avoids the dialog has 100% width */
div.center div.middle { display:table-cell; vertical-align:middle; }

div.dialog table { margin:0 auto; clear:both; }
div.dialog h3 { text-align:right; font-weight:bold; padding:0 1em 1em 0; }

#cart table tr { height:2.5em; vertical-align:middle; }
#cart table td { padding:0 1em; }
#cart table td#row_items { width:4em; }
#cart table td.x { padding:0; margin:0; font-size:.8em; }
#cart table tr#tr_total { height:1em; }
#cart table td#td_total { text-align:right; }
#cart table #cart_total { font-weight:bold; }
#cart table #buttons { float:left; height:1em; width:36px; }
#cart table td#stroke { margin:0; padding:0; }
#cart table td#stroke img { display:block; }


a.checkout_next,
a.checkout_back { display:table;
                  text-align:center;
                  min-width:80px;
                  margin:0 auto; }
a.checkout_next { background:url(/images/navigation/cart_fast.png) no-repeat top center;
                  padding:48px 1em 0 1em;
                  display:block;
                  min-width:92px; }
a.checkout_back { background:url(/images/navigation/arrow-back.png) no-repeat top center;
                  padding:33px 1em 0 1em; }

.accordion_page { display:block; }
div.dialog#cart #cart_tax { font-size:.7em; display:block; text-align:right; }

div.dialog#warning_dialog { margin:0 auto; width:50%; }
div.dialog#warning_dialog .s { padding:.5em 1em; font-size:.8em; }
div.dialog#warning_dialog .s p { text-indent:1em; }
div.dialog#warning_dialog #warning_title { text-align:center; font-size:1.5em; margin:.4em 0; font-weight:bold; color:red; }
div.dialog#warning_dialog #warning_body { width:100%; height:100%; margin:1em 0; }
div.dialog#warning_dialog #warning_message { text-align:center; vertical-align:middle; font-size:1.2em; }
div.dialog#warning_dialog #warning_button { text-align:center; font-size:1.3em; font-weight:bold; }

div.dialog#question_dialog { margin:0 auto; width:50%; }
div.dialog#question_dialog .s { padding:.5em 1em; font-size:.8em; }
div.dialog#question_dialog .s p { text-indent:1em; }
div.dialog#question_dialog #question_title { text-align:center; font-size:1.5em; margin:.4em 0; font-weight:bold; color:red; }
div.dialog#question_dialog #question_body { width:100%; height:100%; margin:1em 0; }
div.dialog#question_dialog #question_message { text-align:center; vertical-align:middle; font-size:1.2em; }
div.dialog#question_dialog #question_button { text-align:center; font-size:1.3em; font-weight:bold; }
div.dialog#question_dialog #question_button #question_yes { font-size:1.301em; font-weight:bold; }

#popup_dialog #popup_center {
	margin:0 auto;
	width:70%;
	border-radius: 10px 10px 0 0;
	box-shadow: 5px 5px 2px #888888;
}
#popup_dialog .s { padding:.5em 1em; font-size:.8em; }
#popup_dialog .s p { text-indent:1em; }
#popup_dialog #popup_title { text-align:center; font-size:1.5em; margin:.4em 0; font-weight:bold; color:green; }
#popup_dialog #popup_body { width:100%; height:100%; margin:1em 0; }
#popup_dialog #popup_message { text-align:center; vertical-align:middle; font-size:1.2em; }
#popup_dialog #popup_button { text-align:center; font-size:1.3em; font-weight:bold; }
#popup_dialog #popup_button #popup_yes { font-size:1.301em; font-weight:bold; }



table.item_matrix { text-align:center;
                    margin:0 auto 3em auto;
                    width:100%;
                    table-layout:fixed; }

table.item_matrix td { vertical-align:bottom; overflow:hidden; padding:1em .3em; }


div.newstuff { position:relative; margin:3em 200px 0 50px; width:auto; }
div.newstuff h2 { text-align:center; }
div.news h4 { padding:0 .5em; background:#aaa; white-space:nowrap; }
div.news h4 a { text-decoration: none; display:block; /*white-space:nowrap;*/ }
div.news pre { text-align:left; }
div.news table { table-layout:fixed; margin:0 auto; width:100%; padding:0 40px; }
div.news .news_details { padding:1em .5em; }
div.news .news_info { padding:1em; min-height:185px; }

div.news .thumb { margin:0 -15px; }
div.news .news_left { text-align:right; }
div.news .news_left .thumb { float:left; }
div.news .news_right { text-align:left; }
div.news .news_right .thumb { float:right; }

.cool_form ul li { list-style-type:none; margin:0; padding:0; }

textarea, input, select { border:2px solid #ccc; }
textarea, input[type=text], input[type=password], select { width:100%; }
input.radio { margin-right:.5em;
              width:auto;
              border:0; }
input[type=button],
input[type=submit] { background:#ddd;
                     -moz-border-radius:.7em;
                     border-radius:.7em; }
input[type=button]:hover,
input[type=submit]:hover { background:#eee; }
optgroup { padding-top:.3em; text-indent:1em; }


div#languages { position:absolute;
                right:10px;
                top:20px; }
div#languages a { padding-left:2px; text-decoration:none; }

div.error_message { display:table;
                    margin:0 auto;
                    max-width:500px; }
div.error_message div { height:15em;
                        text-align:center;
                        display:table-cell;
                        vertical-align:middle; }
div.error_message p { margin-top:1em; }

div.processing { z-index:5;
                 width:120px;
                 height:120px;
                 text-align:center;
                 background:url(/images/navigation/w75.png);
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.9);
                 -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.9);
                 position:relative; }
div.processing #processing_cancel { position:absolute; right:-4px; top:-4px;
                                    cursor:pointer; }
div.processing #processing_img { margin-top:40px; }
div.processing div { background:url(/images/navigation/w50.png);
                     width:90%;
                     margin:0 auto;
                     display:block;
                     -moz-border-radius:.7em;
                     border-radius:.7em; }

div#badges { position: absolute;
             display: table;
             right: 0;
             top: 0;
             height: 100%; }
div#badges ul { display:table-cell;
                vertical-align:middle;
                right:0px; }
div#badges ul li { height: 15px; }

div#social-badges { position:absolute;
                    display:table;
                    left:0;
                    top:0;
                    height:100%; }
div#social-badges span { padding-left:1em;
                         color:#ddd;
                         display:table-cell;
                         vertical-align:middle;
                         right:0px; }
div#social-badges span * { vertical-align:middle; }


div.error { margin:3em;
            padding:2em;
            border:2px solid #f00;
            line-height:2em;
            background:#eee url(/images/navigation/oops2.png) no-repeat right bottom;
            -moz-border-radius:10px;
            border-radius:10px; }
div.error * { color: black; }
div.error a { text-decoration: underline; }

p.first { text-indent: .1em !important; }
p.first:first-letter { float:left; font-size:290%; font-weight:bold; color:#555; }

div.org { margin:0 auto; width:80%; min-width:600px; }
div.org_list table { width:90%; table-layout:fixed; margin:0 auto; }
div.org_list table td { position:relative; padding:0; margin:1px; background:#eee; }
div.org_list table td a { padding:20px; height:32px; display:block; text-decoration:none;
                          background-position:center right; background-repeat:no-repeat;
                          font-family:Helvetica, sans-serif; font-weight:bold; text-shadow:white 0 0 0.2em; }
div.org_list table td a:hover { color:DarkSlateBlue; text-shadow:green 0 0 0.1em; }

div.org_list table td div { position:relative; }
div.org_list table td div.soon { position:absolute; left:0; top:0; height:100%; width:100%; text-align:center;
                                 background-position:center center; background-repeat:no-repeat; }
div.org_list table td a.soon { text-shadow:green 0 0 .3em; }
img.org_title { margin: 1em 0 1em 1em; }

table.paypal_progress { width:90%; height:3em; table-layout:fixed; margin:0 auto 2em auto; }
table.paypal_progress td { text-align:center; vertical-align:middle; background:#ddd;
                           -moz-border-radius:5px;
                           border-radius:5px; }
table.paypal_progress td.y { background:#6d6; font-weight:bold; }

div.space { padding:.5em; clear:both; }

div.compiling { margin:2em 0; padding:.7em 1.5em; background:#ddd; }
div.compiling p { padding:2em 0; }

span.link_arrow { color:green; font-size:1.1em; }


/* wikipedia'd */
/* Stolen from http://simple.wikipedia.org/wiki/Python_%28programming_language%29 */
.source-python {line-height: normal;}
.source-python li, .source-python pre { line-height: normal; border: 0px none white; }
/**
 * GeSHi Dynamically Generated Stylesheet
 * --------------------------------------
 * Dynamically generated stylesheet for python
 * CSS class: source-python, CSS id: 
 * GeSHi (C) 2004 - 2007 Nigel McNie (http://qbnz.com/highlighter)
 */
.source-python .de1, .source-python .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.source-python  {}
.source-python .head {}
.source-python .foot {}
.source-python .imp {font-weight: bold; color: red;}
.source-python .ln-xtra {color: #cc0; background-color: #ffc;}
.source-python li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;}
.source-python li.li2 {font-weight: bold;}
.source-python .kw1 {color: #ff7700;font-weight:bold;}
.source-python .kw2 {color: #008000;}
.source-python .kw3 {color: #dc143c;}
.source-python .kw4 {color: #0000cd;}
.source-python .co1 {color: #808080; font-style: italic;}
.source-python .coMULTI {color: #808080; font-style: italic;}
.source-python .es0 {color: #000099; font-weight: bold;}
.source-python .br0 {color: #66cc66;}
.source-python .st0 {color: #483d8b;}
.source-python .nu0 {color: #ff4500;}
.source-python .me1 {color: black;}
.source-python { font-size: 10px; }
/*.source-python { white-space:pre; }*/
/* /wikipedia'd */


div.social { text-align:center; }
.icon_share,
.icon_share2 { display:inline-block; overflow:hidden; position:relative; }
.icon_share { height:32px; width:32px;
              background:url(/images/navigation/social.png) no-repeat;}
.icon_share2 { height:16px; width:16px;
               background:url(/images/navigation/social2.png) no-repeat; }
.icon_share#icon_plus { background:url(/images/navigation/feeds.png) no-repeat;
                        background-position:-32px center; }

@media (max-width: 920px) {
    #poll_frame { display: none; } 
    div.newstuff { margin-right: 0; }
}
.poll { margin:2px;margin: }
.poll li { position:relative; width:100%; }
.poll input[type=checkbox] { margin-right:.4em; }
.poll input[type=text] { width:10em; }
.poll input[type=button] { width:100%; margin:1em 0; }
.poll .vote_count { margin:1px 0; padding:0 .3em;float:right;
                    background:url(/images/navigation/w75.png);
                    /*border-radius:.7em;*/
                    -moz-border-radius:.7em;
                    border-radius:.7em; }
.poll .vote_bar { white-space:nowrap;overflow:visible;
                  background:url(/images/navigation/g75.png);
                  border:1px solid #333;
                  -moz-border-radius:0 5px 5px 0;
                  border-radius:0 5px 5px 0; }

/* #poll_frame { float:right; margin:0; margin-right:-15px;
 *               width:210px; height:540px; overflow-y:auto; } */
#poll_frame { position:absolute; right:5px; top:150px;
              width:210px; height:540px; overflow-y:auto; }


#shipping_box { text-align:center;max-width:10em;margin-right:1em; }
#shipping_box #shipping_label {}
#shipping_box #shipping_qty { font-weight:bold;margin:1em; }
#shipping_box #shipping_note { font-size:.8em; }


#login_form { margin:0 auto; margin:5em; }
#login_form table { margin:2em auto; border-collapse:collapse; vertical-align:middle; }
#login_form table td { padding:0 0.5em; }
#login_form form input { width:100%; height:100%; font-size:130%; }