*
{
text-rendering: optimizeLegibility;
}

#navigation
{
	position: fixed;
	left:100px;
	top:130px;
	width:80px;
	background:#fff;
	direction: rtl;
}

.logo{
width: 100%;
border: none;
padding: none;
margin: none;
margin-bottom: -2px;
display: inline;
}
.mast{
line-height: 28px;
}
.grantstavely
{
	width: 60%;
height: 100%;
	border: none;
	padding: none;
	margin: none;
}
.gsm, .gsy, .gsc, .gsb
{
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.gsm
{
z-index:1;
}

.gsy
{
z-index:2;
}
.gsc
{
z-index:3;
}
.gsb 
{
z-index:4;
}

.gsb:hover
{
-webkit-transform: rotate(5);
-moz-transform: rotate(5);
}
.gsy:hover
{
left:5px;
top: 5px;
}
.gsc:hover
{
left: 5px;
top: -5px;
}
#content
{
	background:#fff;
	margin-left: 220px;
	margin-right:360px;
	margin-top: 80px;
	padding-left: 10px;
	padding-right: 20px;
	border-left: 1px ridge #eee;
	border-right: 1px ridge #eee;
}

.masthead
{
position: relative;
	text-align: center;
	padding-bottom: 30px;
width: 60%
height: 100%;
}

#microblog {
	position: absolute;
	right:100px;
	top:125px;
	width:230px;
	background:#fff;
	}

#search
{
	text-align: center;
	padding-top: 20px;
}

.title {
	color: #000 !important;
	font-style: normal !important;
}

.small-print {
	padding-top: 5px;
	color: #333;
	padding-bottom: 30px;
}

.logotype {
 	font-face: futura, helvetica, arial;
	font-weight: bold;
}



