/* @override http://www.creativeunconference.com/scripts/main.css?x=231 */

/* @override http://stagedev.creativeweeknyc.org/scripts/main.css?x=123 */

html {
	min-height: 100%;
	height: auto;
 	height: 100% !important;
	overflow-y: scroll !important;
}

body {
	height: 100%;
	margin: auto;
	padding: 0px;
	font-size:13px;
	font-family: Arial;
	color:black;
	background: black url(/images/main_bg.jpg) repeat-x ;
	background-attachment:fixed;
	}

form{
	padding: 0px;
	margin: 0px;
}

img{
	display:block;
	border: none;
}

/*Set grid spacing and borders on tables to be pixel perfect*/
table{
 border-spacing: 0;
}

input, textarea, select{
	color: #000000;
	font-size:11px;
	font-family: Verdana;
	position:relative;
}

input.none{
	border: none;
}

a, a:active, a:link, a:visited{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	outline:none;
	color:#333333;
}

a.nobg, a.nobg:active, a.nobg:link, a.nobg:visited{
	color: #FFED03;
	background: none;
}
a.nobg:hover{
	color: #FFED03;
	background: none;
}

/*a tags*/
a.red_tag, a.red_tag:active, a.red_tag:link, a.red_tag:visited{
	font-weight:normal;
	color: #FF2500;
	text-decoration: underline;
}
a.red_tag:hover{
	text-decoration: none;
}
a.blue_tag, a.blue_tag:active, a.blue_tag:link, a.blue_tag:visited{
	font-weight:normal;
	color: #00B5E4;
	text-decoration: underline;
}
a.blue_tag:hover{
	text-decoration: none;
}
/*a links*/
a.red_link, a.red_link:active, a.red_link:link, a.red_link:visited{
	font-weight:bold;
	color: #FF2500;
	text-decoration: none;
}
a.red_link:hover{
	text-decoration: underline;
}
a.blue_link, a.blue_link:active, a.blue_link:link, a.blue_link:visited{
	font-weight:bold;
	color: #00B5E4;
	text-decoration: none;
}
a.blue_link:hover{
	text-decoration: underline;
}

a.white_link, a.white_link:active, a.white_link:link, a.white_link:visited{
	font-weight:normal;
	color: #fff;
	text-decoration: none;
}
a.white_link:hover{
	text-decoration: underline;
}

a.thumbnail, a.thumbnail:active, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:hover, div.thumbnail{
	display: block;
	padding: 3px;
	border: 1px Solid #C3C3C3;
	text-decoration: none;
	width: auto;
}

.cl{
	clear:both;
}


/* Site main tpl CSS */
#main{
	width: 760px;
	margin: 0 auto 0 auto;
	background:white;
	display:block;
	border:1px solid black;
}

#content{
	padding:10px 20px;
	display:block;
	min-height:300px;
	line-height:20px;
}
#content ul{
	list-style-type:disc;
	}

#main_struct {
	height: 100%;
	margin: 0px 0px 0px 0px;
}

#main_right{
	float:right;
	width:234px;
	background: #D70B7D url(/images/white_pink_shade_bg.gif) repeat-x top;
	padding: 49px 0px 0px 0px;

	min-height: 100%;
	height: auto;
 	height: 100% !important;
}

#main_left {
	margin: 0px 234px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#header{
	height: 155px;
	overflow:hidden;
}
#header_left{
	float:left;
	width:310px;
}
#header_right{
	float:right;
	width:234px;
	background: #D70B7D;
	height: 114px;
}
#loginregister {
	text-align: right;
	color: black;
	padding:15px 15px 0px 0px;
	display:none;
}

#header_middle a, #header_middle a:active, #header_middle a:link, #header_middle a:visited,#header_middle a:hover{
	font-weight: Bold;
	color: #FFFC01;
	text-decoration: none;
}

#footer {
clear:both;
height:130px;
background:url(/images/footer.jpg);
text-align:center;
}


/* Navigation */
#nav_div{
	position: relative;
	height: 32px;
	z-index: 10000;
	width:100%;
	background:#e3e3e3;
	-moz-box-shadow: 0px 5px 8px -3px #adadad; 
	-webkit-box-shadow:  0px 5px 8px  #adadad;
	margin-bottom:10px;
}
.nav_td, .nav_td_on{
	height: 32px;
	vertical-align: top;
	z-index: 10000;
}
.nav_td_on div{
 	display: block;
 	z-index: 10000;
}

