@charset "UTF-8";
/* CSS Document */
/*T.O.C.
1.main div positioning / formatting.
2.typography.
3.specifics.
4.menu
5.submenu
6.project list
7.recent work
8.portfolio
9.portfolio categories
10.front page specifics
11.admin interface
12.last fm widget
*/

/*---------------------------------1.main div positioning / formatting---------------------------------*/
body {
	font-size:62.5%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
	
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
/*	background:url(../images/alphabg.png);
	padding:0 10px;
*/}

#leftcol {
	clear:both;
	float:left;
	width:210px;
	margin:14px 0 0 0;
}

#rightcol {
	clear:right;
	float:right;
	width:710px;
/*	background:#99FFCC;
*/}

#head {
	float:right;
	width:710px;
	margin:50px 0 0 0;
}

.rightgap {
	position:relative;
	height:110px;
	width:710px;
}

#col1 {
	float:left;
	width:210px;
	padding-top:10px;
	border-top:1px solid #646464;
	z-index:20;
}

#col2 {
	float:left;
	width:210px;
	padding-top:10px;
	margin:0 0 0 40px;
	border-top:1px solid #646464;
	z-index:20;
}

.coltitle {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.05em;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #dbd8d8;
}

.coltext li{
	font-family:Helvetica, Arial, sans-serif;
	color:#3e3e3e;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	font-size:1.2em;
}

.coltext li a{
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#807f7f;
	background:#ececec;
	font-size:100%;
}

.coltext li a:hover {
	border-bottom:1px solid #838383;
}


/*---------------------------------2.last fm---------------------------------*/
#artistList {
	float:left;
	width:130px;
	clear:both;
	margin:0 0 10px 0;
	height:70px;
	overflow:hidden;
}

#artistList li {
	font-family:Helvetica, Arial, sans-serif;
}

.artist {
	font-size:1.4em;
	color:#262626;
}

.song {
	font-size:1.4em;
	color:#807f7f;
}

.album {
	font-size:1.2em;
	color:#262626;
}

.albumImage {
	float:right;
	height:70px;
	width:70px;
	margin:0 0 10px 0;
	border:1px solid #dbd8d8;
}

.bookimg {
	position:relative;
	margin:1px;
}

/*---------------------------------2.typography---------------------------------*/
p.tutorialSeeker {
	font-size:1.3em;
	padding:10px 0;
	color:#3e3e3e;
	background:#FFFCAD;
	border:1px solid #E8A746;
	padding:0 10px;
	border-left:0;
	border-right:0;
	margin-bottom:20px;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.8em;
	line-height:1.3em;
	color:#3e3e3e;
	padding:0 0 10px 0;
	border-bottom:6px #808080 solid;
}

h1 a {
	text-decoration:none;
	color:#3e3e3e;
	background:#FFFCAD;
	border-bottom:1px solid #E8A746;
}

h1 a:hover {
	border-bottom:2px solid #E8A746;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	letter-spacing:0.15em;
/*	line-height:1.5em;
*/	padding:10px 0;
	border-bottom:1px solid #dbd8d8;
}

.h2Alt {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	letter-spacing:0.15em;
/*	line-height:1.5em;
*/	padding:10px 0;
	border-bottom:1px solid #dbd8d8;
}

h3 {
	position:absolute;
	bottom:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#3e3e3e;
	margin:0;
}

h4 {
	float:right;
	width:580px;
	margin:9px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.2em;
	font-size:2.2em;
	line-height:1.8em;
	color:#363636;
}

h5 {
	float:right;
	text-align:left;
	width:580px;
	margin:0 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	font-weight:100;
	line-height:1.5em;
	color:#807f7f;
}

h6 {
	float:right;
	clear:both;
	width:580px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	letter-spacing:0.15em;
/*	line-height:1.5em;
*/	padding:10px 0;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px solid #dbd8d8;
}

p.datetime {
	float:left;
	width:110px;
	margin-top:9px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#363636;
	line-height:1.8em;
}

.quickDate {
	float:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;
	color:#363636;
}

p.datetime a {
	text-decoration:none;
	color:#807f7f;
	background:#ececec;
}

p.datetime a:hover {
	border-bottom:1px solid #838383;
}


p.workleft {
	float:right;
	text-align:right;
	margin-top:9px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#363636;
	line-height:1.8em;
}

p.workarticle {
	float:right;
	width:460px;
	margin-top:9px;
	text-align:justify;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#807f7f;
	line-height:1.8em;
}

#articlebody .bla p {
	clear:right;
	text-align:justify;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#807f7f;
	line-height:1.8em;
}

#articlebody .bla .tut p {
	clear:right;
	text-align:justify;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#807f7f;
	line-height:1.8em;
}


#articlebody .bla p a {
	text-decoration:none;
	color:#807f7f;
	background:#dbd8d8;
}

p.workarticle a {
	text-decoration:none;
	color:#807f7f;
	background:#dbd8d8;
}

