/*
	Z Index Legend
	
	blocks: 		100
	rhymes:			102
	rhyme shadows:	101
	menu: 			300
	connectors:		200
*/


/* ================================================================================================
DEBUG
================================================================================================ */

.cake-debug strong
{
	font-size:25px;	
	font-weight:200;
}

.cake-debug, .cake-sql-log, p.error, .cake-stack-trac, .cake-code-dump, .code-coverage-results 
{
	clear:both;
	background-color:white;
	font-family:Arial;
	font-size:10px;
	color:black;
	text-align:left;
	padding:5px 10px 5px 10px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}


.cake-sql-log td
{
	padding: 4px 8px;
	text-align: left;
}


/* ================================================================================================
GLOBAL
================================================================================================ */
.no-highlight::selection { background-color: transparent; }
.no-highlight::-moz-selection{ background-color: transparent; }


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

body
{
	margin:0;
	padding:0;
	border:0;
	
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:"superclarendon-1","superclarendon-2",georgia,"times new roman",serif;

	color: #ffffff;
	text-align:center;
	overflow-x: hidden;
	word-spacing:normal;
	
	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6
{
	font-size:50px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
}
			
#site_root
{
	margin:-69px 0 0 0;
}

a,a:hover,a:active
{
	color:#fff;
	text-decoration: none;
}

#loader_swf
{
	width:1024px;
	margin:0 auto 0 auto;
}

/* ================================================================================================
MENU
================================================================================================ */

#menu
{
	position: relative;
	z-index:600;
}

#menu #menu-center
{
	width:1024px;
}

#menu #menu-center #menu-content
{
	position: fixed;

	top: 0px;
	left: 50%;

	margin:30px 0 0 170px;

	width:333px;
	height:309px;
}


#menu #menu-center #menu-content #menu-swf
{
	position: absolute;
	right:0;
	z-index:500;
}

#menu #menu-center #menu-content #menu-item-container {
	display: block;
	width:131px;
	text-align:left;
}

#menu #menu-center #menu-content #menu-item-container .navitem
{
	display:block;

	width:100%;
	
	margin:0 0 2px 0; 
}

#menu #menu-center #menu-content #menu-item-container .navitem a,
#menu #menu-center #menu-content #menu-item-container .navitem a:visited,
#menu #menu-center #menu-content #menu-item-container .navitem a:active
{
	display:block;

	padding:5px 0 0 13px;

	width:128px;
	height:14px;
	
	color:#4584Af;
	font-size:11px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	
	background: url('../../../img/site/global/navigation/small.png') no-repeat 0 0;
}

#menu #menu-center #menu-content #menu-item-container .navitem a:hover
{
	background: url('../../../img/site/global/navigation/small.png') no-repeat 0 -19px;
}

#menu #menu-center #menu-content #menu-item-container .submission-window-open-btn,
#menu #menu-center #menu-content #menu-item-container .submission-window-open-btn:visited,
#menu #menu-center #menu-content #menu-item-container .submission-window-open-btn:active
{
	cursor: pointer;
	display:block;

	margin:0 0 0 -21px;
	width:163px;
	height:52px;
	
	font-size:11px;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;

	background: url('../../../img/site/global/navigation/big.png') no-repeat 0 -53px;
	color:#4584Af;

	line-height: 12px;
}

#menu #menu-center #menu-content #menu-item-container .submission-window-open-btn:hover,
#menu #menu-center #menu-content #menu-item-container .submission-window-open-btn.active
{
	background: url('../../../img/site/global/navigation/big.png') no-repeat 0 0;
	color:#98acbb;
}

#menu #menu-center #menu-content #menu-item-container .submission-window-open-btn .navitem-upload-text
{
	position: relative;
	top:10px;
	left:33px;
	
	display:block;

	width:120px;
}


#menu-fb-login-status
{
	display: none;
	
	margin:7px 0 0 4px;
	width:136px;
	height:63px;
	background: url('../../../img/site/global/navigation/facebook-logout.png') no-repeat 0 0;
	
	color:#3d7caa;
	text-transform: uppercase;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
}

