/*
Theme Name: Inky Coco Coco
Theme URI: 	
Description: 	A custom built theme for Chocoloate Chunk Apps.<br />
				All of this themes files are located in /themes/inky_coco_coco/
Version: 	1.1 - 3 Feb 2010
Author:		Scratched Ink
Author URI:	
Tags: 
*/

/*--------------------- END OF SHOWCASE.PHP CSS ---------------------*/

a.icon span {
display: none;
}

a#wifi_file_trans_icon {
background: url(images/site/wifi_file_ico.gif) no-repeat;
height: 225px;
width: 225px;
display: block;
background-position: -225px;
float: left;
}

a#wifi_file_trans_icon:hover {
background-position: 0px;
}

a#e_dictionary_icon {
background: url(images/site/e_dictionary_icon.gif) no-repeat;
height: 225px;
width: 225px;
display: block;
background-position: -225px;
float: left;
}

a#e_dictionary_icon:hover {
background-position: 0px;
}

a#vlc_remote_icon {
background: url(images/site/vlc_remote_icon.gif) no-repeat;
height: 225px;
width: 225px;
display: block;
background-position: -225px;
float: left;
}

a#vlc_remote_icon:hover {
background-position: 0px;
}

a#rp_icon {
background: url(images/site/remoteprint_icon.png) no-repeat;
height: 225px;
width: 225px;
display: block;
background-position: -225px;
float: left;
}

a#rp_icon:hover {
background-position: 0px;
}

a#mediaBackupIcon {
background: url(images/site/media-icon.gif) no-repeat;
height: 225px;
width: 225px;
display: block;
background-position: -225px;
float: left;
}

a#mediaBackupIcon:hover {
background-position: 0px;
}


/*--------------------- END OF SHOWCASE.PHP CSS ---------------------*/

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

beggining of fonts section

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


body { 
background-color: #ffffff; 
font-family:Arial,Helvetica, 'Sans Serif';
font-size:80%;
color:#666;
margin: 0; 
}

div.post h2
{
	text-align: center;
	font-size: 2em;
	clear: right;
	color: #F90;
}


div.post a { 
color: #FF9900;
text-decoration: none;
font-style: italic;
}

div.post a:hover {
color: #0C86F4;
}

div#container { /* contains .titles, .comments_popup & .navigation */ 
position: relative;
left: 6px;
width: 465px;
}

p.datetime {
color: #97dcdc;
margin: 0;
padding: 0;
font-size: 1.2em;
position: relative;
top: 15px;
font-weight: bolder;ZZ
}

p.newsTitle a:link, p.newsTitle a:visited
{
	font-family: 'Comic Sans MS';
	text-decoration: none;
	color: #666;
	font-size: 1.2em;
	font-weight: bolder;
}

p.newsTitle a:hover, p.newsTitle a:active {
	color: #f90;
	text-decoration: none;
}

a.comments_popup:link, a.comments_popup:visited {
color: #ccc;
text-decoration: none;
font-style: italic;
position: relative;
top: -12px;
left: 5px;
font-weight: bolder;
}

a.comments_popup:hover, a.comments_popup:active {
border-bottom:  #f90 solid 1px;
}


div.navigation a:link, div.navigation a:visited { 
	/* this is the little << and >> sometimes 
	// at the bottom of the pages */
text-decoration: none;
position: relative;
left: 47%;
top: 35px;
color: #FF9900;
font-size: 1.2em;
}

div.navigation a:hover, div.navigation a:active {
color: #CCFFFF;
}

div#goback a:link, div#goback a:visited {		/* controls the little << on single.php items */ 
text-decoration: none;
color: #CCC;
font-size: 1.2em;
padding: 5px 0 0 5px;
}

div#goback a:hover, div#goback a:active {
color: #FF9900;
}

div.page_item a:link, div.page_item a:visited
{
	color: #FFBA00;
	text-decoration: none;
	font-family: 'Comic Sans MS';
	text-align: center;
	font-weight: bold;
}

