
*{
    margin:0px;
    padding:0px;
}

html {
    /*width:100%; */
    width:100%;
    height:100%;
    text-align:center;
    background:#26292E;
}

body {
    width:auto;
    margin:auto;
    text-align:left;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	 	padding:0px;
		margin:0px;
		border:none;
}

a {
	 	text-decoration: none;
		color: #333333;
}

hr {
	 	background: #707070;
}

p {
		padding: 5px 0;
}

img {
	pointer-events: none;
}


#top {
		height:30px;
		background: #3e3e3e;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-color: #707070;		
        width:100%; 
                margin:0;
}

.small{
    text-align:right;
    padding:5px 0;
    color:#E4E4E4;
    margin-right:20px
}
.small a{
    font-family:Arial;
    font-size:12px;
    color:#E4E4E4;
    text-decoration:none;
    margin: 0 8px 0 8px;
    padding-top:5px;
}

.small a:visited{
		text-decoration:none
}
.small a:hover{
		text-decoration:underline
}

#heading {
		margin:0;
        height:115px;
		padding:0;
		background: #1a1c1f url(../images/heading.jpg);
        /*width:100%; */
        width:100%;
}

 
#issue {

             text-align:right;
			 font-size: 12px;
			 margin-right: 30px;
			 padding-top: 10px;
			 color:#FFFFFF;

}

#byline {
             text-align:right;
			 font-size: 16px;
			 font-style: bold;
			 margin-right: 30px;
			 margin-top: 50px;
			 color: #FFFFFF;
}

.willie {
				font-size: 12px;
				padding: 0;
				color: #FFCC33;
}

#title img {
	  position:absolute;
      left:150px;
      top:58px;
      z-index:auto;
}

#logo img {
	  position:absolute;
      left:0;
      top:32px;
      z-index:auto;
}

/* TOP MENU */

#menuouter {
    background:url(../images/brassbar.jpg);
    height:32px;
	text-align: center;
    width:100%;
    /* width:100%; */
}

#menu {
		/* width: 1300px; */
		margin: 0 auto 0 auto;
		text-align: center;
}


.site-nav {
		margin:0;
}

.site-nav p {
          color:#FFCC33;
}

.site-nav a {       
    	text-decoration:none;
		color:#FFCC33;       
        margin-right:30px;
        font-size: 18px;
}

.site-nav a:hover,
.site-nav a.act {
		color:#dac46b;
		font-style: bold;
		font-size: 20px;
}

/* END TOP MENU */


/* MAIN CONTENT */
#outer {
		/*text-align:center;*/
        width:1500px;
}
#content {
		height:750px;
		/*width:1300px;*/
		text-align:left;
		margin:auto;
        margin-left:100px
}

#left {
    width:250px;
    padding:10px 50px 10px 5px;
		margin-left:5px;
    float:left;	
		display:inline; /* IE Fix */
}

#right {
    width:250px;
    padding:10px 100px 10px 30px;
		margin:0;
    float:right;		
    height:100%;
		display:inline; /* IE Fix */
}

#center {
    background-color:#494949;
    padding:10px 10px auto 10px;
	margin:0;
	width:700px;
    float:left;
	height: 100%;
	display:inline; /* IE Fix */
}

#footer {
    background:url(../images/footer_bg.gif);
    padding:10px 0;
    width:auto;
    /* height:50px;*/
    /* width:100%; */

}

.design{
    font-family:Arial;
    font-size:12px;
    color:#8A8A8A;
    margin: 5px 0 40px 100px;
    
    /* float:right; */
    text-align:right;
		display:inline; /* IE Fix */
}

.design a {
		color:#8A8A8A;
}

.design a:hover{
		text-decoration:underline;
}

/* MAIN CONTENT */

@media only screen and (min-device-width : 320px) and (max-device-width: 1024px){
	#top {
            width:1500px;
	}
	#heading {
            width:1500px;
	}
	#menuouter {
            width:1500px;
	}
    #footer {
            width:1500px;
    }
}

/* POETRY FORMATTING */

#spcenter {
    background-color:#494949;
    /* background:#494949 url(../images/nz_sg_sf2.jpg) no-repeat center; */
    padding:10px 5px auto 5px;
	margin:0;
	width:700px;
    float:left;
	height: 100%;
	display:inline; /* IE Fix */
}


#widepoetry {
		padding:10px 0 10px 50px;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 130%;
}

#overwidepoem { 
		padding:10px 5px 10px 30px;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 130%;
}

.splitpoem {
			 float: left;
			 width:: 250px;
			 display:inline; /* IE Fix */

}

