/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*------------------------------------------------------------------
[Layout Stylesheet]

Project:						Coded Colors
Primary use:					Web site - Screen
-------------------------------------------------------------------
[Table of Contents]

[1]	Body, Bg, General
[2] Content Areas
[3] Nav 
[4] Thumbnails
[5] Entries
[6] Footer


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

/*------------------------------------------------------------------
[1] Body, Bg, General
*/
html { height:100%; }

body { 
	color: #000; 
	font-family: Arial, Helvetica; 
	font-size:13px; 
	word-spacing:1px; 
	margin:0px; 
	line-height:1.6; 
	height:100%; 
	width:100%; 
}

html > body {
	font-family: "droid-sans-1","droid-sans-2", Arial, Helvetica; 
}

.clear { clear:both; }

img{ border-style: none; }

a {
	outline: none;
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#CCC;
}

ul,li {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

::-moz-selection { background:#099; color:#000; }
::selection { background:#099; color:#000; }


/*------------------------------------------------------------------
[2] Content Areas
*/

#main_container { width: 100%; min-height: 100%; background-color:#E1E1E1;  }

#pages {
	margin:0 0 10px 30px;
}

#entries {
	margin:0 0 10px 10px;
	width: 200px;
}

#tags {
	margin:0 0 10px 30px;
}

#thumbs {
	max-width:750px;
	padding-left:37px; 
	padding-top:38px;
	z-index:22;
}

#load-content {
	display:none;
	margin:0 0 0 0;
	padding-left:36px; 
	padding-top:35px;
	z-index:20;
}

#core-loader {
	position:absolute;
	left:185px;
	top:42px;
	display:none;
}

#content_container { 
	position:relative; 
	z-index:10; 
	min-height:100%;
}

#bg-holder {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:-1;
	overflow:hidden;
}

/*------------------------------------------------------------------
[3] Nav
*/
.nav_container { 
	position:fixed; 
	padding-top:0px; 
	left:740px; 
	margin:0px; 
	line-height:165%; 
	white-space:nowrap; 
	z-index:12; 
	background:#FFF; 
	width:220px;
	height:100%;
}

.nav_backer {
	position:fixed; 
	padding-top:0px; 
	left:740px; 
	margin:0px; 
	z-index:11; 
	background:#FFF; 
	width:220px;
	height:100%;
	/*opacity:0.9;
	filter:alpha(opacity=90);*/
}

#chip_holder {
	position:absolute;
	height:25px;
}

.color_chip {
	background-color:#CCC;
	width:44px;
	height:5px;
	float:left;
}

.color_chip:hover {
	border:1px solid #FFF;
	width:42px;
	margin-top:-1px;
}

#chip_text {
	font-family: "droid-sans-mono-1","droid-sans-mono-2", Arial, Helvetica, sans-serif;
	position:absolute;
	top:18px;
	left:180px;
	color:#AAA;
	font-size:9px;
	display:none;
}

#nav_loadspin { position:fixed; top:8px; left:740px; display:none; z-index:11; }

#logo {
	margin:0 0 60px 0;
	background:#F00;
}

a.logo-link, a.logo-link:hover, a.logo-link:active {
	float:left;
	margin-left:10px;
	margin-bottom:14px;
	text-indent: -1000em;
	width:200px;
	height:65px;
	background: url(../gfx/cc_logo2.jpg) no-repeat 0 0
}

.entry-text {
	margin-left:10px;
	font-size:20px;
}

.entry-link {
	width:200px; 
	border-top: 1px solid #BFBFBF;
}

.first-link {
	border-top:0;
}

.entry-link a { 
	text-decoration:none; 
	color:#999; 
	font-size:9px;
	padding:3px 5px 3px 5px; 
}	

.entry-link-first {
	border-top:0;
}

