@variables screen {
  tw_brown: #5f3616;
  tw_lighterpink: #98145f;
  tw_green: #c7dc67;
  tw_blue: #a1bce1;
  tw_pink: #691a68;
  tw_offwhite: #f5f5f5;
}

/*****************
PAGE LEVEL
*****************/
body,
html {
    margin:0;
    padding:0;
    background:#5f3616;
    color:#000;
    font-family: verdana, arial, sans-serif;
    }
body {
    min-width:750px;
    }
A:link {
	text-decoration: none;
	color: #691a68;
}
A:visited {
	text-decoration: none;
	color: #691a68;
}
A:hover {
	text-decoration: underline;
	color: #691a68;
}
A:active {
	text-decoration: none;
	color: #691a68;
}
hr {
	border: 0;
	width: 80%;
	color: #691a68;
	background-color: #691a68;
	height: 2px;
}
input.button { 
	color:#fff; 
	background-color:#98145f; 
	border: 1px solid; 
	border-color: #691a68; 
	width: 210px;
} 

/*****************
BOXES
*****************/
#wrap {
    background:#f5f5f5;
    margin:0 auto;
    width:750px;
    }
#header {
    background:#f5f5f5;
    padding-right:.5em;
    }

#main {
    background:#f5f5f5;
    float:left;
    width:500px;
    margin-left: .5em;
    }

#nav {
	padding-left:.5em;
	padding-right:.5em;
	font-size:larger;
}

#nav ul{
    list-style:none;
    }

#nav li{
    display:inline;
    }

#sidebar {
    background:#a1bce1;
    float:right;
    width:220px;
    padding:.5em;
    }

#sidebar h3, #sidebar p {
    padding:.25em;
    margin-left: .25em;
    }

#footer {
	padding: .5em;
    background:#a1bce1;
    clear:both;
    }

.navbox
{
	width: 100%;
	border-style: solid;
    border-width: thin;
    border-color: #691a68;
}
.sidebarbox
{
	padding:5px;
	border-style: dotted;
	border-width: thin;
	border-color: #5f3616;
}
div.tweet
{
	border-style: solid;
	border-width: thin;
	border-color: #98145f;
	padding-left: .5em;
	padding-right: .5em;
	text-align:left;
	width:470px;
}

div.title
{
	text-align: right;
	padding-right:5x;
}

div.plain
{
}

div.copyleft
{
	font-size: smaller;
	text-align:right;
}

.footernav
{
	font-size: small;
	text-align:left;
	border-top:solid, 1px, #98145f;
}
.right
{
	text-align:right;
}

/*****************
FONTS
*****************/
.content
{	
	font-size:smaller;
	color: #5f3616;
}
.date
{
	font-size:smaller;
	color: #98145f;
}
.names
{
	font-size:smaller;
	color: #98145f;
}
.title
{
	font-size:24pt;
	color:#98145f;
}
.subtitle
{
	font-size:12pt;
	color:#5f3616;
}
.contenttitle
{
	font-size:larger;
}
.notetext
{
	font-size:smaller;
}

/*****************
ROUNDED CORNERS
*****************/

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}