.googlenav {
	display: inline;
}
#googlenav {
	text-align: center;
}
body
{
	color: #000;
	background-color: white;
	font-family: georgia,Verdana,Arial,sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited, a:active
{
	text-decoration: none;
	/* color: http://en.wikipedia.org/wiki/Electric_blue_(color) ; */
	color: #0892D0;
	font-weight: normal;
	font-family: georgia;
	font-style: italic;
}

h1 a:link, h1 a:visited, h1 a:active {
	color: #000;
}
. firstletter {
font-size : 300%;
font-weight : bold;
float : left;
color : #c00;
	font-family: georgia;
	font-style: italic;
}

.txpCommentInputMessage, .comment_web_input, .comment_email_input, .comment_name_input, .searchinput {
padding: 1px;
}

.trajan {
	font-family: 'Trajan Pro', Trajan, 'Times New Roman';
}

.console { 
	font-family: 'Droid Sans Mono', 'Lucida Console', monospace;
	color: #eee;
	background-color: #333;
	padding: 5px !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #333 !important;
}

.prompt {
	color: #0892D0;
}
.fancy
{
	font-family: georgia;
	font-style: italic;
	color: #666;
}

a:hover
{
	color: #000;
	-webkit-transition: color .25s linear;
	transition: color .25s linear;
}

a:active:
{
	color: #000;
}

pre
{
	width: 400px;
	overflow: auto;
}

code 
{
	display: inline;
	color: #333;
	background-color: #fff;
	line-height: 110%;
	font: monospace;
}
p
{
	margin-bottom: 18px;
}

h1
{
	font-size: 18px;
	font-style: italic;
	font-family: Georgia;
	color: #000;
	font-weight: normal;
}

h2
{
	font-size: 16px;
	color: #000;
	font-family: Georgia;
	font-style: italic;
	font-weight: normal;
}

h3
{
	font-size: 14px;
	color: #000;
    	font-family: Georgia;
	font-weight: normal;
}

hr {border: none 0; 
	border-top: 1px solid #eee;/*the border*/
	height: 1px;/*whatever the total width of the border-top and 	border-bottom equal*/
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.odd {
	margin: 0px 0px 0px 0px;
	background-color: #f6f6f6 !important;
	color: #333;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #eaeaea !important;
}
.commentator-grant, .author{ 
	margin: 0px 0px 0px 0px;
	color: #333;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ddd !important;
	color: #fff !important;
	border: 1px solid #ededed !important;
}
.comment {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #eaeaea;
}
blockquote
{
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	background-color: #f6f6f6;
	color: #333;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #eaeaea !important;
}

.post, .post.p
{
	padding-left: 20px;
}

#content .post img
{
	width: 80%;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 3px solid #fff !important;
}
.flickrset img, .setpreview, .thumbnail
{
	width: auto !important;
}

.setpreview img
{
	width: 80%;
	text-align: center;

}

#navigation ul, #navigation ol, .titles, .titles
{
	margin-bottom: 18px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	list-style-type: none;
	color: #000;
}

.postul
{
	list-style-type: disc;
}

.social
{
	padding: 2px;
	padding-bottom: 8px;
}

.left
{
	float: left;
	margin: 0 18px 18px 0;
}

.right
{
	float: right;
	margin: 0 0 18px 18px;
}

.callout
{
	border: 1px solid #ddd;
	padding: 8px 10px;
	margin-bottom: 18px;
}

.callout :last-child
{
	margin-bottom: 0;
}

.imred
{
	color: #c90130;
	font-weight: bold;
}

.imgreen
{
	color: #7da323;
	font-weight: bold;
}

.imblue
{
	color: #00a7d2;
	font-weight: bold;
}

em
{
	font-family: georgia;
	font-style: italic;
}



.console
{
	background-color: #333;
	color: #ccc;
	font: 11px "Andale Mono", "Lucida Console", courier, "times new roman";
	border-left: 20px;
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
}

img
{
	border: 0px;
}

del
{
	color: #999;
}

strong, h2
{
	color: #000;
}

h1 a, h2 a, h3 a
{
	color: #000;
}

h4,
{
	font-size: 14px;
}
.flickrset a
{

	width: 75px;
	height: 75px;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
        float: left;
	color: #333;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #fff !important;
}


.flickrset a:hover
{
	background-color: #333;
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000 !important;	}

.flickrset img
{
	border: 0;
}

.pages_nav
{
	clear: both;
}

.individual
{
	padding: 0 2em;
}

.individual .image
{
	margin: 0.5em auto;
	text-align: center;
}

.individual .flickrsetnav
{
	text-align: center;
}

.individual .flickrsetnav a, .individual .flickrsetnav a:link, .individual .flickrsetnav a:visited
{
	text-decoration: none;
}

.individual .setname
{
	display: inline;
}

.comment
{
	padding-left: 10px;
	background-color: #ffffff;
	border: 1px solid #fff;
	margin-bottom: 18px;
}




.comment-time
{
	width: 90%;
	text-align: right;
	font-size: smaller;
	color: orange;
}

.comment-no
{
	margin-top: 10px;
}

.comment-no a
{
	color: #666;
}

.previewpost
{
	border-left: 20px solid #781600;
	background-color: #fff;
	color: #000;
}

/* ID Selectors */

#overview,
div.profile-header div.actions {
display: none;
}

#summary h2,
#summary h3  {
display: none;
}

#summary p.skills {
display: none;
}

#experience ul.vcalendar {

}

#experience ul.vcalendar li.experience {
	position: relative;
}

#experience ul.vcalendar li.experience:nth-child(2n+1) {
}

#experience ul.vcalendar li.experience p.period {

}

#experience ul.vcalendar li.experience p.period abbr.dtstamp,
#experience ul.vcalendar li.experience p.period abbr.dtend {
}
abbr {
text-decoration: none;
border: none;
color: #999;
font-style: italic;
font-size: .9em;
}

.organization-details {
font-size: .9em;
color: #999;
}

#additional-information {
display: none;
}
.info, .skills{
display: none;
}

.org summary {
	font-size: 1.2em;
	font-style: italic;
}