body {
	margin: 20px;
		margin-left: 30px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	background-color: #151515;
	color:#FFFFFF;
}

html {
	background-color: #151515;
}
a:link, a:visited {
color:#f39;
text-decoration:none;
}

a:hover {
color:#f39;
text-decoration:underline;
}

#header {
	height: 102px;
	margin: 0;
	padding:0;
	margin-bottom:15px;
}


#header h1 a:link, #header h1 a:visited {
	height: 102px;
	width:500px;
	border:0;
	display:block;
	margin: 0;
	padding:0;
	background-image: url(../playground/images/logo-off-black.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
}
#viewport {
		border-top: 10px solid #ff3399;
		float:left;
		padding:0;
		margin:0;
		width:78%;
		
}

#wrapper {
padding-bottom: 10px;
color: #fff;
}


#content {

}

#blog {
float:left;
padding: 0 10px 10px 10px;
color: #fff;
text-align: left;


}

#header h1 {
margin:0;
padding:0;
width:500px;
float:left;
}

#textsizebuttons {

	float:right;
		width: 18%;
		padding:0;
		margin:0;
		
}

#navlist
{
margin: 0;
padding: 0 0 20px 0px;
margin-bottom: 8px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 20px 4px 0px;
text-decoration: none;
color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 2px solid #fff;
padding-bottom: 2px;
background: transparent;
color: #fff;
}

#navlist a:hover { color: #fff; }







#viewport h2 {
margin-top: 2px;
font-family: Georgia, "Times New Roman", Times, serif;

}

#viewport h3 {
margin-top: 2px;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#f39;

}


#main-column {
width:425px;
float:left;

}

#sub-features {
margin-left:450px;
}


#sub-features h3 {
margin-top: 2px;
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#f39;

}
#projectsnav {
		border-top: 10px solid #ff3399;
	width: 18%;
	float: right;

}

#projectsnav h3{
margin-top:0;
font-family: Georgia, "Times New Roman", Times, serif;

}

#projectsnav ul{
padding:1px;
margin:1px;

}

#projectsnav li{
list-style:none;
border-top: 1px dotted #fff;
padding-top:4px;
padding-bottom:4px;
font-size:0.9em;
}


#projectsnav a:link, #projectsnav a:visited {
font-family:Arial, Helvetica, sans-serif;
color: #00FFFF;
text-decoration:none;
}

#projectsnav a:hover {
color: #fff;
text-decoration:underline;

}


#footer {
border-top: 10px solid #f39;
padding-top: 15px;
	height: 50px;
	clear:both;
	margin-top:20px;
	font-size: 0.7em;

}
#main-column h3 {
color:#FF3399;
margin-top:12px;
}

#textsizebuttons p {
font-size:0.9em;
font-weight:bold;
margin: 0;
padding:0;
}

.adjusters {
float: left;
width:33%;
}

.adjusters p{
margin: 0;
padding:0;
font-weight:normal;
}

#biga {
font-size:2em;
float:left;
padding-bottom:0;
margin:0;
margin-top:6px;
width:33%;
}


#biga a:link, #biga a:visited {
text-decoration:none;
color:#fff;
} 

#biga a:hover, #biga a:active {
text-decoration:underline;
color:#f39;
} 

#highcontrasta {
font-size:2em;
color:#FFFF00;
background-color:#000;
float:left;
padding-bottom:0;
margin:0;
margin-top:6px;
}

#highcontrasta a:link, #highcontrasta a:visited {
text-decoration:none;
color:#ff0;
} 

#highcontrasta a:hover, #highcontrasta a:active {
text-decoration:underline;
background-color:#FFFF00;
color:#f39;
} 

#normala {
font-size:1.3em;
float:left;
padding-bottom:0;
margin:0;
margin-top:6px;
width:33%;
vertical-align:bottom;
}

#normala a:link, #normala a:visited {
text-decoration:none;
color:#fff;
} 

#normala a:hover, #normala a:active {
text-decoration:underline;
color:#f39;
} 

#changetext {
font-size:0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom:10px;
font-size:0.8em;
font-weight:normal;
background-color:#f39;
color:#fff;}

#archive {
		border-top: 10px solid #ff3399;
		margin-top:12px;
}
#monoslideshow {
width:425px; }




#sub-navlist
{
padding: 1px;
margin:0;
width: 140px;
float:left;}

#sub-navlist li
{
list-style: none;
margin: 0px;
border-left: 1px #f39 solid;
border-bottom: 1px #fff dotted;
text-align: left;
}