div.page_item a:hover, div.page_item a:active {
color: #0C86F4;
}

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

end of fonts section, begining of general layout section

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



div#foreground {
background-color: #ffffff;
width: 1000px;
margin: 0px auto;
position: relative;
height: 100%;
}

div#main {
background-color: #ffffff;
width: 1000px;
position: relative;
}

a#banner {
background: url(images/site/chocolate_chunk_blackberry_apps_bannermid.png) no-repeat;
width: 800px;
height: 176px;
display: block;
margin: 0 100px 0;
}

a#banner span{
display: none;
}

div#appbanner {
background-color: #ffffff;
position: relative;
width: 900px;
margin: 0 auto;
padding: 0 0 10px 0;
}

div#appbanner ul {
margin: 0;
padding: 0;
list-style: none;
}

div#appbanner li {
float: right;
margin: 0 auto;
}

div#appbannerline {
clear: both;
border-bottom: 5px #fcb608 solid;
width: 60%;
margin: 0 auto;
}


/*-------------	See top of this css file 'Showcase' 	-------------
---------------	for css which logically should be here	-------------*/

div#page {
background-color: #ffffff;
position: relative;
width: 670px;
margin: 0 auto;
}

div#informationbox {
background-color: #ffffff;
width: 500px;
padding: 15px 0px;
float: left;
}

/*
.ie6 div#informationbox {
float: none;
margin: 0 auto;
}
*/

div#navbuttons {
height: 64px;
width: 480px;
margin: 0;
}

div#navbuttons ul {
margin: 0;
padding: 0;
list-style: none;
}

div#navbuttons li {
float: left;
margin: 0;
}

div#navbuttons li ul {
display: none;
margin: 0;
}

div#navbuttons li:hover ul {
display: block;
position: absolute;
z-index: 9;
}

a.homebutton span {
display: none;
}

a.homebutton {
background: url(images/site/home_button.gif) no-repeat;
height: 64px;
width: 118px;
display: block;
margin: 0;
}

a.homebutton:hover {
background-position: 0 -64px;
}

a.productsbutton span {
display: none;
}

a.productsbutton {
position: relative;
background: url(images/site/products_button.gif) no-repeat;
height: 64px;
width: 164px;
display: block;
}

a.productsbutton:hover {
background-position: 0 -64px;
}

/*
ul#products_box { 
background: url(images/site/products_box_mid.gif) no-repeat;
position: absolute;
list-style-type: none; 
clear: left;
width: 182px;
display: block;
}
*/

li#products_box_top {
position: relative;
background: url(images/site/products_box_top.gif) no-repeat;
display: block;
height: 44px;
width: 182px;
clear: left;
}

li#products_box_bottom {
position: relative;
background: url(images/site/products_box_bottom.gif) no-repeat;
display: block;
height: 15px;
width: 182px;
clear: left;
position: relative;
}


ul#products_box > li.page_item { /* control the products listed in the list */
background: url(images/site/products_box_mid.gif) repeat-y;
display: block;
clear: left;
width: 176px;
height: auto;
position: relative;
text-align: center;
padding: 3px;
font-family: 'Comic Sans MS';
}

ul#products_box > li.page_item a {
color: #FFBA00;
text-decoration: none;
font-weight: bold;
}

ul#products_box > li.page_item a:hover {
color: #0C86F4;
}

div.page_item {
display: block;
height: auto;
color: red;
}

a.vlcbutton {
}

a.wifibutton {
}

a.shopbutton {
background: url(images/site/shop_button.gif) no-repeat;
height: 64px;
width: 97px;
display: block
}

a.shopbutton span {
display: none;
}

a.shopbutton:hover {
background-position: 0 -64px;
}

a.helpbutton span {
display: none;
}

a.helpbutton {
background: url(images/site/help_button.gif) no-repeat;
height: 64px;
width: 101px;
display: block;
margin: 0;
}

a.helpbutton:hover {
background-position: 0 -64px;
}

div.selection_top {
clear: left;
width: 500px;
height: 44px;
display: block;
}

