/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Solitude Portfolio Site CSS */
body {
	background: #FFF;
	margin:0px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-align:left;
	font-size: 15px;
	font-weight:300;
	color: #333;
}
a {
	color:#497D9D;
	text-decoration:none;
}
a:hover {
	color:#497D9D;
	text-decoration:underline;
}
a.home { color:inherit; text-decoration:none; }
a.home:hover { text-decoration:none; }
.white {
	position:fixed;	
	padding-top:15px;
	padding-left:15px;
	top:0px;
	left:0px;
	bottom:0px;
	padding-bottom:15px;
	width:200px;
	padding-right:15px;
	background:#FFF;
}
#sidebar {
	position:fixed;	
	top:15px;
	left:15px;
	bottom:15px;
	width:200px;
	padding-right:15px;
	background:#FFF;
	border-right:1px solid #CECECE;
}
#main {
	margin-left:230px;
	background:#FFF;
	padding:15px;
	width:700px;
}
h2 {
	font-size:46px;
	font-weight:normal;
	letter-spacing:-0.5px;
	line-height:50px;
}
h3 {
	font-size:18px;
	font-weight:normal;
	letter-spacing:-0.5px;
	line-height:20px;
}
h4 {
	font-size:24px;
	font-weight:normal;
	letter-spacing:-0.5px;
	line-height:26x;
}
.name { color:#497D9D; margin-left:12px; margin-top:-4px; }
.name em { color:#CECECE; font-family:Times, Times New Roman, serif; font-weight:100; }
.nav { margin:15px 0px 25px 0px; }
.nav a  {
	display:block;
	padding:6px;
	border-right:1px solid #CECECE;
	border-left:3px solid #CECECE;
	border-bottom:1px solid #CECECE;
	border-top:1px solid #CECECE;
	font-size:15px;
	color:#AAA;
	line-height:15px;
	margin:6px 0px;
	margin-right:-16px;
	margin-left:45px;
	background:#FFF;
	text-align:left;
}
.nav a:hover {
	border-color:#497D9D;
	color:#497D9D;
	text-decoration:none;
	border-right:1px solid #CECECE;
}
.nav a.selected {
	border-color:#497D9D;
	color:#497D9D;
	text-decoration:none;
	border-right:0px;
}
.nav a span { 
	font-size:11px;
	background:#7ECF26;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#FFF;
	padding:1px 3px;
}
.nav a span.available { 
	background:#7ECF26;
}
.nav a span.unavailable { 
	background:#EF4A4A;
}
hr {
	height:0px;
	border:0;
	margin:15px 0px;
	border-top:1px dotted #CECECE;
}
#twitter_div{
	color:#777;
	line-height:15px;
	margin:3px 0px;
	font-size:11px;
}
#twitter_div a { text-align:right; display:block; }
#twitter_div span a { text-align:left; display:inline; }
p { color:#444; line-height:20px; margin:1px 0px; }
p i, p span {color:#000; }
.rest, .recent { margin:15px 0px; }
.rest { text-align:center; }
.recent img { border:1px solid #DEDEDE; padding:5px; margin:10px 0px; background:#FFF;  } /* width:690px; height:250px;*/
.rest img { border:1px solid #DEDEDE; padding:5px; margin:2px; background:#FFF; display:inline-block; } /*height:115px; width:200px; */
.rest a:hover img, .recent img:hover { border-color:#789AAF; }
.rest a {text-align:center; margin:3px; display:inline-block; color:#AAA; }
.rest a:hover { text-decoration:none; color:#497D9D;}
.rest a small { font-size:11px; color:#CCCCCC; }
.rest a:hover small { font-size:11px; color:#789AAF; }
h3 span { color:#999; font-size:16px; font-weight:300; }
h3 .cat { font-size:16px; font-weight:300; }
p img {border:1px solid #DEDEDE; padding:5px; margin:5px;  background:#FFF;}
p img.left {float:left; margin:5px 5px 5px 0px;} p img.right {margin:5px 0px 5px 5px;float:right;}
.info p {margin:5px 0px 15px 0px;}
.info ul {margin:10px 0px 10px 0px; }
.info ul li {list-style-type:disc; margin:3px 0px; margin-left:25px; }

.contact-availability  { 
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#FFF;
	padding:4px 6px;
}
.contact-availability.available { 
	background:#7ECF26;
}
.contact-availability.unavailable { 
	background:#EF4A4A;
}

label {
	display:inline-block;
	width:125px;
	vertical-align:middle;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
}
input[type="text"], input[type="password"], textarea {
	padding:5px 3px;
	width:185px;
	font-size:14px;
	border:1px solid #CECECE;
	background:#FFFFFF;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	vertical-align:middle;
}
input:focus, textarea:focus { border-color:#497D9D; }
textarea { width:381px; height:150px; }
form p {margin:5px 0px 5px 0px;}
#submit {
	text-decoration:none;
	color:#000;
	padding:4px;
	display:inline-block;
	font-size:16px;
	line-height:20px;
	background-color:#DADFD1;
	vertical-align:middle;
	border:0;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	outline:none;
	cursor:pointer;
}
#submit:hover { background-color:#CECECE; }
#submit:focus { background-color:#497D9D; color:#FFF; }
p.win, p.error {padding:10px;font-weight:bold;}
p.win { background-color:#E0F0BA; }
p.error { background-color:#F9CAD2;}

.places { margin-top:10px; text-align:center; }
.places a { display:inline-block; height:32px; width:32px; margin:1px;} 
.places a:hover {text-decoration:none;border:none;}

.places .flickr { background:url(../img/ico/flickr.png) top left no-repeat; } 
.places .da { background:url(../img/ico/deviant-art.png) no-repeat; } 
.places .lastfm { background:url(../img/ico/lastfm.png) no-repeat; } 
.places .twitter { background:url(../img/ico/twitter.png) no-repeat; } 
.places .blog { background:url(../img/ico/wordpress.png) no-repeat; } 
.places .tumblr { background:url(../img/ico/tumblr.png) no-repeat; } 

.next { display:block; margin-bottom:15px;float:right; }
#footer {
	color:#555;
	margin:20px 0px;
	text-align:center;
	font-size:11px;
}