.splitpoemright {
			 float: left;
             padding-left:15px;
			 width:: 250px;
			 display:inline; /* IE Fix */

}

#centerright {
    background-color:#494949;
    padding:10px 10px auto 10px;
	margin:0;
    float:right;
	height: 100%;
	display:inline; /* IE Fix */
}
#centerarchive {
    background-color:#494949;
    padding:10px 10px auto 10px;
	margin:0;
    float:left;
	height: 100%;
	display:inline; /* IE Fix */
}

.centerfloat { 
       text-align:center;
       margin-left: -60px ;
       margin-right: auto ;
}

/* END POETRY FORMATTING */



#editors {
		padding:10px 45px;
		color: #FFFFFF;
		font-size: 14px;
		line-height: 130%;
}

.prose { 
       text-align:justify;
       width:525px;
}
#poetry {
		padding:10px 70px;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 130%;
}

.extragap {
          margin-bottom:10px;
}

#editors a,

#poetry a {
	  text-decoration:none;
		color:#dac46b;
}
#editors p{
		padding: 5px 0;
}

#poetry p {
		padding: 5px 0 15px 0;
}

#overwidepoem sup,
#widepoetry  sup,
#poetry sup { 
       font-size: 11px;  
       font-weight:bold;
}
/*
#poetry i {
        font-family:times; 
        font-size:19px;
}
*/
#breakcenter {
		margin: 15px 0 0 150px;
}

#bio {
		 font-size:14px;
		 color: #FFFFFF;
		 width: 250px;
		 padding: 5px 0 0 0;
}

#bio a {
	  text-decoration:none;
		color:#dac46b;
}

#graphic img {
			height: 240px;
			position:absolute;
            left:700px;
            top:500px;
            z-index:auto;	
}

.pagename {
		 color: #dac46b;
		 text-align: center;
		 padding: 15px 0 5px 0;
}

.poetname {
		 color: #dac46b;
		 text-align: center;
		 padding: 15px 60px 5px 0;
}

.poemtitle {
         font-size:16px;
		 color: #dac46b;
		 padding: 5px 0 10px 0;
		 height: 30px;
}

.poemtitlenarrow {
		 color: #dac46b;
		 padding: 0;
		 height: 28px;
}

.titleandsub {
         font-size:16px;
		 color: #dac46b;
		 padding: 5px 0 0 0;
}
.firstline {
         font-size:16px;
		 color: #dac46b;
		 font-weight:600;
}

.poemtype {
		font-size: 14px;
		padding: 0 0 20px 0;
		line-height: 90%;
}
.subtitle {
		font-size: 13px;
        font-style:italic;
		padding: 0 0 20px 0;
		line-height: 110%;
}

.dedication {
		font-size: 13px;
        font-style:italic;
		padding: 20px 0 20px 40px;
		line-height: 110%;
}

.epigraphs { 
		font-size: 13px;
        font-style:italic;
        margin-top:30px;
		line-height: 110%;

}
.excerpt { 
        font-size:12px; 
        line-height:120%;
        font-style:italic;
}

.footnote {
		font-size: 13px;
        font-style:italic;
		padding: 0 0 20px 0;
		line-height: 110%;

}

.footnote a {
	 	text-decoration: none;
		color:#dac46b;
}

#twoColumn { 
        text-align:center;
}
#twoColumnLeft { 
        float:left;
        width:50%;
        text-align:left;
	    display:inline; /* IE Fix */
}
#twoColumnRight { 
        float:left;
        width:50%;        
        text-align:left;
        display:inline; /* IE Fix */
}
.spacer { 
		font-size: 10px;
		line-height: 50%;     
}
.sub {
		 padding: 0 0 10px 0;
		 margin-left: 100px;
		 font-size: 14px;
}

#pageflip {
		color:#dac46b;
		text-align:right;
}

#pageflip a {
	  text-decoration:none;
		color:#dac46b;
}		

#pageflip a.current {
		color: #FFFFFF;
}



.us-nav,
.int-nav {
    margin:0;
}

.us-nav li,
.int-nav li {
    list-style-type:none;
}

.us-nav li img,
.int-nav li img {
		border: 0px none;		
}

.us-nav li a {
		text-decoration:none;
		display:block;		
		color: #FFFFFF;
		font-size:14px;
		height:20px;
}

.int-nav li a {
		text-decoration:none;
		display:block;		
		color: #FFFFFF;
		font-size:14px;
		height:28px;
}

.us-nav li a:hover,
.int-nav li a:hover,
.int-nav li a.act {
		color:#fcb138;
		font-style: bold;
}

