@charset "UTF-8";
/* CSS Document */

/* CSS file */
/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
}

body {
	font:75%/180% Helvetica, Arial, sans-serif;
	/* font:80%/150% helvetica, arial, sans-serif; */
	/* font:75%/180% Helvetica, Arial, sans-serif; */
	color: #4e5758;
	background-color: #ecf0f1;
	line-height: 1.4;
	font-size: 16px;

}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

p, ul {
margin:0;
padding:0;
}

p {
margin-bottom: 16px;
}

ul {
padding:0;
}

blockquote {
	margin:0 0 13px 0;
	padding:13px;
	font-style: italic;
	border-left: 3px solid #A41E22;
}

blockquote p {
margin:0;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.codeblock > code, pre > code {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background: #ecf0f1;
border:1px dashed #333333;
display:block;
font-family: "Consolas",monospace;
font-size: 15px;
font-weight:normal;
margin: 20px;
overflow:auto;
padding-right:10px;
padding-left:10px;
}


code, kbd {
	word-wrap: break-word;
	background: #ecf0f1;
	font-family: "Consolas",monospace;
	padding: .2em .4em;
	border-radius: 5px;
	font-size: 15px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border:1px dashed #333333;
	overflow:auto;
	padding-right:10px;
	padding-left:10px;

}

/***** Links *****/

a:link, a:visited {
	/* color : #3192B3; */
	color: #A41E22;
	text-decoration : none;
	-moz-transition: color 0.2s ease-in; /* Firefox 4 */
	-webkit-transition: color 0.2s ease-in; /* Safari and Chrome */
}

a:hover {
	color: #000;
	text-decoration : none;
}



/***** Forms *****/

form {
	margin:0;
	padding:0;
}

input, select, textarea {
	font: 13px Helvetica, Arial sans-serif;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #333333;
	color: #4D4D4D;
	background-color: #A8A9A3;
}

input:hover {
	border: 1px solid #A41E22;
}


textarea {
	width: 432px;
	line-height: 180%;
	color: #000000 !important;
}

label {
cursor:pointer;
}

.checkbox {
padding: 0;
margin:0;
border:0 !important;
background-color: transparent;
}

.submitButton { 
	border: 1px solid #333333;
	background-color: #333333;
	color: #A8A9A3;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

.submitButton:hover { 
	border: 1px solid #A41E22;
}

/***** Tables *****/

table {
border:0;
margin:0;
padding:0;
width: 100%;
}

table td  {
border-bottom: 1px dotted #413524;
padding: 7px 0 7px 0;
vertical-align: top;
}

table th  {
border-bottom: 1px dotted #413524;
padding: 7px 0 7px 0;
vertical-align: top;
text-align:left;
}


/***** Global Classes *****/

.clear 			{ clear:both; display:block; line-height:0px; height:0px; font-size:0px; }

.hide 			{ display: none; }

.float-left 	{ float:left; }
.float-left-img 	{ float:left; margin: 6px 13px 2px 0;}
.float-right 	{ float:right; }
.float-right-img 	{ float:left; margin: 6px 0 2px 13px;}

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
//.highlight 		{ background:red; }

.img-left 		{ float:left;margin:0; }
.img-right 		{ float:right;margin:0; }

.nomargin {	margin:0;}
.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

/***** Layout Classes *****/

.row {
	max-width: none;
	/* border-left: 1px solid #28292B;	
	border-right: 1px solid #28292B;	 */
}

#header { 
	height: 87px;
	background: #28292b;
}

#logo { 
	float: left;
	margin: 2px 0 0 30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
}

#logo span:nth-child(2) {
	color: #ec1c24;
}

#logo span:nth-child(1) {
	color: #9d0b0f;
}

@media only screen and (max-width: 500px) {
    #logo {
		font-size: 40px;
		margin-top: 16px;
    }
}

#navigation {
	display: none;
	float: right;
	width: 60px;
	height: 50px;
	margin-right: 24px;
	margin-top: 24px;
}

#navigation ul {
	width: 90px;
	height: 50px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#navigation li {
	display:block;
	height: 11px;
	width: 60px;
	margin-bottom: 0px;
	padding: 0;
	font-size:1px;
	line-height: 1px;
}

