@charset "utf-8";
/* CSS Document */

/*  
Theme Name: Toe The Slab!
Version: 1.0
Author: Mali Hirsch
Author URI: http://www.malicula.com
*/

body{
	background-color:#5282ca;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:10px;
	color:#FF6600;
	}

#wrapper{
	margin:0 auto;
	width:720px;
	}
#wrapper2{
	float:left;
	width:720px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	/*background-image:url(images/bg.jpg);
	background-repeat:repeat-y;*/
	border: 1px solid #FFFFFF;
	}
#masthead{
	float:left;
	width:718px;
	height:141px;
	margin-bottom:10px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	}
#contentwrap{
	float:left;
	width:718px;
	}
/*----------sideBar----------------------*/	
#sideBar{
	float:left;
	width:176px;
	background-color:#89ace3;
	margin-right:5px;
	padding-top:10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	}
#sidebar li {
	font-size:11px;
	list-style:url(images/list.jpg);
	text-decoration:none;
	margin-bottom:5px;
	margin-left:0px;
	padding-left:0px;
	
	}	
#sidebar ul li{
margin-left:0px;
padding-left:0px;
}
#sidebar li a{
	font-size:11px;
	color:#FFFFFF;
	}
	#sidebar a:hover{
	text-decoration:none;
	}
#sidebar li ul{
margin-left:0px;
padding-left:0px;
}
#sidebar h2{
font-size:14px;
}

/*#whiteBox{
	font-size:14px;
	font-weight:bold;
	border: 1px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: left;
	height:40px;
	`height: 30px;
	width: 150px;
	margin-left: 5px;
	padding-left:10px;
	padding-top:0px;
	`padding-top:10px;
	}
#whiteBox li{
	list-style:url(images/list2.jpg);
	}	
#sideBar ul.big {
	margin-left:0px;
	padding-left:5px;
	}*/
/*----------sideBar ends----------------------*/
	
#content{
	float:left;
	width:530px;
	padding-left:7px;
	padding-bottom:5px;
	padding-top:5px;
	background-color:#89ace3;
	}
#contentArea{
	float:left;
	width:510px;
	background-color:#FFFFFF;
	padding-left: 10px;
	}
#contentArea p{
	margin-left:10px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
#contentArea a{
	color:#006600;
	}
.MsoNormal{
font-family:Arial, Helvetica, sans-serif;
}
#topNav{
	float:left;
	width:475px;
	height:40px;
	`height:30px;
	background-color:#6c6c6c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:20px;
	padding-top:0px;
	`padding-top:10px;
	}
#topNav li{
	float:left;
	list-style:none;
	margin-right:10px;
}
#topNav a{
	color:#ffffff;
	
	}
#topNav a:hover{
	text-decoration:none;
	}
#topBar{
	float:left;
	width:460px;
	height:40px;
	`height:30px;
	padding-left:20px;
	padding-top:0px;
	`padding-top:10px;
	}
#topBar h1{
	color:#94be05;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#topBar a{
	color:#0033FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#topBar a:hover{
text-decoration:none;
}

/*--------application STARTS-----*/
#app{
	float:left;
	width:495px;
	/*height:350px;*/
	border: 1px solid #a3b7e3;
	background-color:#f0efed;
	margin-bottom:20px;
	padding-bottom:20px;
	}
#app h1{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}
#app h2{
	color:#e4bd24;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:underline;
	}
.meta{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
margin-left:10px;
}	

textarea{
	width:200px;
	}
	
#footer{
float:left;
width:500px;
height:30px;

}
#footer p{
color:#333333;
font-weight:bold;
}
/*-----socialable------*/	
	
.feedback{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:10px;
}
ol{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}