div#selection_home {
background: url(images/site/selection_home.png) no-repeat;
}

div#selection_products {
background: url(images/site/selection_products.png) no-repeat;
}

div#selection_shop {
background: url(images/site/selection_shop.png) no-repeat;
}

div#selection_help {
background: url(images/site/selection_help.png) no-repeat;
}

div#selection_none {
background: url(images/site/selection_none.png) no-repeat;
}

div#selection_body {
background: url(images/site/selection_body.png) repeat-y;
width: 505px;
height: auto;
padding: 5px 0 0 0;
margin: 0;
display: block;
}

div#selection_bottom {
background: url(images/site/selection_bottom.png) no-repeat;
width: 500px;
height: 32px;
border: 0;
padding: 0;
margin: 0;
display: block;
position: relative;
top: -15px;
}

div#contentgroup {
background: url(images/site/info_bg.gif) repeat;
width: 480px;
height: auto;
margin: 0px auto;
}

div.scribble {		/* these are the scribbly icons */
float: right;
}

div.scribble span {
display: none;
}

div#scribble_news {
background: url(images/site/scribble_news.png) no-repeat;
height: 88px;
width: 248px;
}

div#scribble_products {
background: url(images/site/scribble_products.gif) no-repeat;
height: 105px;
width: 260px;
}

div#scribble_shop {
background: url(images/site/scribble_shop.gif) no-repeat;
height: 81px;
width: 218px;
}

div#scribble_help {
background: url(images/site/scribble_help.gif) no-repeat;
height: 76px;
width: 232px;
}

div#contentnavbuttons {
clear: right;
}

div#contenttext {
clear: right;
padding: 10px 0;
}


/* Start of comments sidebar */

div#comments { /* This is the comments sidebar! */
width: 150px;
height: 100%;
float: right;
margin: 0;
clear: none;
}


.ie6 div#comments { /* BUG ie6 displays sidebar to the bottom, for some reason. disabled for now. Ie7 and 8 are ok but need to have fonts resorted out. To turn on: also reset div#informationbox */
/*display: none;*/
position: absolute;
top: 0px;
right: -10px;
}


div#comments_top { /* comment sidebar */
background: url(images/site/comments_top.gif) no-repeat;
height: 27px;
width: 150px;
margin: 0 !important;
padding: 0 !important;
}

div.widgettitle {
display: none;
}

div#comments_mid { /* comment sidebar */
background: url(images/site/comments_mid.gif) repeat-y;
width: 150px;
display: block;
height: auto;
padding: 0 8px !important;
margin: 0 !important;
}

div#comments_bottom { /* comment sidebar */
background: url(images/site/comments_bottom.gif) no-repeat;
height: 187px;
width: 150px;
margin: 0;
padding: 0;
}

div#vsrc_Holder {
color: #FFCC00;
margin: 0;
padding: 0;
}

div#comments_mid ul, div#comments_mid li, div#sidebar ul {
list-style: none;
margin: 0;
padding: 0 12px 0 2px;
}

div#comments_mid a:link, div#comments_mid a:visited {
color: #666666;
font-style: none;
text-decoration: none;
}

/* end of sidebar comment area */

/* Start of main comment area, the one at the bottom */

div.comment_box_main {
width: 450px;
}

p#comment_count {
text-align: center;
position: absolute;
right: 300px;
color:#CCCCCC;

}

p#comment_count big {
	color: #f4dd06;
	font-size: 5em;
	font-weight: bold;
	line-height: 0.8em;
}

div#comments_main_top {
background: url(images/site/comments_main_top.gif) no-repeat;
height: 138px;
width: 450px;
display: block;
margin: 0;
}

ol.commentlist {
background: url(images/site/comments_main_mid.gif) repeat-y;
height: auto;
width: 370px;
display: block;
padding: 50px 50px;
margin: 0;
}

div#comments_main_bottom {
background: url(images/site/comments_main_bottom.gif) no-repeat;
height: 59px;
width: 450px;
display: block;
margin: 0;
}

