/*
Original design: 
*/

/* General layout */
body {
	background:#3C2415 url(images/gunpowder-velvet.gif) repeat;
	color:#303030;
	font:76% tahoma, verdana, sans-serif;
	margin:0;
	padding:15px 0 0;
	text-align: left;
}
#container {background:#fff3cf; margin:0 auto 20px; padding:0px 20px 20px; width:730px;}

/* Site title */
#logo {margin:0px 0 0;}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 0px 0;}

/* Tags */
a {border-bottom:1px dotted #75080e; color:#75080e; text-decoration:none;}
a:hover {
	border-bottom:1px solid #75080e;
	color:#75080e;
	text-decoration:none;

}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {
	font-size:1.3em;
	color:#75080e;
	font-weight:bold;
	margin:0 0 12px;
	text-align: left;
}
h8 {
	font-size:1.3em;
	color:#75080e;
	font-weight:bold;
	margin:0 0 12px;
	text-align: center;
}
h5 {
	font-size:1.2em;
	color:#75080e;
	font-weight:bold;
	margin:0 0 2px;
	text-align: center;
}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {line-height:1.5em; margin:0 0 15px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:300}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {line-height:1.5em;; margin:0 0 3px 0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:300}

/* Toptabs menu */
#toptabs {font-size:1.15em; margin:10px auto -13px; width:760px;}
#toptabs p {color:#C49A6B; text-align:right;}
.toptab {background:#8B5D3B url(images/med-top-corner.jpg) top right no-repeat; border-bottom:1px solid #8B5D3B; color:#F2E7D3; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#C49A6B url(images/corner2.jpg) top right no-repeat; border-bottom:1px solid #C49A6B; color:#3C2415; text-decoration:none;}
.activetoptab {background:#fff3cf url(images/wh-top-corner.jpg) top right no-repeat; border-bottom:5px solid #fff3cf; color:#3C2415; margin:0 0 0 0px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff3cf; text-decoration:none;}
.blogtoptab {background:#99cccc url(images/corner-ltgreen.jpg) top right no-repeat; border-bottom:5px solid #fff3cf; color:#75080e; margin:0 0 0 0px; padding:4px 5px 3px; text-decoration:none;}
.blogtoptab:hover {
	background:#357171 url(images/corner-dkgreen.jpg) top right no-repeat;
	border-bottom:1px solid #C49A6B;
	color:#F2E7D3;
	text-decoration:none;
}


/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#8B5D3B url(images/med-corner.jpg) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #3C2415; font-size:1.1em; color:#F2E7D3; margin:0 0 4px; padding:4px 10px; text-decoration:none;}
.navitab:hover {background:#3C2415 url(images/dark-corner.jpg) top right no-repeat; border-bottom:1px solid #C49A6B;color:#F2E7D3; text-decoration:none;}
.activenavitab {background:#3C2415 url(images/dark-corner.jpg) top right no-repeat; color:#F2E7D3; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */
#desc {background:#505050 url(images/front.jpg) bottom left repeat-y; clear:both; color:#fff; /* height:200px; */ margin:5px 0 15px; padding:0 0 5px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:275px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* TopNav content */
#top {border-right:0px solid #d8d8d8; float:right; margin:0; padding:0 15px 0 0; width:465px;}

/* TopNav */
#topnav {float:left; width:250px;}
#topnav p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#topnav ul {margin:0 0 15px 0; padding:0;}
#topnav li {list-style:none;}
ul.topnav li {list-style:none; margin:0 0 3px; padding:0;}
ul.topnav li a{background:#C49A6B url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.topnav li a:hover {background:#8B5D3B url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}


/* Main content */
#main {border-right:0px solid #3C2415; float:left; margin:0; padding:0 15px 0 0; width:550px;}

/* Sidebar */
#sidebar {float:right; width:180px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#357171 url(images/tur-corner.jpg) top right no-repeat; border-bottom:4px solid #75080e; display:block; margin:5px 10px 5px 0; padding:5px 4px 3px 8px; color: #fff3cf; font-size:15px; font-weight:700; text-align:left; width:200px;}
ul.sidelink li a:hover {background:#3c2415 url(images/dark-corner.jpg) top right no-repeat; border-bottom:4px solid #75080e; text-decoration:none; color: #fff3cf}

/* Footer */
#footer {background:#fff3cf; border-top:2px solid #75080e; clear:both; margin:0; padding:0;}
#footer a {color:#75080e;}
#footer a:hover {color:#357171;}
#footer p {
	color:#75080e;
	font-size:1.1em;
	line-height:1.3em;
	margin:15px 0 0;
	padding:0;
	text-align: center;
}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}

/*Top floating picture*/
#extraDiv1 {
	position:absolute;
	top:55px;
	background:url(images/design-collage.gif) no-repeat top right;
	
	width:555px;
	height:350px;

	
}
#extraDiv2 {
	position:absolute;
	top:455px;
	background:url(images/design-collage.gif) no-repeat top right;
	
	width:250px;
	height:240px;

	
}


/*Portfolio*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -100px; 
top: -200px;/*position where enlarged image should offset horizontally */

}
* html #extraDiv1 {display:none;} /* For IE 5+ PC */