#navigation li a {
	display:block;
	margin: 0;
	padding: 0;
	width: 60px;
	height: 11px;
	background: transparent url(http://s3.davidortinau.com/images/menu.gif) no-repeat scroll;
    text-indent:-9999px; // this moves the text outside the visible area 
	font-size:1px;
}
/*
#navigation li a:hover {
	text-decoration:none;
	color: #FFFFFF;
}
*/

#home_btn a {
	background-position: 0 0;
	width: 60px;
	height: 11px;
}

#home_btn a:hover {
	background-position: -90px 0;
}

#about_btn a {
	background-position: 0 -11px !important; 
	width: 60px;
	height: 11px;
}

#about_btn a:hover {
	background-position: -90px -11px !important;
}

#work_btn a {
	background-position: 0px -22px !important;
	width: 60px;
	height: 11px;
}

#work_btn a:hover {
	background-position: -90px -22px !important;
}

#contact_btn a {
	background-position: 0 -33px !important;
	width: 60px;
	height: 11px;
}

#contact_btn a:hover {
	background-position: -90px -33px !important;
}

#features_nav { 
	display:none;
	padding-right: 20px;
	height: 16px;
	background-color: #A41E22;
}

.feature_close {
	float: right;
	font-size: 10px;
}

.feature_btn {
	float: right;
	width: 18px;
	height: 16px;
	
	display: block;
	background: #A41E22 url(http://s3.davidortinau.com/images/fdot.gif) no-repeat;
}

.feature_btn:hover {
	background: #A41E22 url(http://s3.davidortinau.com/images/fdot_over.gif) no-repeat;
}

#features { 
	float: left;
	overflow: hidden; 
	width: 900px;
	height: 204px;
	background-color: #A41E22;
}

#features_inner {
	width: 4600px;
	height: 204px;
}

.feature_entry {
	color: #28292B;
	float: left;
	width: 840px;
	padding: 18px 30px;
}

.feature_entry_image { 
	float: left;
	width: 285px;
	height: 185px;
	margin-right: 20px;
}

.feature_entry h3 {
	margin-top: 55px;
	font-size: 18px;
	font-weight: bold;
	color: #C8C5A7;
}

.feature_entry h4 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.feature_entry a:link { color: #C8C5A7; text-decoration: none; }
.feature_entry a:visited { color: #C8C5A7; text-decoration: none; }
.feature_entry a:hover { color: #ffffff; text-decoration: none; }

#content {
	/* background-color: #919394; */
}

#sidebar { 
	padding: 10px 30px 10px 35px;
	/* background-image: url(http://s3.davidortinau.com/images/twitter_corner_2.gif);  */
	/* background-position: top left; 
	background-repeat:no-repeat;  */
	background: #28292b;
} 

.sidebar_box {
	margin: 10px 0px 10px 0;
	padding: 5px 0;
	color: #A8A9A3;
}	

.sidebar_box a:link, .sidebar_box a:visited { 
	color: #A8A9A3; 
	text-decoration: none; 
	-moz-transition: all 0.2s ease-in; /* Firefox 4 */
	-webkit-transition: all 0.2s ease-in; /* Safari and Chrome */
}
.sidebar_box a:hover { 
	color: #C8C5A7; 
	text-decoration: none; 
}

.sidebar_box ul {
	list-style-image:none;
	list-style-type:none;
}

.sidebar_box li {
	background-image: url(http://s3.davidortinau.com/images/list_icon.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.sidebar_box li:hover {
	background-image: url(http://s3.davidortinau.com/images/list_icon_over.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.sidebar_box li a {
	display:block;
	padding: 4px 13px 3px 30px;
	text-decoration:none;
	border-top: 1px dotted #A8A9A3;
}

.sidebar_box li a:hover {
	
	border-top: 1px dotted #a41e22;
	color:#a41e22;
}

.sidebar_box h2 {
	color: #A8A9A3;
	font-size: 14px;
	margin-bottom: 6px;
}

#twitter { 
	height: 20px;
	background: #821517 url(http://s3.davidortinau.com/images/twitter_bg.jpg) no-repeat; 
}

#twitter_visible {
	float: left;
	width: 650px;
}

.tweet {
	margin: 30px 0 0 30px;
	width: 500px;
	color: #C8C5A7;
	font-size: 13px;
}

#blog { 
	padding: 20px 0px 10px 30px;
}

