/* Important note

  .name - is the CSS class selector
  #name - is the CSS id selector

*/

/* Screen layout */
	.side {
		float: left;
		width: 20%;
		margin-bottom: 1em;
		margin-top: 1em;
		overflow: hidden;
	}

	.mainContent {
		float: right;
		width: 80%;
		margin-top: 1em;
		margin-bottom: 3em;
		overflow: hidden;
	}

	.forkieside {
		float: left;
		width: 20%;
		margin-bottom: 1em;
		margin-top: 1em;
		overflow: hidden;
	}

	.forkieContent {
		float: right;
		width: 78%;
		margin-top: 1em;
		margin-bottom: 1em;
		overflow: hidden;
	}

/* Navigation breadcrumbs */

#breadcrumbs {
	background: #F7F8F8 url("http://www.forkie.com/img/btns/backgrounds/breadcrumbs.png") bottom repeat-x;
	padding-top: 4px;
	padding-bottom: 30px;
	font-size: 85%;
	color: #999;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
	color: #666;
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
	color: #333;
}

/* Miscellaneous */
.hide { display: none; }

/* Error box */
.error-notice {
	margin: 0 auto;
	padding: 10px 80px 20px 80px;
	background: url('http://www.forkie.com/img/icons/tango/36x36/Trans/status/dialog-error.png') 22px 22px no-repeat;
}

div.channeltitle
{
	clear: both;
	border-top: #333 1px solid;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 2px;
	margin: 5px;
	padding-top: 2px;
	border-bottom: #333 1px solid;
	background-color: #f8f8f8;
	width: 100%
}

div.channeltitle a
{
	color: black;
	text-decoration: none;
}
div.channeltitle a:hover
{
	text-decoration: underline;
}

/* Footer */
.footer {background-color:#f4f2ff;}
.footer .roundboxbody {border-left: solid 1px #b7ace0; border-right: solid 1px #b7ace0;}
.footer .roundboxtop {background-image: url('http://www.forkie.com/css/rnd/indd_tl_big.gif');}
.footer .roundboxtop h5 {background-image: url('http://www.forkie.com/css/rnd/indd_tr.gif');}
.footer .roundboxbtm {background-image: url('http://www.forkie.com/css/rnd/indd_bl_big.gif');}
.footer .roundboxbtm h5 {background-image: url('http://www.forkie.com/css/rnd/indd_br.gif');}
.footer .box_rule {height: 1px; background-color: #b7ace0;}

/* DHTML Calendar */
.special { background-color: #b7ace0; }

/* Sortable lists */
.sortable-list {
    list-style-type : none;
    margin : 0;
    padding : 2px;
}
.sortable-list li {
    border : 1px solid #000;
    cursor : move;
    margin : 2px 0 2px 0;
    padding : 3px;
    background : #f7f7f7;
    border : #ccc;
    width : 300px;
}