#articlebody .bla p a:hover {
	border-bottom:1px solid #838383;
}

p.workarticle a:hover {
	border-bottom:1px solid #838383;
}

.articleimage {
	clear:left;
	float:left;
	width:300px;	
	margin:5px 15px 10px 0;
	border:1px solid #CCC;
}

.articleimageFirst {
	clear:left;
	float:left;
	width:300px;	
	margin:15px 15px 10px 0;
	border:1px solid #CCC;
}

.articleimageL {
	float:right;
	width:580px;
	border:1px solid #F6F6F6;
	margin:50px 0;
}

#rightcol h1 {
	margin-top:130px;
	padding-bottom:10px;
}

#rightcol h1 a {
	text-decoration:none;
	color:#3e3e3e;
	background:#FFFFCC;
	border-bottom:1px solid #FFCC00;
}

h5 a {
	text-decoration:none;
	color:#3e3e3e;
	background:#FFFFCC;
	border-bottom:1px solid #FFCC00;
}

#lighth3 {
	color:#807f7f;
}

.articlebody p {
	text-align:justify;
	margin: 10px 0 0 250px;
}

p.footer {
	border-top:1px #808080 solid;
	padding:10px 0 10px 130px;
	color:#807f7f;
}

.namelink {
	text-decoration:none;
	color:#363636;
	float:right;
}

.namelink:hover {
	text-decoration:underline;
}

#italic {
	font-style:italic;
}

/*---------------------------------3.specifics---------------------------------*/
#art {
	position:relative;
	width:100%;
}

#work {
	clear:both;
	width:710px;
	border-top:1px solid #838383;
}

#artbody {
	width:580px;
	float:right;
	border-top:1px solid #646464;
	padding-left:130px;
}

.artbodyAlt{
	width:710px;
	float:right;
	border-top:1px solid #646464;
}

#workbody {
	width:580px;
	float:right;
	padding-left:130px;
}

#articlebody {
	width:710px;
	float:right;
	border-top:1px solid #646464;
}

#workborder {
	clear:both;
	float:right;
	width:580px;
	border-top:1px solid #dbd8d8;
	margin:10px 0 0 0;
}

.clearer {
	clear:both;
}

#workimg {
	border:1px solid #f0f0f0;
	margin:10px 0 0 0;
}

#workleftholder {
	float:left;
	width:100px;
}

.articleimg {
	float:left;
	margin:9px 20px 0 0;
	border:1px solid #dbd8d8;
}

.articlebody {
	clear:both;
	width:710px;
	padding:5px 0 0 0;
}

#comments {
	position:relative;
	width:100%;
	border-top:1px solid #646464;
}

#commentborder {
	clear:both;
	float:right;
	width:580px;
	border-bottom:1px solid #dbd8d8;
	margin:8px 0 0 0;
	padding:0 0 10px 0;
}

#commentborder textarea {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.05em;
	color:#807f7f;
	line-height:2em;
}

#commentinput {
	float:right;
	margin:10px 0 15px 5px;
	width:460px;
	height:80px;
	border:1px solid #dbd8d8;
}

.commenttext {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.05em;
	color:#807f7f;
	border:1px solid #dbd8d8;
	float:right;
	margin:0px 0px 15px 0;
	padding:0px 5px;
	width:300px;
	height:25px;
}

.commentsubmit {
	clear:both;
	float:right;
	margin:0px 0;
	padding:5px 10px;
	background:#ececec;
	font-size:1.05em;
	border:1px solid #dbd8d8;
}

.commentsubmit:hover {
	border:1px solid #33CC00;
	cursor:pointer;
}
/*---------------------------------4.menu---------------------------------*/
#menu {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 8px 0;
	width:100%;
}

#menu li {
	margin:0;
	padding:0;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.5em;
	line-height:1.4em;
	letter-spacing:0.1em;
	width:100%;
}

#menu li a {
	text-decoration:none;
	margin:0;
	padding:0;
	color:#3e3e3e;
	border-bottom:1px solid #FFFFFF;
	display:block;
}

#menu li a:hover {
	color:#807f7f;
	margin:0;
	padding:0;
/*	background:#dbd8d8;
	border-right:5px solid #990000;
*/	border-bottom:1px solid #dbd8d8;
}


/*---------------------------------5.submenu---------------------------------*/
#submenu ul li a {
	text-decoration:none;
	color:#807f7f;
	font-size:1.1em;
}

#submenu ul li a:hover {
	color:#3e3e3e;
}

#submenutop ul {
	float:right;
	margin:10px 0 8px 0;
}

#submenutop li {
	width:100px;
	border-bottom:1px solid #dbd8d8;
	padding:0 0 0 20px;
}

#submenutop ul li a {
	line-height:2.1em;
}

#submenubottomclearer {
	clear:right;
}

#submenubottom ul {
	float:right;
	margin:-3px 0 10px 0;
}

#submenubottom li {
	width:100px;
	padding:0 0 0 20px;
}


