/* byteMyCode.com */
/* ©1998-2006  All Rights Reserved. */

*
{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #444444;
	font-size: .8em;
}

img
{
	border: 0px;
}

a
{
	color: #0C86B5;
	text-decoration: none;
}

a:hover
{
	color: #56AA04;
	text-decoration: none;
}

h1
{
	font-size: 180%;
	color: #0C86B5;
}

h1 a
{
	color: #0C86B5;
}

h2
{
	font-size: 170%;
	color: #0C86B5;
}

h2 a
{
	color: #0C86B5;
}

h3
{
	font-size: 120%;
	color: #0C86B5;
}

h3 a
{
	color: #0C86B5;
}


small
{
	font-size: 90%;
}

.icon
{
	padding-bottom: 4px;
}

/* Contents */

.contents
{
	width: 100%;
}

.spacer
{
	height: 200px;
}

#header
{
	background-image: url(/img/header_back.gif);
	background-repeat: repeat-x;
	height: 106px;
}

#logo
{
	position: absolute;
	top: 20px;
	left: 5px;
}

/* Menu */

#menu
{
	background-image: url(/img/menu_back.gif);
	background-repeat: repeat-x;
	height: 38px;
	text-align: left;
	padding-right: 25px;
	padding-bottom: 10px;
}

#menu .sep
{
	float: right;
	width: 2px;
	height: 38px;
	background-image: url(/img/menu_sep.gif);
	background-repeat: no-repeat;
}

#menu .item_hover
{
	float: right;
	height: 38px;
	font-size: 1.5em;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	background-image: url(/img/menu_back_hover.gif);
	background-repeat: repeat-x;
	line-height: 1.4;
}

#menu .item_hover a
{
	color: #D6F5FF;
	text-decoration: none;
}

#menu .item_hover a:hover
{
	color: #D6F5FF;
	text-decoration: none;
}

#menu .item
{
	float: right;
	height: 38px;
	font-size: 1.5em;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	line-height: 1.4;
}

#menu .item a
{
	color: #D6F5FF;
	text-decoration: none;
}

#menu .item a:hover
{
	color: #D6F5FF;
	text-decoration: none;
}

/* Footer */

#footer
{
	border-top: 1px solid #0C86B5;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 25px;
	padding-top: 5px;
	margin-bottom: 5px;
	color: #0C86B5;
	font-size: 90%;
}

/* Search Bar */

#searchbar
{
	position: absolute;
	right: 50px;
	height: 40px;
	top: 50px;
	font-size: 150%;
}

.search_form_input
{
	border: 1px solid #CACBD0;
	background-color: #F9FAFB;
	padding: 5px;
	color: #A7A9B0;
}

.search_form_button
{
	border: 1px solid #CACBD0;
	background-color: #F9FAFB;
	padding: 5px;
	color: #A7A9B0;
}

/* Info bar */

#infobar
{
	position: absolute;
	right: 0px;
	height: 29px;
	background-image: url(/img/infobar_back.gif);
	background-repeat: repeat-x;
	font-size: 110%;
	color: #56AA04;
}

#infobar a
{
	color: #56AA04;
	text-decoration: none;
}

#infobar a:hover
{
	color: #82C441;
	text-decoration: none;
}

#infobar .sep
{
	color: #82C441;
	padding-left: 5px;
	padding-right: 5px;
}

#infobar span
{
	margin-bottom: 5px;
	padding-right: 10px;
}

.clear
{
	clear: both;
}


/* Auto Complete */

#autocomplete
{
	position: absolute;
	border: 1px solid;
	overflow: hidden;
}

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

#autocomplete li
{
	background: #FFFFFF;
	color: #000000;
	white-space: pre;
	cursor: default;
	text-align: left;
}

#autocomplete li.selected
{
	background: #FAFDFD;
	color: #56AA04;
}

html.js input.form-autocomplete
{

}
html.js input.throbbing
{
	background-position: 100% -18px;
}

/* Left Gutter */

.gutter_left
{
	width: 141px;
	float: left;
	margin-left: 5px;
	background-image: url(/img/gutter_blue_back.gif);
	background-repeat: repeat-y;
	font-size: 83%;
	color: #0C86B5;
}

.gutter_left h2
{
	color: #0C86B5;
	font-size: 130%;
}

.gutter_left .middle
{
	padding-left: 4px;
	padding-right: 4px;
}

.gutter_left a
{
	color: #0C86B5;
	text-decoration: none;
}

.gutter_left a:hover
{
	color: #43A8CF;
	text-decoration: none;
}


/* Right Gutter */

.gutter_right
{
	width: 141px;
	float: right;
	margin-right: 5px;
	background-image: url(/img/gutter_green_back.gif);
	background-repeat: repeat-y;
	font-size: 83%;
	color: #56AA04;
}

.gutter_right h2
{
	color: #56AA04;
	font-size: 130%;
}

.gutter_right .middle
{
	padding-left: 4px;
	padding-right: 4px;
}

.gutter_right a
{
	color: #56AA04;
	text-decoration: none;
}

.gutter_right a:hover
{
	color: #82C441;
	text-decoration: none;
}

/* Snippets */

.snippet_header
{
	border-top: 1px solid #C6D6E6;
	background-image: url(/img/lines_back.gif);
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	border-bottom: 1px solid #C6D6E6;
	font-size: 90%;
}

.snippet_header span
{
	color: #0C86B5;
}

.snippet_header a
{
	color: #4B798B;
	text-decoration: none;
}

.snippet_header a:hover
{
	color: #C6D6E6;
	text-decoration: none;
}

.snippet_list
{
	padding-top: 15px;
	padding-bottom: 15px;
}

.snippet_list .snippet
{
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #C6D6E6;
	background-color: #FAFDFD;
}

