/*

Default Stylesheet

Author: Jack Behar

Questions/Comments: jbehar@cubedmonkey.com

*/



	body {

	font-family: Georgia, "Times New Roman", Times, serif;

	background: #f7f8f5;



}



/*COMMON*/



a{

text-decoration:none;

color:#79875f;



}



a:hover{

background:#eeefed;



}



a.special, .special{

font-family: Georgia, "Times New Roman", Times, serif;

font-style:italic;

color:#79875f;

text-decoration:none;



}



a.special:hover{

color:#5e91c8;

background:none;



}



a.special span.orange, .orange{

font-style:normal;

color:#e96625;

padding:0 .2em 0 .2em;

font-size:1.2em;

background: none;



}



p{

font-family:Arial, Helvetica, sans-serif;

color:#6d7a89;

font-size:1em;

line-height:1.5em;

margin:0 0 1.2em 0;



}



/*CLASSES*/



.home-callout{

font-size:2.6em;

color:#616f7f;

text-align:center;

line-height:1.2em;

margin-bottom:50px;

font-family: Georgia, "Times New Roman", Times, serif;



}



.home-callout-link{

font-size:1.75em;

text-align:center;

margin-bottom:20px;

font-family: Georgia, "Times New Roman", Times, serif;



}



.home-callout em{

color:#e96625;

line-height:0;



}



.footer-post-wrap{

width:auto;



}



.footer-post-wrap li{

margin-bottom:20px;



}



.cal-wrap{

float:left;

width:30px;

height:31px;

background:url(../images/cal_bg.gif);

margin:0 10px 0 0;

text-align:center;





}



.cal-wrap h2{

font-family: Arial, Helvetica, sans-serif;

font-weight:bold;

color:#FFFFFF;

font-size:.65em;

margin:2px 0 0 0;

text-transform:uppercase;



}



.cal-wrap h3{

font-family: Arial, Helvetica, sans-serif;

color:#adc7de;

font-weight:bold;

font-size:.875em;

margin:3px 0 0 0;



}



.cal-entry-blurp{

float:left;

width:220px;



}



.center{

text-align:center;



}



.blog-date{

border-bottom: #ebefe4 solid 1px;

border-top: #ebefe4 solid 1px;

padding: 5px 0 5px 0;

margin: 0 0 10px 0;

font-style:normal;

color:#b6bbac;

font-weight:normal;



}



.blog-comment-date{

border-bottom: #ebefe4 solid 1px;

border-top: #ebefe4 solid 1px;

padding: 5px 0 5px 0;

margin: 0 0 10px 0;

font-style:normal;

color:#959aa0;

font-weight:normal;

background:#ffffff;

font-size:.8em;

font-family:Arial, Helvetica, sans-serif;



}



.post{

margin:0 0 50px 0;

padding-bottom:20px;

background: url(../images/slash_bg.gif) bottom left repeat-x;



}



.archives-list{

margin-bottom:30px;



}



/*WRAP*/



#wrap{

width:auto;

background: #a7aaad url(../images/bg.jpg) center top repeat-y;



}



/*BRANDING*/



#branding-wrap{

width:auto;

height:200px;

background:url(../images/header_bg.gif) center top no-repeat;



}



#branding{

position:relative;

	width:964px;

	height:auto;

	margin:0 auto;



}



#branding h1{

position:absolute;

top:0px;

left:45px;

background:url(../images/logo.gif);

width:581px;

height:198px;

text-indent:-9999px;



}



/*NAVIGATION*/



#mainNav {

	position:absolute;

	top:118px;

	right:15px;



}



#mainNav li {

	float: left;

	display:inline;

	width:auto;

	margin:0 0 0 3px;



}



#mainNav li a {

	display:block;

	height:41px;

	font-style:italic;

	color:#5689c2;

	text-decoration:none;

	font-size:1.2em;

	padding: 0 25px 0 25px;

	background:url(../images/nav_bg.gif) repeat-x top left;

	line-height:28px;



}



#mainNav li a:hover{

	color:#ffffff;

	background:url(../images/nav_hover_bg.gif) repeat-x top center;



}