#menu-fb-login-pic-square img
{
	margin:7px 0 0 8px;
	border:1px solid #3d7caa;
	width:28px;
	height:28px;
	background-color: #3d7caa;
}

#menu-fb-login-status p
{
	margin:-32px 26px 0 43px;
	text-align: left;
}

#menu-fb-login-status p span
{
	display: block;
}

#menu-fb-logout,
#menu-fb-logout:active,
#menu-fb-logout:visited
{
	margin:14px 0 0 27px;
	cursor: pointer;
	text-decoration: underline;
}

#menu-fb-logout:hover
{
}

/* ================================================================================================
FOOTER
================================================================================================ */
#footerwrapper
{
	position:fixed;
	overflow:hidden;
	z-index:310;
	bottom:0px;
	left:0px;
	width:100%;
}

#footer
{
	display: block;
	z-index:310;
	text-align:center;
	width:1024px;
	height:76px;
	margin:0 auto 0 auto;
}

#footer .footer_btn
{
	position:absolute;
	margin: 24px 16px 0 948px;
	width:60px;
	height:45px;
	display:block;
	overflow: hidden;
}

/* ================================================================================================
HEADER
================================================================================================ */
#header_root
{
	width:100%;
	height:650px;
}

.header
{
	position:relative;
	z-index:50;
	
	margin:0px auto;
	width:1024px;
	height:650px;
}

.header .error
{
	display:block;
	width:100%;
	height:100%;
}

