/* Hacks */
img { -ms-interpolation-mode: bicubic; width:616px; height:450px; }



/* Main Body And Main Surrounding Div */
body{ padding:0px; margin:0px; background:black; font-size:14px;}
#outersurround{ margin: auto; width: 900px; height: 1072px; padding-left:50px; padding-right:50px; }



/* Footer Div And Footer Text */
#footer { border-top: solid 2px #787878; height: 98px; width: 890px; text-align:right; padding-right:10px; clear:both; }
.footertext{ font-family:Arial; font-size:13px; color:#867406; font-weight:none; text-decoration:none; line-height:1.5; }



/* Header (Logo) Div */
#header { height: 120px; width: 900px; border-bottom: 2px solid #787878; }



/* Left Column Div, Left Column Wrapper And Left Links Text */
#leftcol { float: left; width: 225px; height: 850px; }
#leftlinkswrapper{ padding:10px; width:205px; height:512px; }
#leftlinksbackground{ width:205px; height:24px; }
#leftlinksheader{ width:205px; height:39px; }
#register{ padding:10px; width:205px; height:70px; }
#sociallinks{ padding:10px; width:205px; height:70px; }

.leftlinks{ font-family:Arial; font-size:12px; color:#404040; font-weight:none; line-height:1.8; text-decoration: none; }
.leftlinks:hover{ color:black; font-weight:bold; }
.leftlinkheader{ font-family:Arial; font-size:16px; color: #867406; line-height:2.7; font-weight:bold; }
.subscribetext{ font-family:Arial; font-size:16px; color:#787878; }



/* Main Content Div (For Website Page Content) */
#content { float: right; width: 666px; border-left: 9px solid #B3AD95; height: 850px; }



/* WEBSITE CONTENT CSS */
/* Index Page Content */
#indexbannerwrapper{ padding:25px; width:616px; height:450px; }



/* Contact Me Page */
#portrait{ float:left; width:200px; height:324px; }
#contactmain{ float:right; width:415px; height:324px; }
#contactlabel{ float:left; text-align:left; width:165px; height:30px; }
#contactinput{ float:right; text-align:left; width:230px; height:30px; }
#msg {display:none; position:absolute; z-index:200; background-image:url("images/ajax/msg_arrow.gif") left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}
.contactform{ padding:5px; background:#D3D296; }
.contactfield{ font-family:Calibri; font-size:15px; font-weight:bold; }
.contactselection{ font-family:Calibri; font-size:14px; font-weight:none; }



/* About Me Page */
#aboutmewrapper{ padding:25px; width:616px; height:800px; }
#ancestor{ width:616px; height:372px; }
#ancestorblurb{ width:616px; height:12px; text-align:right; }
#aboutmeblurb{ width:616px; height:390px; }
.photodescription{ font-size: 12px; font-family: Times New Roman; color:#BEBEBE; }



/* Digital Art Pages */
#wrapper{ padding:25px; width:616px; height:800px; }
#digitalartwrapper{ width: 616px; height: 200px; }
#digitalartdiv{ width:308px; height:200px; float:left; text-align:center; vertical-align:middle; }
#gallerywrapper{ width:616px; height:760px; }
#topgallerywrapper{ overflow:hidden; width:616px; height:240px; border-bottom: 12px solid white; }
#topgallerywrapper1{ overflow:hidden; width:616px; height:264px; border-bottom: 12px solid white; }
#topgallerywrapper2{ overflow:hidden; width:616px; height:499px; border-bottom: 12px solid white; }
#topgallerywrapper3{ overflow:hidden; width:616px; height:489px; border-bottom: 12px solid white; }
#topgallerywrapper4{ overflow:hidden; width:616px; height:505px; border-bottom: 12px solid white; }
#toppicturewrapperleft{ float:left; width:300px: height:240px; border-right: 8px solid white; }
#toppicturewrapperleft1{ float:left; width:300px: height:264px; border-right: 8px solid white; }
#toppicturewrapperleft2{ float:left; width:300px: height:499px; border-right: 8px solid white; }
#toppicturewrapperleft3{ float:left; width:300px: height:489px; border-right: 8px solid white; }
#toppicturewrapperleft4{ float:left; width:300px: height:505px; border-right: 8px solid white; }
#toppicturewrapperright{ float:right; width:300px: height:240px; border-left: 8px solid white; }
#toppicturewrapperright1{ float:right; width:300px: height:264px; border-left: 8px solid white; }
#toppicturewrapperright2{ float:right; width:300px: height:499px; border-left: 8px solid white; }
#toppicturewrapperright3{ float:right; width:300px: height:489px; border-left: 8px solid white; }
#toppicturewrapperright4{ float:right; width:300px: height:505px; border-left: 8px solid white; }
#picture1{ width:300px; height:201px; }
#picture2{ width:300px; height:225px; }
#picture3{ width:300px; height:466px; }
#picture4{ width:300px; height:450px; }
#picture5{ width:300px; height:464px; }
#divider{ width:616px; height:4px; }
#picturename{ width:300px; height:12px; }
#picturetext{ width:300px; height:27px; text-align:right; }
#buy{ height: 14px; width:55px; text-align:left; float:left; padding-top:3px; }

.picname{ font-family:verdana; font-size: 10px; font-weight:bold; color:gray; }
.pictext{ font-family:Times New Roman; font-size: 11px; line-height:1.8; font-weight:none; color:gray; }
.buynow{ font-family:Arial; font-size:11px; font-weight:none; color:black; text-decoration:underline; }

.tabs { padding:0px; margin:auto; height:30px; border-bottom:4px solid gray; }
.tabs li {display:inline}
.tabs a:hover, .tabs a.tab-active { background:#DCDCDC; }
.tabs a { height: 30px; font:11px verdana, helvetica, sans-serif; font-weight:bold; color:#2B4353; text-decoration:none; }
.tab-container { background: #fff; height:770px; width:616px; }
.tab-panes { height:770px; }



/* Poetry Book Page + Welcome To My World */
#poetrywrapper{ width:616px; height:500px; }
#poetrypane1wrapper{ width:616px; height: 200px; }
#poetrypane1left{ float:left; width:262px; height:200px; }
#poetrypane1right{ float:right; width:354px; height:200px; }
#image1{ float:left; height:360px; width:480px; padding:0px; }
#image2{ float:left; height:320px; width:240px; padding:0px; }

.photodiv{ float: left; }
.photodiv img{ border: 0; width: 616px; height: 431px; cursor: hand; cursor: pointer; }

.albumnavlinks{ width:616px; border-top:12px solid white; background-color:white; }
.albumnavlinks a{ display:inline; padding: 2px 9px; border: 1px solid #867406; font-family:Verdana; font-size:11px; font-weight:bold; color: black; text-decoration:none; }
.albumnavlinks a:hover, .albumnavlinks a.current{ background-color: #867406; color:white; border: 1px solid #867406; }



/* My Books Page */
#booksurroundwrapper{ height:750px; width:616px; }
#imagechapterwrapper{ height:478px; width:616px; overflow:hidden; }
#frontcover{ float:left; height:478px; width:300px; border-right: 8px solid white; }
#chapter{ float:left; height:478px; width:278px; text-align:left; }
#viewchapter{ float:left; height:478px; width:30px; text-align:right; }
.chapters{ font-family:Arial; font-size:12px; line-height:1.8; } 



/* My Videos Page */
#videowrapper{ height:300px; width:616px; border solid 1px black; }
#video{ float:right; text-align:right; max-height:300px; max-width:300px; overflow:hidden; border-left solid 7px white; }
#video1{ float:left; text-align:left; max-height:300px; max-width:300px; overflow:hidden; border-right solid 7px white; }
#videoblurb{ float:right; text-align:left; height:300px; width:300px; border-left solid 8px white; } 
#videoblurb1{ float:left; text-align:left; height:300px; width:300px; border-right solid 8px white; } 
.blurb{ }



/* Thumbnail Plugin (Image Pop Up) */
#thumbBox{ position: absolute; left: 0; top: 0; width: auto; padding: 8px; padding-bottom: 0; background: #313131; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; box-shadow: 5px 5px #818181; -webkit-box-shadow: 5px 5px #818181; -moz-box-shadow: 5px 5px #818181; -ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); }
#thumbBox .footerbar{ font: bold 14px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; }
#thumbBox #thumbImage{ background-color: white; width:850px; height:600px; margin: 5px; }
#thumbLoading{ position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 10px; font: bold 14px Arial; z-index: 5; }