body#home a#home-nav,body#about a#about-nav,body#portfolio a#portfolio-nav,body#ramblings a#ramblings-nav,body#contact a#contact-nav{

	color:#ffffff;

	background:url(../images/nav_over_bg.gif) repeat-x top center;



}



/*CONTENT*/



#content {

	width:964px;

	height:auto;

	margin:0 auto;

	background:url(../images/wrap_bg.gif) center top repeat-y;

	text-align:left;



}



#content-left{

float:left;

width:260px;

padding: 20px 30px 0 50px;



}



#content-left h3, #content-left h2{

color:#79875f;

font-size:1.8em;

font-style:italic;

font-weight:normal;

margin-bottom:20px;



}



#content-left img{

margin-bottom:15px;



}



#content-left a.nobg-link{

background:none;



}



#content-right{

float:right;

width:515px;

margin-right:96px;



}



#content-right h2.section-title{

color:#FFFFFF;

font-size:1.3em;

font-weight:bold;

padding: 5px 0 0 30px;

margin: 0 0 40px 0;

background: url(../images/title_bg.gif) top left no-repeat;

height:34px;

width:485px;



}



#content-right .section-sub-title{

color:#FFFFFF;

font-size:1em;

font-weight:normal;



}



#content-right h2.section-title-home{

color:#FFFFFF;

font-size:1.3em;

font-weight:bold;

padding: 7px 0 0 0px;

margin: 0 0 40px 0;

background: url(../images/title_bg.gif) top left no-repeat;

height:34px;

width:515px;

text-align:center;



}



#content-right h2, h2 a{

color:#2a3746;

font-size:1.8em;

line-height:1.2em;

font-weight:normal;

margin: 0 0 20px 0;



}



#content-right .post h2, h2 a{

color:#2a3746;

font-size:1.2em;

line-height:1.2em;

font-weight:normal;

margin: 0 0 20px 0;



}



#content-right h3, h3 a{

color:#2a3746;

font-size:1.2em;

line-height:1.2em;

font-weight:normal;

margin: 0 0 20px 0;



}



#content-right li{

padding-left: 14px;

background: url(../images/bullet.gif)  top left no-repeat;

	margin-bottom:10px;

    

}



#content-right-wrap{

margin:0 40px 0 40px;



}



/*FOOTER*/



#footer-wrap{

width:auto;

height:369px;

background:url(../images/footer_bg.gif) center top no-repeat;



}



#footer{

	width:964px;

	height:350px;

	margin:0 auto;

	text-align:left;



}



#footer-nutshell{

float:left;

width:335px;

height:auto;

padding-right:45px;



}



#footer-posts{

float:left;

width:264px;

height:auto;

padding:0 15px 0 15px;



}



#footer-showcase{

float:left;

width:261px;

height:auto;

padding:0 0px 0 15px;



}



#footer h1{

font-size:1.4em;

color:#616f7f;

margin-bottom:15px;

font-weight:normal;

padding:80px 0 0 0;



}



#footer #footer-nutshell h2{

font-size:1em;

color:#616f7f;

font-weight:normal;

}



#footer p {

font-family:Arial, Helvetica, sans-serif;

color:#959aa0;

font-size:.8em;

line-height:1.2em;

margin:0 0 1.2em 0;



}



#footer .cal-entry-blurp p{

margin: 0;



}



#footer a.footer-link{

color:#959aa0;



}



#disclaimer-wrap{

width:964px;

margin:0 auto;

padding:10px 0 10px 0;

text-align:right;

font-family:Arial, Helvetica, sans-serif;

font-size:.7em;

color:#7b8a9b;

text-align:right;

margin-bottom:20px;



}





#disclaimer-extras li{

width:auto;

float:left;

margin-top:-5px;

padding: 0 5px 0 5px;

}





#footer-nav li{

width:auto;

height:auto;

float:left;

border-right:#919883 solid 1px;

padding: 0 7px 0 7px;

}



#footer-nav li.copyright{

border:none;

color:#a5ac98;

margin-right:50px;

}



#footer-nav a{

color:#a5ac98;

}



#footer-nav a:hover{

background:none;

text-decoration: underline;

}





/* FORMS */



fieldset#commentForm {

	padding:0;

	margin:10px 0 0 0;

	width:auto;

	border:none;

	

}



