@charset "UTF-8";
/* CSS Document */

html
											{
											overflow: -moz-scrollbars-vertical; overflow-y:scroll;
											}

body
											{
											background-color: #000;
											font-family: Helvetica, Arial, sans-serif;
											font-size: 0.75em;
											color: #fff;
											line-height: 17px;
											background-image: url(../img/logo_hotorgscity.gif);
											background-repeat: no-repeat;
											background-position: top right;
											}

body img
											{
											border: none;
											}

a:link, a:visited
											
											{
											text-decoration: none;
											color: #fff;
											}

html, body, div, p, pre, blockquote,
button, ul, ol, li, address, td, th,
tfoot, form, fieldset, label, select,
input, legend, textarea, h1, h2, h3,
h4, h5, h6, span, dl, dt, dd, a, abbr,
img a
											{
											margin: 0;
											padding: 0;
											}

h1
											{
											color: #fff200;
											font-family: Helvetica, Arial, sans-serif;
											font-size: 1.75em;
											margin: 0 0 10px 0;
											line-height: 1.3;
											}
										
h2
											{
											color: #fff200;
											font-family: Helvetica, Arial, sans-serif;
											font-size: 1.5em;
											margin: 0 0 10px 0;
											line-height: 1.3;
											}
										
											
											
											
/* Colors ------------------------------------------------------------------------------------ */

.color1, .color1 a
											{
											color: #2a84fd;
											}

.color2, .color2 a
											{
											color: #fa9615;
											}

.color3, .color3 a
											{
											color: #22c7a0;
											}

.color4, .color4 a
											{
											color: #f92358;
											}






/* Validation ------------------------------------------------------------------------------------------- */


#msg
											{
											display: none;
											position: absolute;
											z-index: 200;
											padding-left: 7px;
											background-color: #1eac8b;
											}

#msgcontent
											{
											display: block;
											background-color: #1eac8b;
											border-left: none;
											padding: 5px;
											min-width: 150px;
											max-width: 250px;
											}
											




/* ------------------------------------------------------------------------------------------- */


#wrapper
											{
											width: 1126px;
											text-align: center;
											margin: 0 auto;
											padding-top: 40px;
											}

#snakes_left
											{
											width: 70px;
											height: 505px;
											background-image: url(../img/snakes_left.gif);
											background-repeat: no-repeat;
											float: left;	
											margin-top: 200px;
											}

#snakes_right
											{
											width: 96px;
											height: 524px;
											background-image: url(../img/snakes_right.gif);
											background-repeat: no-repeat;
											float: left;	
											margin-top: 110px;
											}


#main
											{
											float: left;
											width: 960px;
											}

#create
											{
											width: 950px;
											overflow: hidden;
											padding: 0 0 0 10px;
											margin: 0;
											}

#skyscrapes
											{
											list-style: none;
											margin: 0;
											padding: 0;
											width: 315px;
											float: left;
											background-image: url(../img/skyscrape.png);
											background-repeat: repeat-x;
											}
#btn_start
											{
											width: 216pxx;
											height: 67px;
											overflow: hidden;
											margin: 0 0 0 0;
											float: left;
											cursor: pointer;
											}

#create_rightcol
											{
											width: 617px;
											height: 162px;
											overflow: hidden;
											float: right;
											text-align: left;
											}

#nav
											{
											list-style: none;
											margin: 50px 0 0 0;
											padding: 0;
											float: right;
											}

#nav li
											{
											float: right;
											margin: 0 0 0 10px;
											}

#nav a:hover
											{
											text-decoration: underline;
											}

#logotype
											{
											text-align: right;
											position: absolute;	
											top: 0px;
											left: 94%;
											margin: 0;
											padding: 0;
											}

#logotype img
											{
											margin: 10px;
											}

#toggle
											{
											width: 960px;
											overflow: hidden;
											padding: 0;
											margin: 0;
											background-image: url(../img/box_bg.gif);	
											background-repeat: repeat-x;
											display: none;
											text-align: left;
											}

#toggle_left
											{
											width: 480px;
											float: left;
											padding: 20px;
											margin: 0;
											border-right: 1px solid #282828;
											}

#toggle_left p
											{
											font-size: 1.1em;
											line-height: 1.35em;
											margin: 0 0 0 0;
											font-weight: normal;											}

#palette
											{
											float: left;
											overflow: hidden;
											width: 480px;
											margin: 0 0 20px 0;
											}

.form
											{
											overflow: hidden;
											width: 399px;
											float: left;
											margin: 0;
											padding: 20px 0 0 20px;
											list-style: none;
											text-align: left;
											}

.form p
											{
											color: #00cfb0;
											font-size: 12px;
											margin: 0 0 4px 0;
											padding: 0;
											}
											

.form li
											{
											float: left;
											margin: 0 20px 10px 0;
											width: 179px;
											}

.form li a
											{
											color: #00cfb0;
											text-decoration: underline;
											}