.nav_td a, .nav_td a:active, .nav_td a:link, .nav_td a:visited,.nav_td a:hover,
.nav_td_on a, .nav_td_on a:active, .nav_td_on a:link, .nav_td_on a:visited,.nav_td_on a:hover
{
	font: 13px Arial, Verdana, Helvetica;
	font-weight: Bold;
	color: #000000;
	text-decoration: none;
	line-height: 32px;
	height: 32px;
	border-right: 1px Solid #43B7DF;
	padding: 0px 10px 0px 10px;
	display:block;
}
.nav_td a:hover,.nav_td_on a, .nav_td_on a:active, .nav_td_on a:link, .nav_td_on a:visited,.nav_td_on a:hover{
	background-color: #ffde46;
}

/*
.nav_td_first a, .nav_td_first a:active, .nav_td_first a:link, .nav_td_first a:visited,.nav_td_first a:hover{
	border-left: 1px Solid #43B7DF;
}
*/

/*subnav*/
#second_nav{
	padding: 0px 15px 15px 15px;
	border-bottom: 1px Solid #000000;
	margin: 0px 0px 15px 0px;
}

#second_nav a, #second_nav a:active, #second_nav a:link, #second_nav a:visited{
	font: bold 13px Arial, Verdana, Helvetica;
	color: #333333;
	text-decoration: none;
}
#second_nav a:hover{
	text-decoration: underline;
}
#second_nav div{
	padding: 5px 0px 5px 0px;
}

/* main bubble */

#main_bubble{
	margin-top: -5px;
	padding: 0px 0px 0px 0px;
	width:713px;
	z-index: 10;
}

html>body #main_bubble{ /*hack IE6 do not understand this*/
	margin-top: -3px;
}

#main_bubble_top{
	display: block;
	height: 21px;
	padding: 0px 0px 0px 0px;
    background-image: url(/images/bubble/bubble_top.gif);
    background-repeat: no-repeat;
    background-position: top left;
    overflow: hidden;
    z-index: 10;
}
#main_bubble_middle{ /* different middle bg for stretch */
	height: auto;
	min-height: 30px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/bubble/bubble_filler2.gif);
	background-repeat: repeat;
    background-position: top left;
    overflow: hidden;
    z-index: 1;
}

#main_bubble_middle_content{ /* different middle bg for stretch */
	padding: 0px 30px 0px 15px;
	overflow: hidden;
	z-index: 10;
	background-image: url(/images/bubble/bubble_filler.gif);
	background-repeat: no-repeat;
    background-position: top left;
    min-height: 300px;
    height: auto;
    color: #3D3D3D;
}

#main_bubble_bottom{
	width: 713px;
	height: 30px;
	padding: 0px 0px 0px 0px;
    background-image: url(/images/bubble/bubble_bottom.png);
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
    z-index: 10;
}


/* tag main bubble */

#tag_main_bubble{
	margin-top: -5px;
	padding: 0px 0px 0px 0px;
	width:643px;
	z-index: 10;
}

html>body #tag_main_bubble{ /*hack IE6 do not understand this*/
	margin-top: -3px;
}

#tag_main_bubble_top{
	display: block;
	height: 21px;
	padding: 0px 0px 0px 0px;
    background-image: url(/images/bubble/tag_left/bubble_top.gif);
    background-repeat: no-repeat;
    background-position: top left;
    overflow: hidden;
    z-index: 10;
}
#tag_main_bubble_middle{ /* different middle bg for stretch */
	height: auto;
	min-height: 30px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/bubble/tag_left/bubble_filler2.gif);
	background-repeat: repeat;
    background-position: top left;
    overflow: hidden;
    z-index: 1;
}

#tag_main_bubble_middle_content{ /* different middle bg for stretch */
	padding: 0px 30px 0px 15px;
	overflow: hidden;
	z-index: 10;
	background-image: url(/images/bubble/tag_left/bubble_filler.gif);
	background-repeat: no-repeat;
    background-position: top left;
    min-height: 300px;
    height: auto;
    color: #3D3D3D;
}

#tag_main_bubble_bottom{
	width: 643px;
	height: 30px;
	padding: 0px 0px 0px 0px;
    background-image: url(/images/bubble/tag_left/bubble_bottom.png);
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
    z-index: 10;
}



/* cloud main bubble */

#cloud_main_bubble{
	position: absolute;
	top: 190px;
	left: 687px;
	padding: 0px 0px 0px 0px;
	width: 432px;
	z-index: 10;
}