/*---------------------------------6.project list---------------------------------*/
#projectlist {
	list-style:none;
	width:100%;
	border-top: 1px solid #dbd8d8;
	margin:10px 0;
	padding:4px 0;
}

#projectlist li {
	width:100%;
	line-height:2em;
	font-size:1.05em;
}

#projectlist li a {
	text-decoration:none;
	color:#807f7f;
	width:100%;
	display:block;
	border-bottom:1px solid #fff;
}

#projectlist li a:hover {
	border-bottom:1px solid #dbd8d8;
}

/*---------------------------------7.recent work---------------------------------*/
.recentworkholder {
	position:relative;
	padding-top:10px;
	border-top:1px solid #646464;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.05em;
}

#articleholder {
	position:relative;
	padding-top:10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.05em;
}

.recentworktext {
	color:#807f7f;
}

.recentwork {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:1.05em;
	margin-top:10px;
	float:left;
	border-bottom:1px solid #dbd8d8;
}

#leftarrow {
	float:left;
}

#rightarrow {
	float:right;
}

.recentworkul {
	padding:0 0 2px 0;
	border-bottom:1px solid #dbd8d8;
}

p.recentworkname {
	float:left;
}

p.recentworkcat {
	float:right;
	color:#807f7f;
}

.recentwork a {
	text-decoration:none;
}

.recentworkimg {
	padding:0;
	margin:5px 0 -1px 0;
	border:1px solid #dbd8d8;
}


/*---------------------------------8.portfolio---------------------------------*/
#portfolioleft {
	float:left;
	width:333px;
	margin:30px 0;
}

#portfolioright {
	float:right;
	width:333px;
	margin:30px 0;
}

.portfolioimg {
	border:1px solid #dbd8d8;
	margin:5px 0 30px 0;
}

p.portfoliotitle {
	float:left;
	font-size:1.05em;
}

p.portfoliocat {
	float:right;
	color:#807f7f;
	font-size:1.05em;
}

#work #leftarrow {
	margin:10px 0;
}

#work #rightarrow {
	margin:10px 0;
}


/*---------------------------------9.portfolio categories---------------------------------*/
p.portfoliodesctitle {
	float:left;
	width:94px;
	text-align:right;
	font-size:1.05em;
	line-height:2em;
	color:#262626;
}

p.portfoliodesc {
	float:right;
	width:220px;
	color:#807f7f;
	line-height:2em;
	font-size:1.05em;
	margin:0 0 30px 0;
}

p.portfoliodesc a {
	text-decoration:none;
	color:#807f7f;
	background:#dbd8d8;
}

p.portfoliodesc a:hover {
	border-bottom:1px solid #838383;
}

.portfoliocatimg {
	border:1px solid #dbd8d8;
	margin:5px 0 8px 0;
}

.portfoliosmall {
	margin:0 0 15px 0;
}

p.portfoliosquaretitleleft {
	font-size:1.05em;
}

p.portfoliosquaretitleright {
	font-size:1.05em;
}

.portfoliosquareleft {
	border:1px solid #dbd8d8;
	margin:5px 0 0 0;
}

.portfoliosquareright {
	border:1px solid #dbd8d8;
	margin:5px 0 0 0;
}

.portfoliosmallleft {
	float:left;
	width:156px;
}

.portfoliosmallright {
	float:right;
	width:156px;
}


/*---------------------------------10.front page specifics---------------------------------*/
.artlink{
	text-decoration:none;
	color:#363636;
}

.artlink:hover {
	text-decoration:underline;
}

#commentfail {
	float:right;
	width:560px;
	border:1px solid #A80909;
	color:#A80909;
	font-size:1.1em;
	margin:10px 0;
	padding:10px;
	font-weight:bold;
}

#blockquote {
	float:left;
	width:180px;
	text-align:justify;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color:#807f7f;
	border:1px dotted #807f7f;
	padding:5px 0;
	margin:5px 0 0 0;
	border-left:0;
	border-right:0;
}

.fpimg {
	width:458px;
	margin-top:15px;
	border:1px solid #D8D8D8;
}

/*---------------------------------11. Admin Interface---------------------------------*/
#admininterface {
	position:fixed;
	z-index:10;
	top:10px;
	right:10px;
	width:150px;
	border:1px solid #FFCC00;
	background:#FFFF99;
	padding:10px;
}

#admininterface .adminform {
	border:1px solid #FFCC00;
	padding:2px;
	margin:5px 0;
	width:100%;
}

#admininterface #submit {
	float:right;
	border:1px solid #FFCC00;
	background:#FFFFCC;
	width:30px;
	height:15px;
}

p.adminHead {
	font-family:Helvetica, sans-serif;
	font-size:1.5em;
}

/*---------------------------------12.Last FM widget---------------------------------*/
.lastfmimg {
	width:100px;
	height:100px;
}

/*---------------------------------12.Flickr Widget---------------------------------*/
.flickrThumbs {
	margin:0 0 3px 0;
	padding:0;
	width:67px;
}