.form .input_text
											{
											border: 1px solid #00cfb0;
											background-color: #000;
											padding: 5px;
											width: 165px;
											color: #00cfb0;
											font-weight: bold;
											font-family: Helvetica, Arial, sans-serif;
											font-size: 11px;
											}
.form .input_char
											{
											background: none;
											margin: 0;
											padding: 0;
											color: #00cfb0;
											border: none;
											font-family: Helvetica, Arial, sans-serif;
											font-size: 12px;
											}

.form .input_select,
ul#filter #sort .input_select
											{
											background-color: #3c3c3c;
											color: #e5e5e5;
											width: 180px;
											border-color: #00cfb0;
											}

.form .submit
											{
											margin: 10px 0 0 0;
											}




/* Editorial ------------------------------------------------------------------------------------ */

#editorial
											{
											width: 920px;
											padding: 20px 20px 20px 20px;
											background-image: url(../img/box_bg.gif);	
											background-repeat: repeat-x;
											text-align: left;
											background-color: #151515;
											overflow: hidden;
											}

#editorial h1
											{
											margin: 0 0 20px 0;
											}

.page
											{
											width: 490px;
											list-style: none;
											margin: 0 20px 0 0;
											padding: 0;
											min-height: 550px;
											float: left;
											}

.page a
											{
											color: #2a84fd;
											text-decoration: none;
											}

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


.page li
											{
											margin: 0 0 20px 0;
											padding: 0;
											}

.page h2
											{
											margin: 0 0 5px 0;
											font-size: 1.2em;
											}
.page p, .page_leftcol p
											{
											margin: 0 0 10px 0;
											}


.page .rules
											{
											list-style: decimal;
											list-style-position: inside;
											margin: 0 0 20px 0;
											padding: 0;
											}
.page .rules li
											{
											margin: 0 0 5px 0;
											padding: 0;
											
											}

.page_leftcol
											{
											float: left;
											width: 410px;
											}

#info
											{
											width: 440px;
											float: left;
											list-style: none;
											padding: 0;
											margin: 0 20px 0 0;
											}

#info h1
											{
											color: #fff200;
											font-family: Helvetica, Arial, sans-serif;
											font-size: 1.70em;
											margin: 0 0 5px 0;
											line-height: 1.3;
											}

#info li
											{
											margin: 0;
											padding: 0;
											}

#info p
											{
											margin: 0 0 7px 0;
											font-size: 1em;
											}

#btn
											{
											width: 180px;
											float: left;
											margin: 0 20px 0 0;
											padding: 0;
											list-style: none;
											text-align: right;
											}

#btn li
											{
											margin: 0 0 10px 0;
											padding: 0;
											}

#cam
											{
											width: 260px;
											float: left;
											}

#winners
											{
											width: 920px;
											overflow: hidden;
											}

#winners #img
											{
											width: 370px;
											overflow: hidden;
											float: right;
											}

#winners #text
											{
											width: 350px;
											overflow: hidden;
											float: left;
											}

#winners #text p
											{
											margin: 0 0 10px 0;
											}






/* Filter ------------------------------------------------------------------------------------ */

ul#filter
											{
											width: 940px;
											height: 34px;
											margin: 0;
											padding: 0 10px 0 10px;
											overflow: hidden;
											background-color: #151515;
											list-style: none;
											}

ul#filter li
											{
											height: 34px;
											margin: 0;
											padding: 0;
											float: left;
											}

ul#filter li #categories
											{
											width: 422px;
											list-style: none;
											padding: 0;
											margin: 0;
											border: none;
											}

ul#filter li #categories li
											{
											float: left;
											margin: 0;
											padding: 9px 10px 0 10px;
											border: none;
											text-align: center;
											}

ul#filter li #categories .active
											{
											background-image: url(../img/filter_tab.gif);
											background-repeat: no-repeat;
											width: 112px;
											}


ul#filter #cat_help							{
											width: 94px;
											height: 34px;
											float: left;
											text-align: left;
											}	

ul#filter #cat_help	img						{
											cursor: pointer;
											margin: 5px 0 0 0;
											}	

ul#filter #search
											{
											width: 204px;
											text-align: left;
											padding: 0 10px 0 10px;
											margin: 0;
											}

ul#filter #search .input_search
											{
											width: 130px;
											padding: 3px 5px 3px 5px;
											margin: 5px 10px 0 0;
											border: none;
											background-image: url(../img/input_bg.gif);
											background-repeat: repeat-x;
											height: 18px;
											float: left;
											font-family: Helvetica, Arial, sans-serif;
											}
ul#filter #search .input_submit
											{
											margin: 5px 0 0 0;
											padding: 0;
											float: right;
											}

ul#filter #sort
											{
											float: right;
											width: 180px;
											text-align: right;
											padding: 7px 0 0 0;
											}

ul#filter #sort .input_select
											{
											width: 180px;
											}


ul#filter .active
											{
											background-color: #272727;
											}
											
.input_search
											{
											width: 110px;
											}




/* Items ------------------------------------------------------------------------------------ */
											
