body { 
	background-color: rgb(118,130,123); 
	margin: 0px;
	background: rgb(30,30,30) 0% 0% repeat-x;
	min-width: 750px;
}


/*Main container*/

#maincontainer{
	margin: 0px 1% 0px 1%;
	padding: 0px 10px 0px 10px;
	background-color:  rgb(118, 130, 123);
	background-color:  rgb(41,41,41);
border-right: 1px solid rgb(60,60,60);
border-left: 1px solid rgb(60,60,60);
height: 100%;
}
.barbot{
	background: url(images/lowerbar.gif) 0% 100% repeat-x;
}

/*Various Corner images*/

.brcorner {
	background: url(images/brcorner.gif) 	100% 100% no-repeat;
	padding-bottom: 15px;

}

.blcorner{
	background: url(images/blcorner.gif)  0% 100% no-repeat;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	}
.trcorner{
	background: url(images/bluetr.gif)  100% 0% no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	background: url(images/trcorner.gif) transparent 100% 0% no-repeat;
}

.tlcorner{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/tlcorner.gif) transparent 0% 0% no-repeat;
}


/* Header */

#header{
	margin: 0px;
	padding: 0px;
	background: url(images/smallgrd.jpg) white 0% 0% repeat-x;
}

#header img{
	border: none;
	
	display: inline;
	padding: 15px 20px 0px 15px;
}

#header p{
}

#headernav{
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 20px 20px;
	list-style: none;
	text-align: center;
	border: none;
	float: left;
}
	
#headernav li{
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
float: left;
	list-style: none;
	text-align: center;
	
	background-color:rgb(211,224,220);
	display: inline;
}
	
#headernav li a{
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	text-align: center;
	font: bold small-caps 0.8em "Verdana", sans-serif;
	text-decoration: none;
	color: rgb(41, 41, 41);
	color: rgb(0, 97, 222);
	
background: url(images/smallgrd.jpg) 0% 0% repeat-x;
}

#headernav a:hover{
	color: rgb(254, 0, 132);


}

#headernav li:hover{
	color: white;
}

#headernav #headernavselected a{
	color: rgb(254, 0, 132);
	background: url(images/smallgrd.jpg) 0% -100% repeat-x;
}

#headernav #headernavselected {
	background-color: white;
}

/*Banner - Background image not currently implemented*/ 


#header h1{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	font:  bold 2em "century gothic", sans-serif;
	
	color: rgb(177,53,50);
	color: rgb(170,10,10);
color: white;
border-left: 1px solid rgb(42,55,55);
border-right: 1px solid rgb(42,55,55);

}

#header h2{
	margin: 0px;
	padding: 0px 0px 5px 127px;
	text-align: left;
	font: 0.7em verdana, "century gothic", sans-serif;
color: white;
	border-left: 1px solid rgb(42,55,55);
	border-right: 1px solid rgb(42,55,55);
}

	


/*Content*/
	
#content{
	background: url(images/headerbar.gif) white 0% 0% repeat-x;
width: 98%;
	min-width: 325px;
	float: left;
	margin: 0px 0px 20px 1%;
	padding: 0px 0px 0px 0px;	
	background-color: rgb(10,10,10);
	border: 0px solid rgb(42,55,55);
clear: both;
}

#content h1{
	margin: 0px 0px 0px 0px;
	padding: 6px 20px 18px 25px;
	font:  bold 1.4em "Century Gothic", sans-serif;
	color: white;
	


}

#content h2{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 23px;
	font: 0.8em "Century Gothic", sans-serif;
	color: rgb(170,16,16);
	color: rgb(42,55,55);
	background-color: white;
}

#content h3{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 35px;
	font: bold 0.8em Verdana, "Century Gothic", sans-serif;
	color: rgb(42,55,55);
	color: rgb(170,16,16);
	background-color: white;
}


#content p{
	
}

#content img{

	
}

#content ul{
	list-style: none;
}

/*Sidebar*/

.sidebar{
	width: 18%;
	min-width: 135px;
	float: right;
	clear: right;
	padding: 0px 0px 0px 0px;
	text-align: left;
	background: url(images/headerbar.gif)  0% 0% repeat-x;
	min-width: 160px;
	margin: 0px 1% 20px 0%;
}
.sidebar ul{
	padding:5px 20px 5px 0px;
	margin: 0px 0px 0px 0px;
	background-color: rgb(211,224,220);
	list-style: none;
}

.sidebar li{
	padding:5px 20px 15px 20px;
	margin: 0px 0px 0px 0px;
	background-color: rgb(211,224,220);
	list-style: none;
	font: 0.7em Verdana, "Century Gothic", sans-serif;
	text-decoration: none;
	color:rgb(118,130,123);
}
.sidebar li a{
	text-decoration: none;
	color: rgb(42,55,55);
}