.header h1
{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

/* ================================================================================================
SITE STREAM GENERIC
================================================================================================ */
#site_root
{
	width:100%;
	border:0;
	padding:0;
}

#main
{
	margin:11px 0 0 0;
	border:0;
	width:100%;
}

.stream-flow-shadow
{
	background: url('../../../img/site/global/misc/background_shadow.png') center repeat-y;
	width:100%;
}

.stream-flow-noshadow
{
	width:100%;
}

.stream-flow-inner
{
	margin:0px auto 0px auto;
	width:1024px;
}

.block
{
	clear:both;
	display:block;
	position:relative;
	z-index:100;
	margin:0px 0 0 0;
	padding:0;
	border:0;
	width:100%;
}

.content
{
	width:100%;
}

.content br
{
	line-height:230px;
}

.content .body
{
	border:0;
	padding:0;
	width:100%;
	margin:-100px 0 0 0;
}

.connector_container
{
	position:relative;
	z-index: 200;
}

/* ================================================================================================
RAINBOWS
================================================================================================ */
.rainbow
{
	margin:0 0 0 0;
	width:150px;
}


/* ================================================================================================
ARROWS
================================================================================================ */
.arrow
{
	display:block;
	width:1024px;
	height:120px;
	text-indent:-9999px;
}

.arrow.notxt.type001 { background:url("../../../img/site/global/arrows/notxt/001.png") no-repeat center; }
.arrow.notxt.type002 { background:url("../../../img/site/global/arrows/notxt/002.png") no-repeat center; }
.arrow.notxt.type003 { background:url("../../../img/site/global/arrows/notxt/003.png") no-repeat center; }
.arrow.notxt.type004 { background:url("../../../img/site/global/arrows/notxt/004.png") no-repeat center; }
.arrow.notxt.type005 { background:url("../../../img/site/global/arrows/notxt/005.png") no-repeat center; }
.arrow.notxt.type006 { background:url("../../../img/site/global/arrows/notxt/006.png") no-repeat center; }
.arrow.notxt.type007 { background:url("../../../img/site/global/arrows/notxt/007.png") no-repeat center; }
.arrow.notxt.type008 { background:url("../../../img/site/global/arrows/notxt/008.png") no-repeat center; }
.arrow.notxt.type009 { background:url("../../../img/site/global/arrows/notxt/009.png") no-repeat center; }
.arrow.notxt.type010 { background:url("../../../img/site/global/arrows/notxt/010.png") no-repeat center; }
.arrow.notxt.type011 { background:url("../../../img/site/global/arrows/notxt/011.png") no-repeat center; }
.arrow.notxt.type012 { background:url("../../../img/site/global/arrows/notxt/012.png") no-repeat center; }
.arrow.notxt.type013 { background:url("../../../img/site/global/arrows/notxt/013.png") no-repeat center; }
.arrow.notxt.type014 { background:url("../../../img/site/global/arrows/notxt/014.png") no-repeat center; }
.arrow.notxt.type015 { background:url("../../../img/site/global/arrows/notxt/015.png") no-repeat center; }
.arrow.notxt.type016 { background:url("../../../img/site/global/arrows/notxt/016.png") no-repeat center; }
.arrow.notxt.type017 { background:url("../../../img/site/global/arrows/notxt/017.png") no-repeat center; }
.arrow.notxt.type018 { background:url("../../../img/site/global/arrows/notxt/018.png") no-repeat center; }
.arrow.notxt.type019 { background:url("../../../img/site/global/arrows/notxt/019.png") no-repeat center; }
.arrow.notxt.type020 { background:url("../../../img/site/global/arrows/notxt/020.png") no-repeat center; }


/* ================================================================================================
BRACKETS
================================================================================================ */
.brackets {}

.brackets div
{
	width:6px;
	height:14px;	
}

.brackets .left
{
	margin:0 0 0 70px;
	float:left;
	background:url("../../../img/site/global/misc/bracket_left.png") no-repeat 0 0;
}

.brackets .right
{
	margin:-14px 0 0 952px;
	float:left;
	background:url("../../../img/site/global/misc/bracket_right.png") no-repeat 0 0;
}



/* ================================================================================================
CONNECTORS
================================================================================================ */
.connector
{
	clear:both;
	z-index:200;
	position:absolute;
	width:100%;
}

.connector.lentil
{
	display:block;
	width:1024px;
	height:280px;
	margin:-210px 0 0 0;
}

.connector.logo
{
	margin:-435px 0 0 0;
	display:block;
	width:1024px;
	height:209px;	
}

.connector.logo.first h6
{
	font-size:14px;
	line-height:269px;
	word-spacing: 2px;
}

.connector.logo.remaining h6
{
	font-size:15px;
	line-height:198px;
	word-spacing: 2px;
}



/* ================================================================================================
SHARE BUTTONS
================================================================================================ */
.share
{
	list-style-type:none;
}

.share li
{
	float:left;
	margin:0 10px 0 0;
}

.share .icon
{
	display:block;
	width:20px;
	height:20px;
	overflow:hidden;
}

.share .icon a
{
	display:block;
	overflow:hidden;
	padding:40px 0 0 0;
	text-indent: -9999px;
}

.share .icon.facebook { background:url("../../../img/site/global/social_icons/facebook_icon.png") no-repeat 0 0; }
.share .icon.facebook:hover { background:url("../../../img/site/global/social_icons/facebook_icon.png") no-repeat 0 -20px; }

.share .icon.twitter { background:url("../../../img/site/global/social_icons/twitter_icon.png") no-repeat 0 0; }
.share .icon.twitter:hover { background:url("../../../img/site/global/social_icons/twitter_icon.png") no-repeat 0 -20px; }

.share .icon.email { background:url("../../../img/site/global/social_icons/email_icon.png") no-repeat 0 0; }
.share .icon.email:hover { background:url("../../../img/site/global/social_icons/email_icon.png") no-repeat 0 -20px; }

/* ================================================================================================
RATINGS
================================================================================================ */
.ranking {

float:right;
margin-top: 16px;
margin-right: 10px;
}
.single .ranking {

float:right;
margin-top: 16px;
margin-right: 45%;
}
/* ================================================================================================
LENTILS
================================================================================================ */
.lentils
{
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}

.lentils .skittle
{
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	display:block;
	width:150px;
	height:150px;
/*	background:#00ff00; */
	text-indent:-9999px;
}

/* ================================================================================================
GIVE THE OTHER COLORS A CHANCE (Intermission Footer)
================================================================================================ */
.give_other_colors_a_chance
{
	padding:15px 0 0 0;
}

.give_other_colors_a_chance p
{
	display:block;
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-weight:bold;
	text-transform:uppercase;


	font-size:13px;
	word-spacing: 1px;
	padding:3px 0 0 0;
	width:850px;
	height:29px;
	margin:0 0 0 87px;
}

/* ================================================================================================
PAGE BREAKS (ajax requests)
================================================================================================ */
.pagebreak
{
	height:240px;
}

.pagebreak .body
{
	margin:0;
}

.pagebreak p
{
	height:8px;
	width:1024px;
}

/* ================================================================================================
RATINGS
================================================================================================ */
.rating
{
	margin:0;
	padding:0;
	width:380px;
	height:56px;
	line-height: 23px;
	display: block;
	text-align:left;
	
	font-family:"ronnia-condensed-1","ronnia-condensed-2",arial,sans-serif;
	font-size: 17px;
	font-weight: bold;
	letter-spacing:0px;
	word-spacing:2px;
	text-transform: uppercase;
}

.rating .rating_title
{
	margin:0;
	padding:0;
	width:380px;
	height:25px;
	display:block;
}

.rating .rating_title .txt0, 
.rating .rating_title .txt1, 
.rating .rating_title .txt2
{
	display:block;

	width:100%;
	height:100%;
}

.rating .vote
{
	list-style-type: none;
	padding:5px 0 0 0;
	height:36px;	
	overflow: hidden;

}

.rating .rating-position-center { text-align: center; }
.rating .rating-position-right { text-align: right; }

.rating .rating-position-center .vote { margin:0 auto; }
.rating .rating-position-right .vote { margin:0 0 0 234px; }

.rating .vote li
{
	margin:0;
	padding:0;
	float:left;
	width:56px;
	height:100%;
	overflow: hidden;
}

.rating .vote .like,
.rating .vote .dislike
{
	display: block;
	width:100%;
	height:100%;
	cursor: pointer;
	padding:100px 0 0 0;
}

.rating .vote .or
{
	display:block;
	height:100%;
	padding:6px 0 0 0;
	text-transform: lowercase;
	text-align: center;
}

/* ================================================================================================
SUBMISSION
================================================================================================ */
#submission_window
{
	display: none; 

	overflow:hidden;
	position:fixed;
	
	width:100%;
	top:125px;

	z-index:599;
}

#submission_window .center
{
	position: relative;
	width:1024px;
	height:538px;
	margin:0 auto 0 auto;
	padding:0;
	border:0;
	background: none;
}

#submission_window .frame
{
	width:443px;
	height:100%;
	margin:0 auto 0 auto;
}

#submission_window .frame .top
{
	margin:0;
	padding:0;
	border:0;
	width:443px;
	height:81px;
	background:url("../../../img/site/global/colorstream/submit/bg_top.png") no-repeat 0 0;	
}

#submission_window .frame .middle
{
	display:block;
	width:443px;
	height:321px;
	background:url("../../../img/site/global/colorstream/submit/bg_middle.png") no-repeat 0 0;	
}

#submission_window .frame .bottom
{
	display:block;
	width:443px;
	height:71px;
	background:url("../../../img/site/global/colorstream/submit/bg_bottom.png") no-repeat 0 0;	
}

#submission_window .submit-content-box
{
	margin:-522px 0 0 307px;
	padding:0;
	border:0;
	width:397px;
	height:473px;
}

/* ================================================================================================
LIKE BOX
================================================================================================ */
#facebook_like_box_frame
{
	float:left;
	position:absolute;

	width:100%;
	height:143px;
	
	top:165px;
	left:0px;

	z-index:800;
}

#facebook_like_box_frame #facebook_like_box_center
{
	position: relative;
	width:1024px;
	height:100%;

	margin:0 auto 0 auto;
}

#facebook_like_box_frame #facebook_like_box_center #facebook_like_box_content
{
	width:229px;
	height:100%;

	padding:25px 0 0 40px;
	border:0;
	margin:0 0 0 5px;
	
	background:url("../../../img/site/global/misc/like_btn_bg.png") no-repeat 0 0;	
}

#facebook_like_box_frame #facebook_like_box_center #facebook_like_box_content #facebook_like_box
{
	position: relative;
	width:200px;
	height:55px;
	overflow:hidden;	
}

#facebook_like_box_frame #facebook_like_box_center #facebook_like_box_content #facebook_like_box #facebook_like_box_iframe
{
	margin:0 0 0 -60px;
}