.yellow {
		color: #dac46b;
		margin: 0 0 0 0;
		padding: 12px 0 8px 0;

}



#backtomenu {
            color:#ffffff; 
            font-size:12px; 
            margin-left:25px
}

#backtomenu a {
            font-family:Arial;
            font-size:12px;
            color:#ffffff;
            text-decoration:none;
}

#backtomenu a:visited {
		text-decoration:none
}
#backtomenu a:hover {
            color:#dac46b;
		    font-style: bold;
		    text-decoration:underline
}

/* GLOSSARY FORMAT */
#glossary {
		padding:10px 70px;
		color: #FFFFFF;
		font-size: 14px;
		line-height: 130%;
}

#glossary a{
	  text-decoration:none;
		color:#dac46b;
}

#glossary p {
		padding: 5px 0;
}

.formname {
		  font-weight:bold;
		  color: #dac46b;
		  padding-bottom:0;
}

.glossarylink a {
		text-decoration:none;
		color:#dac46b;
		font-style: bold;
}

.glossarylink a:hover{
		text-decoration:underline
}

#glossaryleft { 
		float:left;
		display:inline; /* IE Fix */
		width: 475px;
}

#glossaryContent{ 
		float:left;
		display:inline; /* IE Fix */
		width: 600px;
}

#glossaryright { 
		float:left;     
		display:inline; /* IE Fix */
margin-left:50px;
width: 475px;
}

/* END GLOSSARY FORMAT */




/* archives */

#poetarch { 
          height:200px;
          font-size:13px;
}

#writers {
		padding:10px 30px;
		color: #FFFFFF;
		font-size: 12px;
		line-height: 130%;
}

#archiveleft { 
		float:left;
		display:inline; /* IE Fix */
}

#archivemid { 
		float:left;
		display:inline; /* IE Fix */
}

#archivemidright, #archiveright { 
		float:left;     
		display:inline; /* IE Fix */
}

#archivelnk { 
        width:215px;        
}

#archivelnk.centerit { 
        text-align:center;
}

#archivelnk li { 
        list-style-type:none;
        color: #FFFFFF; 
}

#archivelnk li a { 
        color: #FFFFFF;
}

#archivelnk li a img {
		border: 0px none;		
}

#archivelnk a:hover{
		text-decoration:underline
}

.issuelink { 
        height:120px;
}

.writerlink { 
        height:20px;
        /* width:225px; */
}
/*.dblwriterlink { 
       height:38px;
}*/
.writerlink li a { 
        color:#FFCC33;
}
/* end archives */

.indent10 {
			margin-left:10px;
}

.indent15 {
			margin-left:15px;
}

.indent20 {
			margin-left:20px;
}

.indent30 {
			margin-left:30px;
}

.indent40 {
			margin-left:40px;
}

.indent50 {
			margin-left:50px;
}	

.indent60 {
			margin-left:60px;
}	

.indent70 {
			margin-left:70px;
}	

.indent75 {
			margin-left:75px;
}	
.indent80 {
			margin-left:80px;
}	
.indent90 {
			margin-left:90px;
}	
.indent100 {
			margin-left:100px;
}
.indent110 {
			margin-left:110px;
}
.indent120 {
			margin-left:120px;
}
.indent130 {
			margin-left:130px;
}
.indent140 {
			margin-left:140px;
}
.indent150 {
			margin-left:150px;
}
.indent175 {
			margin-left:175px;
}
.indent180 {
			margin-left:180px;
}
.indent190 {
			margin-left:190px;
}
.indent200 {
			margin-left:200px;
}

.indent220 {
			margin-left:220px;
}

.indent230 {
			margin-left:230px;
}

.indent240 {
			margin-left:240px;
}

.indent250 {
			margin-left:250px;
}

.indent275 {
			margin-left:275px;
}

.indent280 {
			margin-left:280px;
}

.indent300 {
			margin-left:300px;
}

.indent330 {
			margin-left:330px;
}

.indent340 {
			margin-left:340px;
}

.indent350 {
			margin-left:350px;
}
.indent375 {
			margin-left:375px;
}
.indent400 {
			margin-left:400px;
}

/* poem bock */

#backouter {
    background:#000000;
    height:22px;
}

#blackstuff {
		margin: 0 auto 0 auto;
		text-align: center;
}

.blackin {
		margin:0;
		color:#FFFFFF;
}

.blackin li{
    list-style-type:none;
    float:left;
    border:none;
		color:#FFFFFF;    
        background:#000000;
		margin:0;		
		display:inline; /* IE Fix */
}

.blackin li a {
		text-decoration:none;
		display:block;
		color:#FFFFFF;
}