/* Small icons for nav. Not yet implemented

#sidebar li.originalslink {
	background: url(palette.gif) 0% 0% no-repeat;
	padding:5px 20px 15px 40px;
}
#sidebar li.postcardslink {
	background: url(postcard.gif) 0% 0% no-repeat;
	padding:5px 20px 15px 40px;
}
#sidebar li.printslink {
	background: url(print.gif) 10px 0px no-repeat;
	padding:5px 20px 15px 40px;
}

#sidebar li.posterslink {
	background: url(poster.gif) 10px 0px no-repeat;
	padding:5px 20px 15px 40px;
}

*/

.sidebar .total{
	text-align:right;
	color: rgb(42,55,55);
	
}
.sidebar a {
	text-decoration: underline;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	color: rgb(254, 0, 134);
}
a{
	text-decoration: underline;
	color: rgb(254, 0, 134);
}

a:hover{
	color: rgb(0, 97, 222);
}

#sidebar a.sidebarimage{
	display: block;
	text-align: center;
}

.sidebar a:hover {
	color: rgb(0, 97, 222);
}

#sidebar #sidebarspacer{
	margin: 20px 0px 0px 0px;
}

.sidebar h1{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	font: bold  0.8em Verdana, "Century Gothic", sans-serif;
	color: white;
	text-align: center;
	
}

.sidebar h2{
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 0px 15px;
	font: 0.7em Verdana, "Century Gothic", sans-serif;
	color: rgb(28,112,185);
	border-bottom: 1px solid rgb(28,112,185);
	border-top: 1px solid rgb(247,156,24);
	text-align: left;
		background: url(images/smallgrd.jpg) 0% 0% repeat-x;
}

.sidebar h3{
	margin: 0px 0px 0px 7px;
	padding: 5px 10px 5px 10px;
	color: white;
	background-color: rgb(28,112,185);
}

.sidebar p{
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	font: 0.8em Georgia, Verdana, "Century Gothic", sans-serif;
	color: rgb(0, 97, 222);
	background: url(images/smallgrd.jpg) white  0% 0% repeat-x;
	text-align: left;
	border-bottom: 1px solid rgb(200,200,200);
	border: 3px solid rgb(0, 97, 222);
border-bottom: none;
border-top: none;

	}
.sidebar img{
	margin: 20px 5px 20px 0px;
	padding: 20px 20px 20px 20px;
	font: 0.7em Verdana, "Century Gothic", sans-serif;
	color: black;
	background-color: rgb(211,224,220);
	text-align: center;
	padding: 2px;
	display: inline;
	border: 1px solid rgb(132,149,139);
}

.sidebar img:hover{
	 border: 1px solid white;
 }
 
 

/*Footer section*/

#footer{
	width: 100%;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-color: white;
}

#footer ul{
	list-style: none;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

#footer li{
	display: inline;
}

#footer li a{
	color: rgb(0, 97, 222);
	font: small-caps 0.7em "Verdana", sans-serif;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	text-decoration:underline;
	display:inline;
}

#footer p{
	color: rgb(0, 97, 222);
	font: small-caps 0.7em "Verdana", sans-serif;
	padding: 15px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

#poemTitle{
	
font: bold 0.8em "Verdana", sans-serif;

}

#poemAuthor{
	
	font: bold 0.8em "Verdana", sans-serif;
}





#innercontent{
		border: 3px solid rgb(0, 97, 222);
border-top: none;
margin-bottom: 20px;
}

#innercontent p{
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	font: small-caps 0.8em Verdana, "Century Gothic", sans-serif;
	color: black;
	background: white;
	text-align: left;
	z-index:1;
	height: 1%;
color: rgb(0, 97, 222);
clear: both;
border-top: 1px solid rgb(220,220,220);
height: 1%;
overflow: hidden;
background: -moz-linear-gradient(top, rgb(240, 240, 240) 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(240, 240, 240)), to(#fff));
	}
	
#innercontent img{
	margin: 0;
	font: 0.7em Verdana, "Century Gothic", sans-serif;
	color: black;
	padding: 0;
	display: block;
}


label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
	font: small-caps 1em Verdana, "Century Gothic", sans-serif;
	
}

input{
	background-color: rgb(211, 224, 220);
	padding: 5px;
	border: 1px solid rgb(0, 97, 222);
}
	
label {
	text-align: right;
	width: 60px;
	padding-right: 20px;
}

br {
	clear: left;
}



textarea {
	background-color: rgb(211, 224, 220);
	border: 1px solid rgb(0, 97, 222);
	padding: 5px;
	font: 1em Verdana, "Century Gothic", sans-serif;
	margin-left: 85px;
}





.button {
font: small-caps 1em Verdana, "Century Gothic", sans-serif;
background-color: rgb(0, 97, 222);
border: 1px solid rgb(132,149,139);
float: left;
clear: right;
text-align:center;
margin-bottom: 10px;
margin-right: 10px;
width: 100px;
color: white;
padding: 5px;
}