#email_signup {
	width: 478px;
	height: 30px;
	float: right;
	text-align: right;
	padding: 8px 10px 4px 10px;
	border-left: 0px solid #333333
}



.blog_entry {
	margin: 10px 0px 10px 0px;
	padding: 0 0;
	/* color: #A8A9A3; */
	letter-spacing: 0.3px;
	font-size: 20px;
	font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
}

	.blog_entry ul {
		margin: 0 14px;
	}

.paginate {
	float:left;
	margin: 10px 0px 10px 10px;
	padding: 10px 0;
	color: #A8A9A3;
}

.blog_entry h1 {
	font-size: 50px;
    font-weight: 100;
    line-height: 1.2;
	margin: .3rem 0;
	color: #28292b;
}

.blog_entry h2 {
	font-size: 30px;
	font-weight: bold;
	/* color: #A8A9A3; */
    line-height: 1.4;
    margin: .3rem 0
}

.blog_entry h2:not(:first-child) {
    margin-top: 1em
}


.blog_entry h3 {
	font-size: 22px;
	margin: .3rem 0;
	/*font-weight: bold;*/
	/* color: #A8A9A3; */
}

.blog_entry h4, .blog_entry h5, .blog_entry h6 {
    color: #4e5758;
    font-size: 16px;
    font-weight: bold;
    margin: .3rem 0;
}

.entry_title a:link, .entry_title a:visited  { 
	/* color: #A8A9A3;  */
	text-decoration: none;
	-moz-transition: color 0.2s ease-in; /* Firefox 4 */
	-webkit-transition: color 0.2s ease-in; /* Safari and Chrome */ 
}

.entry_title a:hover { 
	/* color: #A41E22;  */
	text-decoration: none; 

}

.blog_entry_body {
	padding-bottom: 20px;
	background: transparent url(http://s3.davidortinau.com/images/dotted_line.gif) repeat-x bottom left;
}

.blog_actions {
	float: right;
	display:inline;
	width: 60px;
	right: 0;
}

.comment_entry {
	float:left;
	margin: 10px 0px 10px 10px;
	padding: 20px;
	background-color: #A8A9A3;
	color: #121212;
	border-top: 4px solid #121212;
	border-bottom: 4px solid #121212;
}

.byline {
	font-size: 13px;
	font-weight: bold;
	/* color: #A41E22; */
}

.generic_content_block {
	border:1px solid #333333;
	margin:10px;
	padding:10px;
}

#footer {
	padding: 20px;
	background: #28292b;
	border-top:1px solid #1d1d1d;
}

.comments_action a {
	display: block;
	width: 60px;
	height: 30px;
	background: transparent url(http://s3.davidortinau.com/images/icon_comments.gif) no-repeat scroll 0 0;
    text-indent:-9999px; // this moves the text outside the visible area 
}

.comments_action a:hover {
	background-position: -62px 0;	
}

.email_action a {
	display: block;
	width: 60px;
	height: 30px;
	background: transparent url(http://s3.davidortinau.com/images/icon_email.gif) no-repeat scroll 0 0;
    text-indent:-9999px; // this moves the text outside the visible area 
}

.email_action a:hover {
	background-position: -62px 0;	
}

/*
.tip {
	background: transparent url(http://s3.davidortinau.com/images/tip_below_lg.png) no-repeat;
	width: 84 30px;
	height: 73 20px;
	padding: 16px 6px 6px 6px;
	z-index: 13000;		
}
*/
.tip {
	background: transparent url(http://s3.davidortinau.com/images/tip_below_lg.png) no-repeat;
	width: 78px;
	height: 46px;
	padding: 19px 8px 8px 8px;
	z-index: 13000;		
}

.toggle_open { 
	float: right;
	display: block;
	width: 90px;
	height: 16px;
	background: transparent url(http://s3.davidortinau.com/images/toggle_open.gif) no-repeat;
}

.toggle_open:hover { 
	background: transparent url(http://s3.davidortinau.com/images/toggle_open_over.gif) no-repeat;
}

/* .codeblock {
	padding: 8px;
	background-color: #A8A9A3;
} */

#disqus_thread {
	float:left;
	margin:10px 0 10px 10px;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}