#items
											{
											width: 940px;
											background-color: #262626;
											list-style: none;
											margin: 0;
											padding: 10px 10px 10px 10px;
											overflow: hidden;
											min-height: 200px;
											}

#items li
											{
											float: left;
											margin: 0 22px 20px 0;
											padding: 3px 3px 5px 3px;
											width: 212px;
											height: 136px;
											background-color: #000;
											text-align: left;
											}

#items li a
											{
											color: #fff;
											text-decoration: none;
											}

#items .right
											{
											margin-right: 0;
											}

#items li #item_colors
											{
											margin: 0;
											padding: 0;
											width: 212px;
											overflow: hidden;
											background-color: #000;
											}	
											
#items li #item_colors a
											{
											cursor: pointer;
											}											

#items li #item_colors:hover
											{
											cursor: pointer;
											}											

#items li .item_info
											{
											float: left;
											width: 181px;
											padding: 0 5px 0 5px;
											margin: 0 0 5px 0;
											}

#items li .item_info a, #items li .item_info h4
											{
											font-size: 12px;
											color: #fff;
											font-weight: bold;
											font-family: Helvetica, Arial, sans-serif;
											}

#items li .item_info a:hover
											{
											text-decoration: underline;
											}

#items li .item_info .name a
											{
											font-size: 12px;
											font-weight: normal;
											}

#items li .vote
											{
											float: right;
											width: 16px;
											height: 13px;
											padding: 5px 5px 0 0;
											}
											
.foo
											{
											position:relative;
											}

.bar
											{
											position:relative;
											}

.baz
											{
											position: relative;
											width: 40px;
											height: 105px;
											display: block;
											float: left;
											padding: 0;
											margin: 0 3px 0 0;
											}
											
.baz_right
											{
											position: relative;
											width: 40px;
											height: 105px;
											display: block;
											float: left;
											padding: 0;
											margin: 0 0 0 0;
											}

#paging
											{
											list-style: none;
											width: 920px;
											padding: 20px;
											background-image: url(../img/box_bg.gif);
											overflow: hidden;	
											color: #666;
											}
	
.pre, .next, .nav
											{
											background-color: #000;
											padding: 5px;
											margin: 0;
											}

.nav
											{
											background: none;
											margin-left: auto;
											margin-right: auto;
											display: inline;
											text-align: center;
											}

.pre
											{
											float: left;
											margin-right: 10px;
											}

.next
											{
											float: right;
											}

.nav
											{
											float: left;
											}


#paging .active
											{
											color: #fff;
											background-color: #000;
											padding: 5px;
											}

#paging .inactive
											{
											color: #fff;
											background-color: #333333;
											padding: 5px;
											margin: 0 3px 0 0;
											}


/* Item ------------------------------------------------------------------------------------ */


#item
											{
											width: 920px;
											background-image: url(../img/box_bg.gif);
											text-align: left;
											padding: 20px;
											overflow: hidden;
											background-repeat: repeat-x;
											background-color: #151515;
											min-height: 510px;
											}

#leftCol h1
											{
											margin: 0 0 5px 0;
											font-size: 2em;
											}

#leftCol span.name
											{
											}

#leftCol .description
											{
											margin: 20px 0 20px 0;
											padding: 20px 0 20px 0;
											font-size: 1.2em;
											width: 450px;
											border-top: 1px solid #222;
											border-bottom: 1px solid #222;
											}

#leftCol
											{
											width: 450px;
											float: left;
											margin: 0 20px 0 0;
											}

#addthis
											{
											float: left;
											width: 225px;
											overflow: hidden;
											margin: 0;
											padding: 0;
											}

#leftCol #vote
											{
											width: 225px;
											float: right;
											text-align: right;
											margin: 0;
											padding: inherit;
											}

#leftCol #vote span
											{
											font-size: 2.5em;
											color: #22c7a0;
											font-weight: bold;
											margin: 0 10px 0 0;
											}
										
#rightCol
											{
											width: 450px;
											float: left;
											margin: 0;
											}

#rightCol #item_colors
											{
											width: 440px;
											margin: 0 0 20px 0;
											padding: 5px;
											background-color: #000;
											overflow: hidden;
											}
											
#item #item_colors .baz
											{
											position: relative;
											width: 84px;
											height: 200px;
											display: block;
											float: left;
											padding: 0;
											margin: 0 5px 0 0;
											}
											
#item #item_colors .baz_right
											{
											position: relative;
											width: 84px;
											height: 200px;
											display: block;
											float: left;
											padding: 0;
											margin: 0 0 0 0;
											}

#comments
											{
											clear: both;
											width: 450px;
											overflow: hidden;
											text-align: left;
											padding: 20px 0 0 0;
											margin: 0;
											}

#comments h2
											{
											color: #f92358;
											}




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

#footer
											{
											width: 380px;
											padding: 20px;
											list-style: none;
											margin: 0 auto;
											overflow: hidden;
											}
											
#footer li
											{
											margin: 0px 10px 0 10px;
											padding: 0;
											float: left;
											}