.entry-link a:hover { 
	color:#F00; 
}
.entry-link a:active { color:#F00; }
.entry-link .link-active {color:#F00;}

.page-link a { text-decoration:none; color:#999; font-size:11px; padding:3px 5px 3px 5px; }
.page-link a:hover { color:#222; background:#099; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.page-link a:active { color:#f2f2f2; background:#099; }

.tag-link a { font-style:italic; color:#AAA; font-size:9px; padding:3px 5px 3px 5px; margin:3px 3px 3px 3px; float:left; }
.tag-link a:hover { color:#FFF; background:#000; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tag-link a:active { color:#f2f2f2; background:#000; }
.tag-link .link-active {color:#f2f2f2; background:#000; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.close-link {
	float:right;
	margin-right:5px;
}

.sec-title {
	font-family:Courier, Arial, Helvetica;
	width:194px;
	border-bottom:1px solid #666;
	color:#666; 
	font-size:9px;
	font-size:10px;
	padding-left:6px;
	float:left;
}
html>body .sec-title {
	font-family:"droid-sans-mono-1","droid-sans-mono-2", Courier, Arial, Helvetica;
}

/*------------------------------------------------------------------
[4] Thumbnails
*/

.thumb-tag-link {color:#999; line-height:10px; font-family:Georgia,Arial,sans-serif; font-style:italic; font-size:10px;}
.thumb-tag-link a { text-decoration:none; color:#999; }
.thumb-tag-link a:hover { color:#333; text-decoration:underline; }
.thumb-tag-link a:active { color:#f2f2f2; background:#000; }

.link-text a { text-decoration:none; color:#333; font-size:13px;}
.link-text a:hover { color:#333; text-decoration:none;}
.link-text a:active { color:#333; text-decoration:none;}

* html .link-text a {font-family:Georgia,Helvetica,sans-serif;}

.thumb {
	float:left;
	margin:0 14px 36px 0;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	height:190px;
	width:210px;
	background:#FFF;
	text-align:center;
	border: 1px solid transparent;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	cursor:pointer;
}

.thumb-active {
	background:#CDCDCD;
	border:1px solid #333;
}

.thumb img { 
	padding-bottom:5px;
}

#thumbs .entry-text:hover {
	background:#232323;
	padding:0;
}

.thumb-tags {
	padding:0;
	margin:0;
}

.thumb-info {
	max-width:190px;
	padding:0;
	margin:0;
}

.search-description {
	display:none;
}

/*------------------------------------------------------------------
[5] Entries
*/

.entry-title {
	font-family: "droid-sans-mono-1","droid-sans-mono-2", Arial, Helvetica, sans-serif;
	font-size:32px;
	padding-bottom:6px;
	letter-spacing:-1px;
	margin:0 0 0 10px;
	float:left;
}

* html .entry-title {
	font-family: Arial, Helvetica, sans-serif;
}


.entry-date {
	font-size:10px;
	color:#666;
}

.entry-line {
	background-color:#CCC;
	width:670px;
	height:1px;
	margin:25px 0 80px 0;
}

.entry {
	width:670px;
	margin:0 0 30px 0;
}

.entry img {
	border:1px solid #333;
	margin:0 0 20px 0;
}


.entry a {
	padding:0 0 0 0;
}

.entry-extra1 {
	float:left;
	margin:0 30px 0 0;
}

.entry-extra2 {
	float:right;
}

.entry-text {
	margin:0 0 20px 0;
}

.entry-copy {
	width:670px;
	margin-left:10px;
	font-size:14px;
	line-height:26px;
	color:#333;
}


.entry-text-top {
	margin:0 0 20px 0;
}

#close-entry {
	margin-top:11px;
	padding:3px 5px 3px 5px;
	background:#1E1E1E; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	color:#FFF;
	float:right;
}

#close-entry:hover {
	color:#FFFFFF;
}



#launch-entry {
	color:#CCC;
	padding:3px 5px 3px 5px;
	background:#1E1E1E; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	color:#FFF;
	float:left;
}

#launch-entry:hover {
	color:#FFFFFF;
}



/*------------------------------------------------------------------
[6] Footer
*/
#footer {
	position:fixed; 
	bottom:15px; 
	left:755px;
	width:230px;
	z-index:99;
}

.footer-link { 
	font-family: Arial, Helvetica; 
	float:left;
	font-size:9px; 
	color:#999; 
	line-height:165%; 
}

html>body .footer-link {
	font-family:  "droid-sans-1","droid-sans-2", arial;
}
.footer-link a { color:#666;}
.footer-link a:hover { color:#1E1E1E; text-decoration:underline; }
.footer-link a:active { color:#1E1E1E; text-decoration:underline; }

a.color-link, a.color-link:hover, a.color-link:active {
	float:right;
	text-indent: -1000em;
	padding-right:5px;
	width:40px;
	height:40px;
	background: url(../gfx/color_wheel.jpg) no-repeat 0 0
}