.button:hover{
border: 1px solid rgb(254, 0, 132);
color: rgb(254, 0, 132);
cursor: pointer;
}

.button:active{
border: 1px inset rgb(132,149,139);
}


#innercontent form{
background-color: white;
}


#innercontent span{
margin: 0;

}
#innercontent form{
background-color: white;
}

.poemword {
color: red;
font-size: 1.2em;
font-weight: bold;

}

.wordinfo {
color: black;
font-style: italic;
font-size: 0.8em;
font-weight: normal;
}
.userword{
color: black;
font-style: italic;
font: bold 1.5em Georgia, serif;
}






.tagmatch{

font: bold 0.8em Verdana, sans-serif;
}

.wordprompt {
margin: 0px 10px 0px 0px;

}

.tagprompt {
font-style: italic;
}

.ratingprompt {
margin: 0px;
padding: 0px;
}





#innercontent img{
	margin: 0px 0;
	color: black;
	background-color: transparent;
	padding: 0;
	display: block;
	border: none;
	
width: auto;
float: left;
height:150px;

-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);

}


#innercontent span{
}

#innercontent .wordimgholder, #innercontent .wordholder{
-moz-box-shadow: 3px 3px 3px #777;
-webkit-box-shadow: 3px 3px 3px #777;
cursor: move;
font: bold 1.3em Georgia, serif;
background-color: black;
margin-right: 10px;
margin-bottom: 10px;
}

#innercontent .wordholder{

vertical-align: bottom;
color: white;

vertical-align: middle;
-moz-opacity: 0.8;
opacity: 0.8;
height: auto;
float: left;
position: relative;
z-index: 1;
margin-top: 117px;
padding: 5px 10px 8px 10px;
}

#innercontent .wordimgholder{
padding: 0px;
text-shadow: 2px 2px 7px silver;
position: relative;  
color: black;
background-color: rgb(240,240,240);
vertical-align: middle;
cursor: move;
height: auto;
float: left;
z-index: 1;
height: 150px;
}

span .picsdescripprompt{
display: block;
clear: both;
}

span .linedescripprompt{
display: block;
clear: both;
}

#innercontent .faded{
	
	background-color: rgb(211,224,220);
	font-variant: small-caps;
}

.sidebar .faded {
	background-color: rgb(211,224,220);
	font: 0.7em Verdana, "Century Gothic", sans-serif;
	font-variant: small-caps;
}
	 

#innercontent .imgover{
}

#innercontent .imgout{
z-index:2;
}

#innercontent .tagwordw{
position: absolute !important;
color: black;
height:20px;
margin: 0px;
z-index: 10;
display: block;
float: left;
background-color: white;
-moz-opacity: 0.8;
opacity: 0.8;
filter:alpha(opacity=80); 
clear: left;
width: auto;
text-align: center;
padding: 5px 10px 8px 10px;

bottom: 0;
left: 0;
}


#innercontent .tagword{
	
position: absolute !important;
color: black;

margin: 0px 0 0 0;
z-index: 10;
display: block;

background-color: white;
-moz-opacity: 0.8;
opacity: 0.8;
filter:alpha(opacity=80); 

width: auto;
text-align: center;
cursor: move;
padding: 5px 10px 5px 10px;

top: 50px;
left: 5px;
}

.flickrimg {
	position: relative;
}


#xmlrequestinput {
display: none;
}

#xmlrequest{
width: auto;
height: auto;
float: none;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
font: 0.7em Verdana, "Century Gothic", sans-serif;
color: rgb(0, 97, 222);
background: url(images/smallgrd.jpg) white  0% 0% repeat-x;
text-align: left;
border-bottom: none;
border-top: none;
}

#xmlrequest input{
width: auto;
height: auto;
float: none;
margin: 0px;
padding: 0px;
border: none;
background: none;
color: rgb(254, 0, 132);
text-decoration: underline;
text-align: left;
cursor: pointer;
}

#xmlrequest .button:hover{
color: rgb(0, 97, 222);
cursor: pointer;
}

#loading {
height: 150px !important;
border: 1px solid red;
}
#loading img{
position: relative;
margin: 0px;
padding: 20px;
height: auto;
width: auto;
border: none;
}

#content #innercontent img.loadingimg {
height: auto !important;
width: auto !important;
position: absolute;
padding: 0 0 0 50% !important;
margin: 25px 0px 0 -40px !important;
}


#sidebarads{
width:160px;
padding:0px;
min-width: 160px;
}

.cleaner{
	clear: both;
	font-size: 0em;
	height: 0px;
	line-height: 0;
	padding:0;
	margin: 0;
}

.smallheading{
	font-weight: bold;
	line-height: 2em;
}

