/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/* */
/* @Author: RCouzzi */
/* @Name: style.css */
/* @Since: June 2010 */
/* */
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

@font-face {
   font-family: "BirraSto";
   src: url("BirraSto.otf") format("opentype");
}

#noJavascript {
   border: solid 1px red;
   margin-left: 400px;
   text-align: center;
   padding: 10px;
   background-color: #ffffcc;
}

#noJavascript span {
   font-size: 25px;
   font-style: italic;
}

html {
   background-color: #333;
}

body {
   background-color: #fff;
   color: #000;
   font-family: "Georgia", "serif";
   font-size: 100%;
   letter-spacing: 1px;
   margin: 0;
   padding: 0 10px;
   border-top: solid 1px #333333;
}

a {
   outline: none;
   color: #666;
   text-decoration: underline;
}

p {
   font-size: 12px;
   padding: 0;
   margin: 0;
   line-height: 20px;
}

h1, h2, h3, h4, h5 {
   padding: 0;
   margin: 5px 0;
}

.message {
   display: block;
   background-color: #ffffcc;
   text-align: center;
   padding: 5px;
   margin: 0 0 10px 400px;
}

.shadow
{
	-moz-box-shadow: 0px 2px 6px #ddd;
	-webkit-box-shadow: 0px 2px 6px #ddd;
	box-shadow: 0px 2px 6px #ddd;
}

.code
{
	background-color: #ffffcc;
	color: #333;
	border: solid 1px #ccc;
	width: 100%;
}

.error {
   border: solid 1px #CC3333;
}
.success {
   border: solid 1px green;
}

.missingToken {
   margin: 55px 0 25px;
}

/* Geolocation */

#myLocation
{
   height: 143px;
    margin: 10px 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 370px;
}

#myLocation img
{
	-moz-box-shadow: 0 0 10px #CCCCCC;
	-webkit-box-shadow:  0 0 10px #CCCCCC;;
    border: 2px double #CCCCCC;
    width: 360px;
}


#timeStamp
{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    font-size: 9px;
    margin: 0 15px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10px;
    width: 115px;
}

#bubblePoint
{
	background: url("bubblePoint.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    left: 208px;
    position: absolute;
    top: 13px;
    width: 12px;
    z-index: 10;
}

.contactBlurb,
.resumeBlurb,
.rssBlurb {
   border: 2px solid;
   color: #CC3333;
   display: block;
   font-size: 20px;
   height: 135px;
   margin: 0 0 15px 0;
   padding: 5px;
   text-align: left;
   width: 135px;
}

.rssBlurb,
.contactBlurb {
   margin-left: 400px;
}


/* Rss Feed Styles */

.rsstitle {
   color: #CC3333;
   font-size: 20px;
   font-style: italic;
   font-weight: normal;
   margin: 0;
}

.rssitem {
   border-bottom: 1px dotted #CCCCCC;
   margin: 0 10px 0 400px;
   padding: 10px 0 15px 0;
}

.rsslink {
   font-size: 11px;
   padding: 5px;
   color: #CC3333;
}

.rssdate {
   color: #666;
   display: block;
   font-size: 11px;
   font-style: italic;
   margin: 10px 0;
   text-align: left;
}

/* FB Status */

#myStatus {
   font-size:11px;
   margin:0;
   min-height:55px;
   padding:15px 15px 0 2px;
   text-align:justify;
}

#statusTime {
   border-top:1px dotted #CCCCCC;
   color:#666666;
   font-size:9px;
   font-style:italic;
   margin:15px 0 0;
   padding:5px 0 0;
   text-align:left;
}

.orange {
   color: #CC3333;
   font-style: italic;
}

.clear {
   visibility: hidden;
   clear: both;
}

.right {
   float: right;
   clear: both;
}

.mainTitle {
  border-bottom: 2px solid #CC3333;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    margin: 55px 5px 0;
    padding: 0 0 5px;
    position: static;
    text-align: left;
}

.mainTitle a {
   border: none;
   outline: none;
   text-decoration: none;
   color: #000;
}

.footerCopy {
   text-align: center;
}

.sectionBlurb {
   color: #666666;
   display: block;
   font-size: 12px;
   font-style: italic;
   margin: 0 15px 0 0 ;
   padding: 1px 3px;
   border-bottom: dotted 1px #ccc;
}

.thumbLink {
   background: transparent url('loader.gif') no-repeat center center;
   display: inline-block;
}

.thumb {
   border: solid 1px #ccc;
   background-color: transparent;
   padding: 3px;
   width: 50px;
   outline: none;
}

.thumb:hover {
   border: solid 1px #CC3333;
}

.clicked {
   opacity: 0.2;
}

a#viewAll {
   display:block;
   font-size:9px;
   text-decoration: none;
   margin:10px 15px 0 0;
   padding:5px;
   text-align:left;
   background: url('static/greySwatch.png');
}

a#viewAll:hover
{
   text-decoration: none;
   font-weight: bold;
}