.snippet_list .title
{
	font-weight: bold;
	padding-top: 3px;
	font-size: 115%;
}

.snippet_list .info
{
	padding-top: 5px;
	font-size: 83%;
	color: #0C86B5;
}

.snippet_list .description
{
	font-size: 95%;
	padding-bottom: 5px;
	padding-left: 100px;
}

.snippet_list .vote_border
{
	height: 140px;
	width: 100px;
	float: left;
}

.snippet_list .vote_controls
{
	float: left;
	width: 75px;
	text-align: center;
	padding-top: 4px;
}

.snippet_list .vote_border .vote_booth
{
	margin-top: 20px;
	height: 75px;
	width: 75px;
	float: left;
	color: #0C86B5;
	background-image: url(/img/snippet_vote_back.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 220%;
	font-weight: bold;
}

.snippet_list .vote_border .vote_booth_voted
{
	margin-top: 20px;
	height: 75px;
	width: 75px;
	float: left;
	color: #56AA04;
	background-image: url(/img/snippet_vote_back_6.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 220%;
	font-weight: bold;
}

.snippet_list .vote_border .vote_booth .ranking
{
	padding-top: 18px;
}

.snippet_list .vote_border .vote_booth_voted .ranking
{
	padding-top: 18px;
}

/* Pages */

.pages
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.pages .pages_disabled
{
	border: 1px solid #C6D6E6;
	color: #C6D6E6;
	background-color: #FAFDFD;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
}

.pages .pages_current
{
	border: 1px solid #56AA04;
	color: #56AA04;
	background-color: #C7EBA0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
}


.pages .page
{
	border: 1px solid #0C86B5;
	color: #0C86B5;
	background-color: #EDF2F5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
}

.pages .page:hover
{
	border: 1px solid #0C86B5;
	color: #0C86B5;
	background-color: #FAFDFD;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	margin: 1px;
}

.pages .page a
{
	color: #0C86B5;
}

.pages .page a:hover
{
	color: #0C86B5;
}

/* Main */

.main
{
	margin-left: 165px;
	width: 650px;
}

/* Cookie Trail */

.main .cookietrail
{
	padding-bottom: 10px;
	color: #0C86B5;
	font-weight: bold;
	border-bottom: 1px solid #0C86B5;
}

/* Forms */

.form
{
	margin: 25px;
	padding: 25px;
}

.form .form_item
{
	padding: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #56AA04;
}

.form .form_item span
{
	font-size: 85%;
	font-weight: normal;
	color: #B1D291;
}

.form .form_item_error
{
	padding: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	color: red;
	border: 1px solid red;
}

.form .form_item_error span
{
	font-size: 85%;
	font-weight: normal;
	color: red;
}

.form .form_buttons
{
	text-align: right;
	padding-top: 0px;
}

.form .form_textarea
{
	color: #56AA04;
	border: 1px solid #56AA04;
	background-color: #F3FAEB;
	padding: 3px;
	font-weight: normal;
	width: 100%;
	font-size: 120%;
	width: 100%;
}

.form .form_input
{
	color: #56AA04;
	border: 1px solid #56AA04;
	background-color: #F3FAEB;
	padding: 3px;
	font-weight: normal;
	width: 100%;
	font-size: 120%;
}

/* Sort */

.sort
{
	height: 33px;
	border-top: 1px solid #C6D6E6;
	background-image: url(/img/lines_back.gif);
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #C6D6E6;
	margin-top: 20px;
}

.sort .left
{
	float: left;
	padding-top: 7px;
	font-size: 90%;
	color: #0C86B5;
}

.sort a
{
	color: #0C86B5;
	text-decoration: none;
}

.sort a:hover
{
	color: #C6D6E6;
	text-decoration: none;
}

.sort .right
{
	float: right;
	padding-top: 8px;
}

/* Snippet */

.snippet_view div
{
	padding: 5px;
	border: 1px solid #C6D6E6;
	background-color: #FAFDFD;
	font-size: 120%;
}

.snippet_author
{
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	height: 170px;
}

.snippet_menu, .snippet_menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	font: 11px arial, sans-serif;
	display: inline;
}

.snippet_menu
{
	position: absolute;
	top: 4px;
	right: 0;
	background: url(/img/tool-divider.gif) 0 2px no-repeat;
	padding-left: 5px;
} * html .probdrop { top: 5px; }

.snippet_menu_bottom
{
	background-color: white;
}

.snippet_menu li
{
	border-right: 1px solid #0C86B5;
	border-left: 1px solid #0C86B5;
	border-bottom: 1px solid #0C86B5;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.snippet_menu li img
{
	padding-right: 5px;
}

.snippet_menu li:hover
{
	background-color: #DFF4FA;
	border-right: 1px solid #0C86B5;
	border-left: 1px solid #0C86B5;
	border-bottom: 1px solid #0C86B5;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.snippet_menu li:hover img
{
	padding-right: 5px;
}

/* Voting */

.voting
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.voting h3
{
	font-size: 98%;
}

/* Comments */

.comments
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 600px;
}

.comments .newcomment
{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}

.comments .comment
{
	padding: 2px;
}

.comments .comment .subject
{
	width: 600px;
	position: relative;
}

.comments .comment .contents
{
	padding-left: 5px;
}

.comments .comment .snippet
{
	margin: 5px;
	padding: 10px;
	border: 1px solid #C6D6E6;
	background-color: #FAFDFD;
	width: 95%;
}

.comments .comment .reply
{
	text-align: right;
	margin: 8px;
}

/* Tags */

.cloud
{
}

.cloud span
{
	padding-left: 2px;
	padding-right: 2px;
}

/* Squeak */

.squeak
{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}