/* @override http://localhost/~henry/portfolio/workspace/styles/frontend.css */

/* @override http://localhost/~henry/portfolio/workspace/styles/frontend.css */

/*--------------------
	Defaults
--------------------*/

body {
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
	border-top: 10px solid #0068A0;
	border-bottom: 10px solid #0068A0;
}

/*--------------------
	Fonts
--------------------*/

@font-face {
	font-family: 'Goudy Bookletter 1911 Regular';
	src: url('../fonts/goudy_bookletter_1911.eot');
	src: local('Goudy Bookletter 1911 Regular'), local('GoudyBookletter1911'), url('../fonts/goudy_bookletter_1911.woff') format('woff'), url('../fonts/goudy_bookletter_1911.otf') format('opentype'), url('../fonts/goudy_bookletter_1911.svg#GoudyBookletter1911') format('svg');
}

/*--------------------
	Page Layout 
--------------------*/

#page {
	width: 600px;
	padding: 0em 100px 0px 100px;
	margin: 0 auto;
	clear: both;
}

#nav {
	width: 73%;
	float: right;
	padding: 0;
	margin: 0;
}

#nav li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li a {
	color: white;
	text-decoration: none;
	color: #a4a4a4;
	float: left;
	height: 2em;
	line-height:2em;
	width: 49%;
	text-align: center;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

#nav li a:hover {
	background: #ededed;
}

body.portfolio #nav li a.portfolio,
body.blog #nav li a.blog {
	color: white;
	background: #0068A0;
}

#welcome-message p{
	/* font:caption normal 200% "Times New Roman";	 */
	font: 2em/1.2 /*'Goudy Bookletter 1911 Regulars', */'Times New Roman',Arial, sans-serif;
	width: 73%;
	float: right;
	margin-bottom: 0.85em;
	color: #0068A0;
	
}

#footer {
	width: 73%;
	float: right;
	font-size: smaller;
	padding: 1em 0 0.5em 0;
}

/*--------------------
	Content Elements
--------------------*/

h1,h2,h3,h4,h5,.meta .date {
	font: small-caps normal 100% "Times New Roman";
	letter-spacing: 0.5pt;
	text-transform: uppercase;
	margin: 0.85em 0 0.85em 0;
	color: #262626;
}

h2 {
	text-shadow: 1px 1px 1px #bfbfbf;
}

p {
	line-height: 1.7;
	font-size: 80%;
	color: #222;
	margin: 0.85em 0;
}

.content a, .content a:link, .content a:visited{
	text-decoration: none;
	color: #373737;
	border-bottom: 1px dotted;
}

#jquery-lightbox a {
	color: #373737;
}

.site a.image {
	border: none;
}

a:hover {
	border-style: solid;
}

.site a:hover {
	border: none;
}

a:hover img {
	opacity: 0.93;
}

li {
	list-style-position: outside;
	margin-left:1.3em;
	list-style-type: square;
	line-height: 1.7;
	font-size: 80%;
	color: inherit;
}

ol,ul {
	margin: 0.85em 0;
	color: inherit;
}

blockquote {
	padding: 0.5em 2em;
	margin: 0.5em 0;
	background: #f2f2f2;
	font-size: 120%;
}

/*--------------------
	Generic Components
--------------------*/

.meta {
	float: left;
	text-align: right;
	width: 25%;
	padding-right: 10px;
}

.meta p,
.meta .date {
	color: #bfbfbf;
	border: 0;
	text-decoration: none;
}

.content {
	float: right;
	width: 73%;
}

.content .images a {
	border: 0;
	float: right;
	line-height: 0;
	margin: 0 1px 1px 0;
}

/*--------------------
	Article Specific
--------------------*/

.article {
	overflow: hidden;
	clear: both;
	margin: 0.85em 0;
}

.article .images {
	margin-top: 0.45em;
	margin-right: 10px;
	width: 225px;
	float: right;
	
}

/*--------------------
	Site Layout
--------------------*/

.site {
	overflow: hidden;
	clear: both;
	margin: 0.85em 0;
}

.site img {
	xfloat: left;
	xmargin: 0.4em 1em 1em 0;
	width:100%;
}

.site .meta {
	text-align: left;
}

.site .meta ul {
	font-size: 80%;
	color: #5f5f5f;
}