/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/* */
/* @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: none;
}

a:hover {
   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;
}

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

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

/* Geolocation */

#myLocation
{
   border: medium none;
   height: 143px;
   margin: 15px -9px;
   overflow: hidden;
   padding: 0;
   width: 379px;
}

#timeStamp
{
   font-size: 9px;
   color: #666;
}

.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:40px 5px;
   padding:0 0 5px;
   position:fixed;
   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;
   margin:10px 15px 0 0;
   padding:5px;
   text-align:left;
   background: url('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('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%;
}

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

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

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

.infoWrapper {
   margin-left: 395px;
   padding: 0 10px 10px 15px;
}

#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;
}