div#comment_cable {
background: url(images/site/comment_input_cable.gif) no-repeat;
height: 179px;
width: 450px;
display: block;
}

div#comment_input_machine { 
border-top: 5px #ff8177 solid; ;
border-right: 2px #ff8177 solid; ;
border-bottom: 3px #ff8177 solid; ; 
border-left: 2px #ff8177 solid; ;
padding: 10px;
}

div.comment-body a:link
{
	color: #CCC;
	font-style: italic;
	text-decoration: none;
}

div.comment-body a:hover, .comment-body a:active {
border-bottom: 1px solid #FF9900
}


div.comment-meta a {
text-decoration: none;
font-size: 0.8em;
color: #ccc;
}

cite.fn	a, cite.fn, a.fn	/* This class controls the name of the
		// name of the users when displayed in 
		// te comments area. No idea why its got
		// such a crap name. 
		*/
{
	text-decoration: none !important;
	font-style: normal !important;
	color: #FC0 !important;
}

div.fn a:link, div.fn a:visited  { /* controls url link of commentor */
border-bottom: 1px solid #F990;
color: #FC0;
}

div.fn a:hover, div.fn a:active {
border: none;
text-decoration: none;
color: #CCFFFF;
}

div.comment-body > em {
color: #F4DD06;
}

a.comment_log_out {
text-decoration: none;
color: #FC0;
}

div.editbutton a:link, div.editbutton a:visited {
color: red;
text-decoration: none;
margin: 0;
padding: 0;
position: absolute;
left: -70px;
}

div.editbutton a:hover, div.editbutton a:active {
text-decoration: underline;
}

div.nav_menu {
position: relative;
padding: 10px 0 0 5px;
}

div.nav_title {
color: #97dcdc;
font-size: 2em;
}

ul#child_of_list
{
	background: white;
	border: 1px #CFF dashed;
	width: 150px;
	list-style: none inside;
	margin: 0;
	padding: 5px;
}

ul#child_of_list > li.page_item, ul#child_of_list * li
{
	font-weight: 0.8em;
	color: #FFBA00;
	width: 130px;
	text-decoration: none;
}

ul#child_of_list a:link, ul#child_of_list a:visited {
color: #FFBA00;
text-decoration: none;
}

ul#child_of_list a:hover {
border-bottom: 0;
color: #cff;
text-decoration: none;
}

a#dlButton {
background: url(images/site/dlButton.gif) no-repeat;
height: 150px;
width: 150px;
display: block;
margin: 0 0 10px 0;
background-position: 0 -150px; 
}

a#dlButton:hover { 
background-position: 0 0;
}

div#searchtool {		/* controls the search form in the sidebar */
padding: 3px 15px 10px;
margin: 0 0 10px 0;
}

divinput {
text-align: center;
}

div.search_title a:link, div.search_title a:visited /* used on search results */
{
	text-decoration: none;
	font-style: normal;
	color: #666;
}

div.search_title a:hover, div.search_title a:active {
color: #f90;
text-decoration: none;
}

div.search_entry {
position: relative;
top: -5px;
}

div#foot_shading {
background: url(images/site/info_bg.gif) repeat;
height: 20px;
width: auto;
position: float;
clear: both;
margin: 50px 0 0 0;
display: block;
}

p#footer {
width: auto;
height: auto;
margin: 0 auto 0;
padding: 3px 10px;
background: #CFF;
position: float;
clear: both;
color: white;
font-size: 0.9em;
}

.ie6 p#footer, .ie7 p#footer {
background: #97dcdc;
}

p#footer:hover {
background: #97dcdc;
}

a.credits:link, a.credits:visited {
font-family: Georgia;
color:white;
text-decoration: none;
font-style: bold;
}

a.credits:hover, a.credits:active {
color: #CCFFFF;
text-decoration: none;
}

span.hidden {
display:none;
}

/* Vertical Scroll plugin */

.vsrc_div {
width: 125px;
}

p.vsrcAuthor
{
font-size: 1.1em;
}

p.vsrcPost {
color: blue;
}