#cloud_main_bubble_top{
	display: block;
	height: 20px;
	padding: 0px 0px 0px 0px;
    background-image: url(/images/bubble/cloud_right/bubble_top.gif);
    background-repeat: no-repeat;
    background-position: top left;
    overflow: hidden;
    z-index: 10;
}
#cloud_main_bubble_middle{ /* different middle bg for stretch */
	height: auto;
	min-height: 30px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/bubble/cloud_right/bubble_filler2.gif);
	background-repeat: repeat;
    background-position: top left;
    overflow: hidden;
    z-index: 1;
    width: 432px;
}

#cloud_main_bubble_middle_content{ /* different middle bg for stretch */
	padding: 0px 30px 0px 2px;
	overflow: hidden;
	z-index: 10;
	background-image: url(/images/bubble/cloud_right/bubble_filler.gif);
	background-repeat: no-repeat;
    background-position: top left;
    min-height: 300px;
    height: auto;
    color: #3D3D3D;
    width: 432px;
}

#cloud_main_bubble_bottom{
	width: 432px;
	height: 30px;
	padding: 0px 0px 0px 0px;
    background-image: url(/images/bubble/cloud_right/bubble_bottom.png);
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
    z-index: 10;
}

/* headings */

/* buttons */

/*Button & Roll - Over (Note: button lenght - 6px)*/
.btn{
	padding: 0px 0px 0px 3px;
	text-align: center;
}

.btn a{
	display:block;
	height:20px;
	padding:0px 3px 0px 0px;
	text-decoration:none;
	line-height:22px;
	width:100%;
	white-space:nowrap;
	background:#ECEE5C;
	cursor:pointer;
	color:#000000;
}

.btn a:hover, .btn_grey a:hover, .btn_black a:hover, .btn_brown a:hover {
	background:#000000;
	cursor:pointer;
	color:#ECEE5C;
}

/*blog*/
.blog_footer{
	padding: 5px 0px 0px 0px;
	line-height: 20px;
}

/*misc*/
.right_side_heading{
	padding: 8px 15px;
	font-weight: Bold;
	color: #fff;
}
.right_side_padding{
	padding: 0px 15px;
}

.grey_footer_bar{
	background: #C3C3C3;
	margin: 0px -17px 0px -13px;
	padding: 0px 17px 0px 13px;
	height: 30px;
	line-height: 30px;
}


.line{
	border-bottom: 1px Solid #000000;
	height: 1px;
}

.red{
	color: #FF2500;
}

.blue{
	color: #00B5E4;
}

.blue_devider{
	height: 1px;
	border-bottom: 1px Solid #00B5E4;
}

.red_devider{
	height: 1px;
	border-bottom: 1px Solid #FF2500;
}

.comment_devider{
	height: 1px;
	border-bottom: 1px Solid #aaaaaa;
}

.devider{
	border-bottom: 1px Solid #F9F9F9;
	height: 5px;
}
.devider_top{
	height: 5px;
}

.grey_name{
	padding: 5px 0px;
	color: #666666;
}

.greyheader{
color: gray;
font-size:16px;
}

.greyheader a{
color: gray;
font-size:16px;
}

.pink{
color: #D70B7D;
font-size:16px;
}

.pink a{
color: #D70B7D;
font-size:16px;
font-weight: normal;
}


/* tooltip bubble */

#tooltip{
    display:none;
    position: absolute;
    top: 30px;
    left: 30px;
	padding: 0px 0px 0px 0px;
	width:116px;
	color: #000000;
	z-index: 30000;
}

#tooltip_top{
	display: block;
	height: 7px;
	padding: 0px 0px 0px 0px;
    background-image: url(/images/bubble/yellow_top.png);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 30200;
    overflow: hidden;
}
#tooltip_middle{ /* different middle bg for stretch */
	display: block;
	height: 90px;
	min-height: 90px;
	padding: 0 1px 0px 1px;
	background: #ECEE5B;
    z-index: 30120;
    overflow: hidden;
}

#tooltip_middle_content{ /* different middle bg for stretch */
	display: block;
	padding: 0 5px 10px;
	z-index: 3019000px;
}

#tooltip_bottom{
	width: 116px;
	height: 26px;
	display: block;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/bubble/yellow_bottom.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 30100;
    overflow: hidden;
}

.clicky {
	background:#ffde46;
	padding:5px; 
	-moz-box-shadow: 4px 4px 8px #adadad; 
	-webkit-box-shadow: 4px 4px 8px #adadad;
}