#sub-navlist li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#sub-navlist li a:link { color: #f39; }
#sub-navlist li a:visited { color: #f39; }

#sub-navlist li a:hover
{
font-weight:bold;
color: #fff;
background: #f39;

}

#photos {
padding-bottom:30px;
}

#photos h3{
padding-left:8px;
color: #fff;
}

#photos img {
border: 1px solid #fff;
margin:8px;
}
#permphoto {
margin-top:35px;
}
#permalink a:link, #permalink a:visited {
color:#f39;
text-decoration:none;
}
#permalink a:hover {
color:#f39;
text-decoration:underline;
}
#archivelist {

}





ol {
	margin-bottom: 10px;
}

.center {
text-align: center;
}

blockquote {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

img {
margin: 0;
padding: 0;
border: 0;
}

#blog a:link { background-color: transparent; text-decoration: none; color: #f39; }
#blog a:hover { background-color: #f39; text-decoration: none; color: #fff; }
#blog a:visited { background-color: transparent; text-decoration: none; color: #f39; }


#topbar {
margin:0 auto;
padding:0;
height: 45px;
background: #FBFAF4;
border-top: 8px solid #232863;
border-bottom: 1px solid #fff;
}

#navbar {
margin:0 0 0 125px;
padding:3px 0 3px 0;
background: #FBFAF4;
font: 16px lucida grande, verdana, arial, helvetica, sans-serif;
text-align: center;
}

#navbar ul {
list-style: none;
}

#navbar li {
float: left;
padding: 0 23px 0 23px;
margin-right: 5px;
list-style: none;
}

#navbar li a {	display: block; 
padding: 0.75em 0 0.25em; 
text-transform: uppercase; 
color: #000;}

#navbar a:hover {background: transparent;}



#blogtitle {
font-size: 1.25em;
color: #2F4C12;
float: left;
margin: 7px 0 0 0;
padding: 8px 4px 4px 4px;
border-top: 1px solid #fff;
}

#blogtitle h1 {
margin: 0;
padding-top: 5px;
font: 160% Georgia, Times, serif;
letter-spacing: 0.1em;
text-align: left;
}

#nav {
float: left;
margin: 0;
padding: 0;
width: 35px;
text-align: right;
background: transparent;
color: #fff;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
}



.entry {
margin-top: 10px;
padding: 0 10px 10px 10px;
border: 1px solid #f39;
background: #FBFBFB;
color: #f39;


}

#sidebar {
float: left;
margin-left: 5px;
padding: 10px 10px 10px 15px;
border: 1px solid #ccc;
width: 150px;
background: #F9F8F2;
color: #fff;
text-align: left;
}



.date {
font-size: 120%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
font-weight: normal;
background: transparent;
color: #f39;

}

.posted {
margin-bottom: 10px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.sidetitle {
margin: 18px 0 7px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         10px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	10px;
 color: #fff;
 background-color: #195337;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}

h3 a:link, h3 a:visited {
color: #f39;
text-decoration:none;
}
h3 a:hover{
color: #f39;
text-decoration:none;
}

#gallerycontent {
margin-left:160px;
}

#testgallerycontent {
padding:0;
margin:0;
background-color:#FF0000;
float:left;
width:100%;

}

.projects {
min-height:80px;
float:left;
background-color:#33FF99;
width:140px;
margin:8px;
padding:6px;}

.projects img {
border:1px solid #f39;
margin:0;
margin-right: 10px;
padding:0;
}

.projects p {
border:0;
padding:0;
margin:0;
background-color:#00CC00;
}
#testbody {
border:0;
margin:0;
padding:0;
}
.left {
margin-right:10px;
margin-bottom:10px;
float:left; }

.right {
margin-left:10px;
margin-bottom:10px;
float:right;
}
.flogos {
margin:15px;
}


.project  {
width: 45%;
list-style:none;
float:left;
margin: 15px;
margin-left:0;
margin-bottom:0;
height: 100px;
overflow:visible;



}
.project img {
float: left;
margin:10px;
border: 1px solid #f39;
}

.project a:link, #project a:visited {
display:block;
color:#f39;
cursor:default;
}
.project a:hover {
background-color:#f39;
color:#fff;
display:block;
text-decoration:none;
cursor: pointer;
height:100%;
}


.projectname {
font-weight:bold;
font-size:1.1em;
margin-top:10px;
color:#fff;

}
.flickr {
float: right;
display:inline;
width: 180px;
margin:0;
margin-top: -30px;
}