.description {
font: 1.1em Georgia !important;
}

#idStanzatop{
display: block;
text-align: center;
}

#idStanzabot{
display: block;
text-align: center;
}

#prevStanzatop{
float: left;
}

#nextStanzatop{
float: right;
}


#prevStanzabot{
float: left;
}

#nextStanzabot{
float: right;
}

#innercontent #poeminfo{
padding: 15px 25px 15px 25px;
margin: 0px;
}
#innercontent #poemnav p {
padding: 15px 25px 0px 25px;
}

#innercontent #poemnavtop, #innercontent #poemnavbot{
padding: 15px 25px 15px 25px;
margin: 0px;
}

#innercontent #poemnavtop span, #poemnavbot span{
margin: 0px;
}

#progressbarHolder{
margin: 0;
float: right;
}

#progressbar{
position: absolute;
}

select{
color: rgb(255, 0, 135);
color: rgb(0, 97, 222);
background-color: rgb(211, 224, 220);
border: 1px solid rgb(0, 97, 222);
padding: 2px;
width: 130px;
}


#innercontent .wordholderalt{
color: rgb(0, 97, 222);
border: 1px solid rgb(132,149,139);
background-color: rgb(211,224,220);
vertical-align: middle;
height: 81px;
float: left;
z-index: 1;
padding: 5px 5px 5px 5px;
font: bold 1.3em Georgia, serif;
}

.sidebar form{
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	font: 0.8em Georgia, Verdana, "Century Gothic", sans-serif;
	color: rgb(0, 97, 222);
	background: url(images/smallgrd.jpg) white  0% 0% repeat-x;
	text-align: left;
	
border-bottom: none;
border-top: none;
border: 3px solid rgb(0, 97, 222);
}

.reloadimg{
float: left;
display: inline;
cursor: pointer;
margin: 44px 0px 0px 15px !important;
padding: 0px !important;
position: absolute;
border: none !important;
}

.previmg{
float: left;
display: inline;
position: relative;
cursor: pointer;
margin: 44px 0px 0px 0px !important;
padding: 0px !important;
border: none !important;
}


.nextimg{
float: left;
display: inline;
position: relative;
cursor: pointer;
margin: 44px 0px 0px 30px !important;
padding: 0px !important;
border: none !important;
width: 15px;
}


.navImage{
position: absolute;
z-index: 500;
margin: 20px 0px 0px -50px !important;
padding: 0px !important;
}






#innercontent #contactform {
	width: 520px;
	margin-top: 25px;
}

#innercontent #contactform input, #contactform textarea {
padding: 3px;
	width: 320px;
	font: 1em Verdana, sans-serif;
	margin: 0px 0px 20px 0px;
	border: 1px solid rgb(31,118,195);
}

#innercontent #contactform textarea {
	height: 90px;
        width: 320px !important;
}

#innercontent #contactform textarea:focus, #contactform input:focus {
	border: 1px solid rgb(189, 30, 80);
}

#innercontent #contactform input.button {
	width: 100px;
	margin: 5px 0px 5px 155px;
	padding: 5px 20px 5px 20px;
	font:  small-caps 0.9em verdana, "CENTURY GOTHIC", Verdana, sans-serif;
	color: white;
}


#innercontent #contactform label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 120px;
	padding-top: 5px;
	font-size: 0.8em;
color: rgb(0, 97, 222);
}


#innercontent #contactform textarea:focus, #contactform input:focus {
	border: 1px solid  rgb(252, 1, 130) !important;

}

.nav .navnext{
color:white;
display:block;
float:right;
padding:7px;
text-decoration:none !important;
outline: none;
border: none;
}

.nav .navprev{
color:white;
display:block;
float:left;
padding:7px;
text-decoration:none !important;
outline: none;
border: none;
}


.nav {
background: black;
display:block;
opacity:0.7;
padding:0;
position:absolute;
width:100%;
z-index:10000;
}


#innercontent .nav .navflickr img, #innercontent .nav .navlarge img{
width: 15px;
height: 15px;
margin: 0px;
position: relative;
}

.navflickr {
float: left;
left: 50%;
position:absolute;
margin: 8px 0px 5px -8px;
outline: none;
}

.navlarge {
float: left;
margin: 8px 0px 5px 80%;
outline: none;
width: 15px;
height: 15px;
margin: 0px;
position: relative;
}



#innercontent .nav .navnext img, #innercontent .nav .navprev img{
width: 15px;
height: 15px;
margin: 0px;
position: relative;
}


#innercontent .nav .navitem img{
width: 15px;
height: 15px;
margin: 0px;
position: relative;
}

#innercontent .nav .navitem{
color:white;
display:block;
float:left;
padding:7px;
text-decoration:none !important;
outline: none;
border: none;
}

.imagelink {
	cursor: move;
}