/*
	Author	:	Christopher Robinson
	Email	:	christopher@edg3.co.uk
	Website	:	http://www.edg3.co.uk/
	
	The above is the author of the original elegent css.
	Deviation from excellence are the fault of Stefan Szo AT formip.com
	
	And now also completely stretched by Michael Killian. 
*/
* {
	margin:0;
	padding:0;
}

/* general */
a {
	color:#3366FF;
	text-decoration:none;
        padding:0 .2em;
}

a:hover {
	color:#000099;
	text-decoration:none;
        background-color:#dfa;
}

/* body */
body {
	background:#ffffff;
	color:#555;
	font:.7em Arial, Helvetica, "bitstream vera sans", sans-serif;
}

/* header */
#header {
	border-bottom:1px dotted #999;
	height:80px;
	margin:0 auto;
	width:90%;
}
#header h1 {
	color:#066;
	font-size:400%;
	letter-spacing:-3px;
	text-align:right;
	padding:5px;
	margin-bottom:-10px;
}
#header h2 {
	color:#693;
	font-size:260%;
	letter-spacing:-2px;
	text-align:right;
}

/* navigation */
#navigation {
	background:#fafafa;
        border-bottom:1px dotted #999;
	margin:0 auto;
	width:90%;
	height:50px;
	list-style:none;
}
#navigation li {F9E794
	border-left:1px dotted #999;
	float:left;
	width:20%;
	list-style:none;
}
#navigation a {
	color:#3366FF;
	text-decoration:none;
	display:block;
	line-height:50px;
	text-align:center;
}
#navigation a:hover {
	background:#066;
	color:#fff;
	text-decoration:bold;
}
#navigation .active {
	background:#7b3;
	color:#fff;
	text-decoration:bold;
}

/* content */
#content {
	height:auto;
	margin:0 auto;
	padding:0 0 20px;
	width:90%;
margin-top:-50px
}
#content h1 {
	color:#666;
	border-bottom:0px dotted #999;
	font-size:2em;
	padding:0;
}

#content h2 {
	color:#333;
	font-size:1.4em;
	padding:10px 0 0;
}

#content p {
	font-size:1.4em;
	line-height:1.4em;
	padding:2px 0px 2px;
}

#content blockquote {
	padding:2px 0px 2px 20px;
}


#content img {
	align: left;
	padding-right: 10px;
}


/* footer */
#footer {
	border-top:1px dotted #999; 
	height:10px;
	margin:0 -50%;
	padding:10px;
	text-align:center;
        color:#888;
width:200%;
clear:both;

}

/* Custom changes */
div#bread {float:left; width:60%; height:2.5em;overflow:hidden;background-color:#fff;padding:0 0%;margin-right:0%}

#search{ margin-top:-1em;}
#search label {display:none;}
#search .form-item input {border:1px solid #ccc;font-size:100%;padding:.1em 0%;width:19.7%;background-color:#ffffff;}
#search .form-submit{border:1px dotted #ccc;font-size:100%;padding:.05em 0 0;width:19.7%;background-color:#f9fdea;margin-left:-.1em}

#container #header {border:none;}

#sidebar-left{float:left; width:15%;padding:10px 1.5% 10px 1%;margin:45px 2.5% 30px 0;background-color:white;border:1px dotted grey}

#greeter{position:relative;bottom:-.7em;}

#writings{width:80%;margin:0 0 20px 20% ;padding:0}
#writings div {clear:right;}
form{clear:none;}
#sidebar-right{}
#sidebar-right ul li li li, #sidebar-right ul li li li li{display:inline;}

div.help {
color:#361;
background-color:#ffd;
font-size:90%;
padding:10px 30px;
border:1px dotted #bbb;
margin:15px 0;
position:relative;
top:12px;
}

fieldset{color:#361;
background-color:#ffd;
}

.comment h3 {
font-size:160%;
font-variant:small-caps;
margin-left:-10px;
padding:40px 0 0 40px;
background:url(/images/studentsml.jpg) no-repeat left;
}
.comment .submitted {
text-align:right;
margin-top:-1em;
margin-bottom:em;
padding-right:1%;
}
.comment p {
background-color:#ffd;
border-bottom:4px solid #fff8cc;
color:#300;
letter-spacing:.5px;
padding:10px;

}

.comment .new {
color:#f81;
float:right;
padding-right:2%;
margin-top:35px;
font-weight:bold;
}

.comment .links{
background-color:#fe9;
border-top:4px solid #fff6aa;
border-bottom:2px dotted #fa7;
letter-spacing:4px;
text-align:right;
}
.indented{
  margin-left: 0px; /* LTR */
  padding-left: 25px;
  border-left: 1px dotted #cf9;
}
.comment{
margin-bottom:1em;
}


div.node {
background-color:#f7f9e7;
margin-bottom:3em;
padding:10px;
color:#333
}
div.node.sticky {
border:3px solid #7b3;
}


div#toboggan-container ul li, div#toboggan-container ul li a, div#toboggan-container ul {
display:block;
margin:0;
padding:0;
}

div#toboggan-container ul li a {
margin:5px 0;
padding:3px 0 3px 3px;
}

#sidebar-left .title {
visibility:hidden;
}

#toboggan-login-link, .collapsible a{
color:#d90;
}

div#toboggan-container input {
width:100%;
border:1px solid #999;
margin:0;
}
div#toboggan-container label {
font-size:80%;
color:#888
}


.content .picture, .profile .picture{
float:right;
margin:0 20px 40px;
} 


div.block-profile{
margin:70px 0 40px 0;
padding:0px 2% 70px;
background-color:#fec;
}

div#comments div.box{
position:relative;
}
div#edit-comment-wrapper textarea{
background-color:#ffc;
border:2px dotted #fa1;
padding:.2em 0px .2em 10px;
width:70%;
}
div#edit-comment-wrapper .grippie{
height:0px;padding:.1em 0 .1em 10px;width:70%
}


textarea#edit-comment{
height:7em;
color:#630;
}

div#comments h2.title{
margin-top:3em;
}

div#comments .form-item, div#comments label{
display:inline;
} 
div#comments #edit-preview{
position:absolute;
top:2em;right:15%;
margin:1em 0;
width:10%;
height:5em;
background-color:#777666;
color:white;
font-variant:small-caps;

}
div#comments #edit-submit{
position:absolute;
top:2em;right:0;
margin:1em 0;
width:10%;
height:5em;
background-color:#777666;
color:white;font-variant:small-caps;
font-weight:bold;
}
.form-submit{
cursor:pointer;
}