/*
   scottjfrank.com   CSS
   Created:  29 Jan 2008
   Revised:  8  Jan 2010
   Author:   Scott Frank
*/


body
{
   background: #111111 url(../img/indexbackground.jpg) no-repeat top center;
   color: #ffffff;
   font-family: helvetica, arial, sans-serif;
   font-size: 9pt;
   margin: 0px;
   height: 100%;
}


/*...............................................*/
/***************************
Blocks
*/

/***
   DIVs
               ***/

div
{
   overflow: visible;
}               

 #indxMenu
{
   margin: auto;
   margin-top: 200px;
   width: 600px;
   border: none;
   padding: 0px;
   text-align: center;
}

#headerMain
{
   background: url(../img/headerbackground.png) repeat;
   margin: 0px;
   border-top: 0px;
   border-bottom: 1px #000000 solid;
   border-left: 0px;
   border-right: 0px;
   padding: 6px;
   text-align: center;
}

#contentMain
{
   width: 100%;
   margin: 0px;
   border: 0px;
   padding: 0px;
}

.contentItem
{
   margin: auto;
   width: 600px;
   border: none;
   padding: 0px;
}

.contentBox
{
   margin: auto;
   width: 600px;
   border: none;
   padding: 2px;
   background: url(../img/contentboxbackground.png) repeat;
}

.infoBox
{
   margin: auto;
   margin-left: 200px;
   width: 380px;
   border-top: 0px;
   border-right: 1px solid #000000;
   border-left: 0px;
   border-bottom: 1px solid #000000;
   padding: 2px;
   font: 9pt bold helvetica , arial , sans-serif;
   color: #ffffff;
}

#infoBlock
{
   width: 340px;
}

#mainLeft
{
   float: left;
   margin: 0px;
   width: 100px;
   background: url(../img/contentitembackground.png) repeat;
   border: 1px #444444 solid;
}

#mainRight
{
   float: right;
   margin: 0px;
   width: 100px;
   background: url(../img/contentitembackground.png) repeat;
   border: 1px #444444 solid;
}

.newsItem
{
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 110px;
   margin-right: 110px;
   padding: 4px;
   border: 0px;
   background: url(../img/contentitembackground.png) repeat;
}

.newsItemHeader
{
   text-align: right;
   font-weight: bold;
   font-size: 10pt;
   color: #0648c4;
   background-color: #000000;
   padding: 2px;
   border: 0px;
}

.newsItemBody
{
   text-align: left;
   font-weight: normal;
   font-size: 9pt;
   padding: 4px;
}

#storeSubMenu
{
   float: left;
   width: 200px;
   text-align: right;
   font-weight: bold;
   font-size: 12pt;
   background: #333333;
   padding: 2px;
   border-top: 0px;
   border-bottom: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-left: 0px;
}

.storeItemHeader
{
   text-align: left;
   font-weight: bold;
   font-size: 10pt;
   color: #ffffff;
   background: #333333;
   padding: 2px;
   border: 0px;
}

.storeItem
{
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 210px;
   margin-right: 10px;
   border: 0px;
   background: url(../img/contentitembackground.png) repeat;
}

#musicBackground
{
   background: url(../img/deadbird.png) no-repeat center top;
   width: 600px;
   margin: auto;
   height: 450px;
   border: none;
   padding: 30px;
}

/***
   Other Elements
               ***/
#inputText
{
   width: 80px;
   height: 16px;
   border: 0px;
   background-color: #8dadc0;
   margin: 1px;
   font-family: helvetica , arial , verdana, sans-serif;
   font-size: 12px;
   color: #000000;
}

#inputSubmit
{
   width: 20px;
   height: 20px;
   border: 1px solid #000000;
   background-color: #8dadc0;
   padding: 1px;
   margin: 0px;
   font-family: helvetica , arial , verdana, sans-serif;
   font-size: 12px;
   color: #000000;
}

#inputTextArea
{
   margin-left: auto;
   margin-right: auto;
   width: 400px;
}


/*...............................................*/
/***************************
Images
*/

img
{
   border: 0px;
   margin: 0px;
}

#headerImage
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: 175px;
   margin-left: 0px; 
}

.indxmenuLink
{
   opacity: 0.4;
}

.leftImg
{
   float: left;
   margin-left: 12px;
}

.rightImg
{
   float: right;
   margin-right: 12px;
}

.linkIcon
{
   margin: 6px;
   opacity: 0.4;
}

.linkIconOn
{
   margin: 6px;
}

.linkIcon
{
   margin: 0px;
   opacity: 0.4;
}

.linkMusicIcon
{
   margin: 0px;
   opacity: 0.4;
}

.picImgGallery
{
   width: 60px;
   height: 60px;
}

.picImgGalleryBio
{
   width: 60px;
   height: 60px;
   opacity: 0.4;
}

.rightImgMusic
{
   float: right;
   margin: 8px;
   width: 263px;
   height: 375px;
}

.rightImgMusicAesk
{
   float: right;
   margin: 8px;
}

.rightImgBio
{
   float: right;
   margin: 8px;
   opacity: 0.6;
}



/*...............................................*/
/***************************
Text
*/

hr
{
   height: 1px;
   color: #ffffff;
   background-color: #ffffff;
}

.resumeDuties
{
   line-height: 1.5em;
   list-style-position: outside;
   list-style-type: circle;
}

#webDuties
{
   line-height: 1.5em;
   list-style-position: outside;
   list-style-type: circle;
}

#webExamples
{
   line-height: 1.5em;
   list-style-position: outside;
   list-style-type: disc;
}

#resumeDownload
{
   line-height: 1.5em;
   list-style-position: outside;
   list-style-type: square;
   margin: auto;
}

#indxMenuText
{
   font-family: calibri, helvetica, arial, sans-serif;
   font-size: 16pt;
   color: #ccccff;
   text-align: right;
}

/***
    Paragraph styles
                    ***/
p
{
   font-family: helvetica , arial, sans-serif;
   font-size: 9pt;
   color: #ffffff;
}

.c
{
   text-align: center;
}

.r
{
   text-align: right;
}

.j
{
   text-align: justify;
}

/***
    Span styles
               ***/
.b
{
   font-weight: bold;
}

.i
{
   font-style: italic;
}

.u
{
   text-decoration: underline;
}

.o
{
   text-decoration: overline;
}

.s
{
   text-decoration: line-through;
}

.itemTitle
{
   font-size: 16pt;
   color: #ffffff;
   font-weight: bold;
}

/***
    Link styles
               ***/
a
{
   color: #27ca0b;
   font-weight: bold;
}

.menuLink
{
   text-decoration: none;
}

.indxMenuTextLink
{
   color: #ccccff;
   text-decoration: none;
}