@charset "UTF-8";
/* Main styles */

/* layout */
* {
	padding:0px;
	margin:0px;
}
body {
	background-color:#000;
}
#home {
	color:#FFF;
	background-color:#000;
	margin:0;
	/*background:url(../images/balconyview.jpg) repeat;*/
	background: url(../images/berlinblur.jpg) repeat;
	font-family: "Lucida Grande", Arial, sans-serif;/*font-family: Verdana, Geneva, sans-serif;*/
}
#subtitle {
	background: url(../images/bg.png) repeat;
	font-size: 0.85em;
	width:500px;
	padding: 7px;
	margin-top: 8px;
	right: 0px;
	float: right;
	clear: right;
}
#title {
	background: url(../images/bg.png) repeat;
	font-size: 1.1em;
	margin-top: 8em;
	float: right;
	padding:7px;
	width:500px;
}
#holder {
	clear:both;
	margin:0;
	padding:0;
	width:765px;
	/*position:absolute;*/
}
#holder ul#mycarousel li {
	background: url(../images/bg.png) repeat;
	margin:0 6px;
	width:341px;
	height:180px;
	overflow:visible;
	font-size: 0.8em;
}
ul#mycarousel li img {
	padding:6px;
}
#footer {
	display:none;
	background: url(../images/me.png) repeat-x;
	padding: 0px;
	margin: 0px;
	height:80px;
	vertical-align:baseline;
	/*position: absolute;*/
	width:100%;
	bottom:0px;
}

div.center {
	width:767px;
	height:227px;
	overflow:scroll;
	padding:0;
	margin:0 auto;
}
/* links */
a {
	text-decoration: none;
	color:#FFF;
}
a:hover {
	text-decoration:underline;
}
a.innerlink {
	color:#FC0;
	text-decoration:none;
	background-color:#666;
	font-weight:bold;
	padding:0 3px;
}
a.innerlink:hover {
	color:#F93;
	text-decoration:none;
	background-color:#555;
}
a.myemail:link, a.myemail.visited {
	color:#FC0;
}
a.innerlink:hover {
	color:#F93;
}
#music a.music:link, #music a.music:visited {
	color:#56aa35;
	background-color:#444;
}
#music a.music:hover {
	color:#F90;
	background-color:#555;
}
#photos a.photos:link, #photos a.photos:visited {
	color:#f06eaa;
	background-color:#5B5B5B;
}
#photos a.photos:hover {
	color:#f90;
	background-color:#666;
}
/* box grid */
a.weblink:link, a.weblink:visited {
	color:#37b1e3;
	text-decoration:none;
	background-color:#666;
	margin:0px 10px 0 8px;
	padding:0px 5px 5px 5px;
	font-weight:bold;
}
a.weblink:hover {
	color:#F90;
	text-decoration:none;
}
a.about:link, a:visited.about, #about h2 {
	color: #f7941d;
}
a:link.websites, a:visited.websites, #websites h2 {
	color: #37b1e3;
}
a:link.contact, a:visited.contact, #contact h2 {
	color: #ffdf2d;
}
a:link.photos, a:visited.photos, #photos h2 {
	color: #f06eaa;
	margin:4px;
}
a:link.music, a:visited.music, #music h2 {
	color: #56aa35;
}
#holder h3 {
	margin: 8px 10px 0 10px;
	color:#fff;
	font-size:1.2em;
	letter-spacing:-1px;
	font-weight: bold;
}
.boxgrid {
	width: 325px;
	height: 166px;
	float:left;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid p {
	padding: 0 10px;
	color:#CCC;
	font-weight:bold;
}
.boxcaption {
	float: left;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .7;
	/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.captionfull .boxcaption {
	top: 166px;
	left: 0;
}
.caption .boxcaption {
	top: 70px;
	left: 0;
}
/* box grid end */

h2 {
	background: url(../images/bg.png) repeat;
	margin: 2px;
	margin-bottom:14px;
	padding: 2px 2px 2px 5px;
}

/* coda slider */
/* main outer */
#slider {
	clear:both;
	width:775px;
	height:250px;
	margin: 0 auto;
	padding-top:10px;
	position: relative;
}
.scroll {
	height: 250px;
	padding:0;
	margin:0;
	/*overflow-x: hidden;*/
	position: relative;
	clear: left;
	background: none;

	width:775px;	
    overflow: auto;
}
.scrollContainer {
	padding:0;
	margin:0;
	width:775px;
	height:250px;
	float: left;
	position: relative;
}
.scrollContainer div.panel {
	font-size: 0.9em;
	padding:0;
	margin:0;
	/*display:inline;*/
	height: 260px;
	width: 775px;
}
.panel p {
	background: url(../images/bg.png) repeat;
	padding:7px;
	margin:0;
}
#holder .panel p {
	margin:3px 0;
	padding:0 2px;
}
ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 9px;
}
ul.navigation li {
	display: inline;
	margin-right: 10px;
}
ul.navigation a {
	padding: 10px;
	color: #000;
	text-decoration: none;
}
ul.navigation a:hover {
	background:none;
}
ul.navigation a.selected {
	background:none;
}
ul.navigation a:focus {
	outline:none;
}
.hide {
	display: none;
}
/* coda slider end */

/* flickr */
div#flickr {
	text-align:left;
}

div#flickr a.lightbox img {
	margin: 0;
	
}
.clear {
	clear:both;
}