.mainImage {
   float: none;
   width: 400px;
   border: 0;
   outline: none;
   margin-right: 10px;
   background: transparent url('static/loader.gif') no-repeat center center;
}

.title {
   color: #CC3333;
   font-size: 20px;
   font-style: italic;
   font-weight: normal;
   margin: 0;
}

.subtitle {
   font-size: 15px;
}

.blurb {
   font-size: 13px;
   text-align: justify;
   margin-bottom: 15px;
}

.viewBig {
   font-size: 13px;
}

.resSect {
   border-bottom: 1px solid #cc3333;
   font-size: 14px;
   font-style: italic;
   font-weight: bold;
   padding-bottom: 3px;
}

.pdfLink a,
.pdfLink img {
   outline: none;
   border: 0;
}

#footer {
   background-color: #333;
   border-top: 2px solid #ccc;
   color: #666;
   left: 0;
   padding: 25px 0;
   position: absolute;
   width: 100%;
}

#bioLink
{
	border:none;
    cursor: pointer;
    display: block;
    float: left;
	text-decoration: none;
    margin: 0 5px 0 25px;
    text-align: left;
    width: 100px;

}

#linkWrapper {
   background: transparent url('static/greySwatch.png') repeat scroll 0 0;
   border: 1px solid #CCCCCC;
   display: block;
   font-size: 13px;
   opacity: 0.9;
   padding: 5px 10px;
   position: fixed;
   right: 0;
   text-align: right;

   top: 0;
   width: 100%;
   color: #666;
   z-index: 10;
}

#linkWrapper.toggled
{
	height: 135px;
    margin: 0 0 0 -10px;
    position: fixed;
    width: 100%;
    z-index: 999999;
	
}

#currentItem.pushed
{
 margin-top: 125px !important;
}

.mainTitle.pushed
{
  margin: 40px 0 0 125px  !important;
    z-index: 999999;
}

#bio
{
	background: url("me.jpg") no-repeat scroll 0 center #F8F8F8;
	border: 1px solid #CCCCCC;
	border-radius: 0 0 6px 6px;
	box-shadow: 1px 1px 3px #CCCCCC;
	-webkit-border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 1px 1px 3px #CCCCCC;
	-moz-border-radius: 0 0 6px 6px;
	-moz-box-shadow: 1px 1px 3px #CCCCCC;
	display: none;
	height: auto;
	margin: 28px 0 -35px;
	padding: 40px 0 10px;
	position: relative;
	text-align: center;
	width: auto;
	z-index: 1;
}

#bio p.bioBlurb
{
  color: #333333;
    font-size: 20px;
    height: auto;
    line-height: 25px;
    margin: 0 100px;
    padding: 0 0 30px 10px;
    position: relative;
    text-align: center;

}

#bio p.bioBlurb a
{
	text-decoration: none;
	color: #C33;
}

#bio p.bioBlurb a:hover
{
	font-style: italic;
}

#bio p.bioBlurb span.quote
{
	color: #ddd;
    display: none;
    font-size: 40px;
    line-height: 10px;
    vertical-align: sub;
}

#linkWrapper a:hover
{
   font-weight: normal;
 
}

#thumbWrapper {
  float: left;
    margin: 25px 0 0 4px;
    position: static;
    width: 385px;
}

#currentItem {
   background-color: #fff;
   padding: 10px 0 50px;
   margin-top: 0;
   min-height: 675px;
}

.infoWrapper {
   border-bottom:1px dotted #CCCCCC;
   margin-left:425px;
   padding:25px 10px 25px 0;
}

#contactWrapper,
#resumeWrapper,
#rssWrapper {
   background-color: #fff;
   padding: 5px 0 25px 0;
}

#resumeWrapper {
   margin-left: 400px;
   width: 800px;
}

form#mailer {
   margin-left: 400px;
}

form#mailer div#contLeft {
   float: left;
   margin-right: 25px;
}

.contactInput,
.contactTextarea
{
   border: solid 1px #ccc;
   height: 20px;
   width: 300px;
}

.contactTextarea
{
   height: 55px;
}

#sendButton
{
   width: 300px;
   border:1px solid #CCCCCC;
   cursor:pointer;
   height:24px;
   width:300px;
   outline: none;
}

#resumeColOne,
#resumeColTwo,
#resumeColThree,
#resumeColFour {
   float: left;
   font-size: 12px;
   margin-right: 15px;
   width: 300px;
   padding: 10px 5px 0 0;
   text-align: justify;
}

#resumeColFour {
   border-left: dotted 1px #ccc;
   width: 75px;
   padding-left: 15px;
}

#contactWrapper label {
   border-bottom: 1px solid #cc3333;
   font-size: 14px;
   font-style: italic;
   font-weight: bold;
   padding-bottom: 3px;
   display: table;
   margin-bottom: 10px;
}

.modal
{
   background-color:#CCCCCC;
   border:3px solid #333333;
   height:309px;
   margin:5% 25%;
   opacity:0.9;
   overflow-y:scroll;
   padding:5px 10px;
   position:fixed;
   width:700px;
   z-index:999;
}