fieldset#commentForm ul {

	margin:0;

	padding:0;

	list-style:none;

	

}



	fieldset#commentForm li {

	margin:0;

	padding:0;

	list-style:none;

	background:none;

	

}



	fieldset#commentForm li label {

font-family:Arial, Helvetica, sans-serif;

color:#959aa0;

font-size:.8em;

float:right;

clear:right;

margin:0;

padding-top:4px;

text-align:left;

width:200px;

	

}



fieldset#commentForm li input, fieldset#commentForm li select, fieldset#commentForm li textarea {

	margin:0 0 8px 0px;

	padding:2px;

	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;

	font-size:.8em;

	width:200px;

	color:#828f6a;

	border:1px solid #8F8E8E;

	

}



fieldset#commentForm li textarea {

	width:90%;

	

}



fieldset#commentForm input#commentSend {

	width:auto;

	border:0;

	margin:10px 0 10px 0;



}



/*BLOG COMMENTS*/



#comments h3{

font-size:1.4em;

color:#616f7f;

margin-bottom:15px;

font-weight:normal;

padding:10px;

background:#e4e9ef;



}



#comments p {

font-family:Arial, Helvetica, sans-serif;

color:#2a3746;

font-size:1em;

line-height:1.2em;

margin:0 0 1.2em 0;



}



#comments-post ul {

	margin:0;

	padding:0;

	list-style:none;

	margin-bottom:40px;

	

}



	#comments-post li {

	margin:0;

	padding:15px;

	list-style:none;

	background:none;

	background: url(../images/slash_bg.gif) bottom left repeat-x;

	

}



/*BLOG SIDEBAR*/



#blog-sidebar{

margin-bottom:20px;

padding-bottom:10px;

border-bottom:#f7f8f5 4px dotted;



}



#blog-sidebar ul li ul li{

padding:0 0 25px 5px;

background:url(../images/side-divider.gif) bottom left repeat-x;

font-family:Arial, Helvetica, sans-serif;

font-size:.8em;

line-height:1.2em;



}



#blog-sidebar ul li ul li a{

color:#2a3746;



}



/*SIDEBAR*/



.sidebar-wrap{

margin-bottom:20px;

padding-bottom:10px;

border-bottom:#f7f8f5 4px dotted;

clear:both;



}



.sidebar-wrap li{

padding:0px 0 5px 18px;

font-family:Arial, Helvetica, sans-serif;

font-size:.8em;

line-height:1.4em;

background: url(../images/bullet.gif)  top left no-repeat;

color:#6d7a89;



}



.sidebar-wrap li.no-bullet{

background: none;

padding-left:5px;



}



.sidebar-wrap li a{

color:#2a3746;



}



/*PORFOLIO SIDEBAR*/



.quick-link li{

float:left;

margin: 0 15px 0px 0;

padding:0;



}



.quick-link li a, .quick-link li a:hover{

background: none;



}



/*PORTFOLIO*/



.portfolio-wrap{

display:block;

width:auto;

height:auto;

padding:10px 10px 20px 10px;

background:url(../images/slash_bg.gif) bottom left repeat-x;

border:#d9dfce 1px solid;



}



#content-right .portfolio-wrap h1{

font-size:1.4em;

color:#2a3746;

margin:15px 0 8px 0;

font-weight:normal;



}



#content-right .portfolio-wrap h2{

font-size:.875em;

color:#bdbbbb;

margin-bottom:15px;

font-weight:normal;



}



#content-right .portfolio-wrap p{

font-size:.875em;



}



#content-right .portfolio-wrap p{

margin: 0;



}



#content-right a.top{

display:block;

text-indent:-9999px;

margin:0 0 30px 280px;

width:124px;

height:36px;

background:url(../images/back_top.gif) top center no-repeat;



}



#content-right .portfolio-screenshots-wrap{

width:auto;

padding:5px;

margin-top:3px;

background:#f7f8f5;

text-align:right;



}



#content-right .portfolio-screenshots-wrap a{

padding: 2px 4px 2px 4px;

margin:0 2px 0 2px;

background:#ffffff;

font-size:.6em;

color:#2a3746;

border:#999999 solid 1px;



}



#content-right a.first{

margin-left:7px;



}



#content-right .portfolio-screenshots-wrap a:hover{

color:#ea6b2c;



}