/*
      Created by Keith Donegan oa 
f Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, sans-serif;
 font-size: 13px;
 text-align: left;

}
#wrapper { 
 margin: 0 auto;
 width: 960px;
}
#faux {
 /*background: url(faux-11-4.gif);*/
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 965px;
 align: center;
 background-color: #ffffff;
}

}
#navigation {
 padding: 10px;
 margin: 0px 0px 5px 0px;
}
#leftcolumn { 
 display: inline;
 margin-right: 9px;
 padding-right: 10px;
 width: 376px;
 float: left;
 text-align: left;
 border-right: 1px solid #cccccc;
}
#leftmiddle { 
 float: left;
 margin-right: 10px;
 padding: 0px;
 width: 228px;
 display: inline;
 position: relative;
 text-align: left;
 border-right: 1px solid #cccccc;
}
#rightmiddle { 
 display: inline;
 position: relative;
 margin: 0px 9px 0px 0px;
 padding-right:5px;
 width: 141px;
 float: left;
 text-align: left;
 border-right: 1px solid #cccccc;
}

#rightmiddlesplit1 {
display: inline;
 position: relative;
 margin-right: 2px;
 padding: 0px;
 width: 108px;
 float: left;
 text-align: left;
}

#rightmiddlesplit2 {
display: inline;
 position: relative;
 margin-right: 0px;
 padding: 0px;
 width: 110px;
 float: right;
 text-align: left;
}


#rightcolumn { 
 display: inline;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 160px;
 float: left;
 text-align: left;
}

.supplement {
 width:218px;
 border: 1px solid #ff00aa;
 text-align: center;
 color: #ff00aa;
 margin-bottom: 2px;
}

.blogtext {
 width:158px;
 border: 1px dotted #ff00aa;
 text-align: center;
 color: #ff00aa;
 margin-bottom: 2px;
}

.az {
 width: 158px;
 border: 1px dotted #a8a8a8;
 text-align: center;
 color: #ff00aa;
 margin-bottom: 2px;
 margin-top: 5px;
}

.smalltext {
      text-align: left;
      font-size: 12px;
      color: #ff00aa;
      border-bottom: 1px dotted #5500ff;
      padding-bottom: 5px;
      padding-top: 5px;
      text-decoration: none;
}

.smalltext a {
      text-align: left;
      font-size: 12px;
      color: #ff00aa;
      border-bottom: 100% 1px dotted #5500ff repeat-x;
      padding-bottom: 5px;
      padding-top: 5px;
      text-decoration: none;
}

.smalltext a:hover {
      text-align: left;
      font-size: 12px;
      color: #ff00aa;
      border-bottom: 1px dotted #5500ff;
      padding-bottom: 5px;
      padding-top: 5px;
      text-decoration: underline;
}


.clear { clear: both; background: none; }


/* article detail page */
#articleleftcolumn { 
 display: inline;
 margin-right: 5px;
 margin-top: 5px;
 padding-right: 6px;
 width: 377px;
 float: left;
 border-right: 1px solid #cccccc;
}
#articleleftmiddle { 
 float: left;
 margin-right: 8px;
 margin-top: 5px;
 padding-right: 0px;
 width: 228px;
 display: inline;
 position: relative;
 border-right: 1px solid #cccccc;
}
#articlerightmiddle { 
 display: inline;
 position: relative;
 margin: 5px 5px 0px 0px;
 padding: 0px;
 width: 160px;
 float: left;
}
#articlerightcolumn { 
 display: inline;
 position: relative;
 margin: 5px 0px 0px 0px;
 padding: 0px;
 width: 160px;
 float: left;
}


/* article detail page2 */
#articleleftcolumn2 { 
 display: inline;
 margin-right: 8px;
 margin-top: 5px;
 padding: 0px;
 width: 470px;
 float: left;
 border-right: 1px solid #cccccc;
}
#articleleftmiddle2 { 
 float: left;
 margin-right: 7px;
 margin-top: 5px;
 padding: 0px;
 width: 140px;
 display: inline;
 position: relative;
 border-right: 1px solid #cccccc;
}
#articlerightmiddle2 { 
 display: inline;
 position: relative;
 margin: 5px 5px 0px 0px;
 padding: 0px;
 width: 160px;
 float: left;
}
#articlerightcolumn2 { 
 display: inline;
 position: relative;
 margin: 5px 0px 0px 0px;
 padding: 0px;
 width: 160px;
 float: left;
}



.image_caption { 
   line-height: 12px; 
   font-size: 10px;
   color: #ff00aa; 
   padding: 0px 3px 5px 3px; 
   text-align: left; 
}

/* listings page */
#listingleftcolumn { 
 display: inline;
 margin-right: 9px;
 padding: 0px;
 width: 565px;
 float: left;
}
#listingleftmiddle { 
 float: left;
 margin-right: 9px;
 padding: 0px;
 width: 217px;
 display: inline;
 position: relative;
}

#listingrightcolumn { 
 display: inline;
 position: relative;
 margin-top: 5px;
 padding: 0px;
 width: 160px;
 float: left;
}

.listingheadline {
 text-transform: uppercase;
 font-size: 14px;
 color: #ff00aa;
 margin-bottom: 10px;
}

.listingstext ul li {
 vertical-align: top;
 margin-left: 20px;
 font: #000000 12px;
 color: #000000;
 list-style-type: square;
 list-style-image: url(images/bullet.gif);
}

.content2 {
	padding-right: 10px;		
	color: #000000;
	font-size: 12px;
        margin-right: 0px;
        text-align: left;
        display: inline;
        min-height: 250px;
	margin-top: 10px;
        width: 98%;
}

.content2 ul li {
 vertical-align: top;
 margin-left: 15px;
 padding-right: 10px;
 font: #000000 12px;
 color: #000000;
 list-style-type: square;
 list-style-image: url(images/bullet.gif);
}

/* Cosmetic stuff now */

.email {
   padding-right: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/email.gif) no-repeat right center; 
}
.print {
   padding-right: 24px;
   padding-bottom: 1px;
   padding-top: 1px; 
   background: url(images/print.gif) no-repeat right center; 
}
.digg { 
   padding-right: 24px;
   padding-bottom: 1px;
   padding-top: 1px;
   background: url(images/digg.png) no-repeat right center; 
}

#header {
	width: 960px;
	/*float:left;*/
        position: relative;
	height: 120px;
	/*background: #ffffff url(images/gscene_logo_medium.jpg) no-repeat left top;*/
	/* background: #ffffff url(images/PinkPavilionFinal.jpg) no-repeat right top; */
	padding: 0;
	font-size: 14px;
	color: #FFF;
}
#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.3em Verdana, sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	text-transform: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 28px; left: 45px;	
}
#header h1#logo-text a {
	color: #ff00aa;
}
#header h1#logo-text a:hover {
	text-decoration: none;
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 5px 0 0 0;
	font: normal .9em Verdana, sans-serif;
	text-transform: none;
	color: #ff00aa;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 108px; left: 3px;		
}

#bannerimage {
   /*background: #ffffff url(images/AIDSbanner.jpg) no-repeat right top;*/
   /*width: 435px;*/
   /*float: right;*/
   /*vertical-align: top;*/
}

/* Footer */	
#footer {
	color: #ff00aa;
	background: #ffffff url(none) no-repeat center top;
	border-top: 1px solid #ff00aa;
	clear: both;
	width: 960px;
	height: 55px; 
	text-align: center;	
	font-size: 92%;
}
#footer a { text-decoration: none; }

/* Category Headers */

.menuheader  {
        width: 957px;
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-transform: none;
	background: #ff00aa url(images/gradient.png) repeat-x;
	margin-top: 0px;
	line-height: 23px;
	padding-left: 3px; 
}

.menuheader a {
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;

	margin-left: 0px;
	line-height: 23px;
	padding-left: 3px; 
}

.menuheader a:hover {
	text-decoration: underline;
}

.menuheader2  {
        width: 100%;
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-transform: none;
	background: #ff00aa url(images/gradient.png) repeat-x;
	margin-left: 0px;
	line-height: 23px;
	padding-left: 3px; 
}

.menuheader2 a {
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	
	margin-left: 0px;
	line-height: 23px;
	padding-left: 3px; 
}

.featureheader  {
        width: 376px;
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-transform: none;
	background: #ff00aa url(images/gradient.png) repeat-x;
	margin-left: 0px;
	line-height: 23px;
	padding-left: 3px; 
        display: block;
}

.downloadheader  {
        width: 217px;
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-transform: none;
	background: #ff00aa url(images/gradient.png) repeat-x;
	margin-left: 0px;
	line-height: 23px;
	padding-left: 3px; 
}

.latestnewsheader  {
        width: 137px;
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-transform: none;
	background: #ff00aa url(images/gradient.png) repeat-x;
	margin-left: 0px;
	line-height: 23px;
	padding-left: 3px; 
}

.azheader {
        width: 160px;
	font: Verdana, sans-serif;
	font-size: 100%;
	color: #ffffff;
	text-transform: none;
	background: #ff00aa url(images/gradient.png) repeat-x;
	margin-left: 0px;
	line-height: 23px;
	padding-left: 3px; 
}


/* article headline */

.articleHeadline {
	font: Verdana, sans-serif;
	font-size: 130%;
	color: #ff00aa;
}



/* Category Headlines */

.catheadlines {
  /*min-height: 250px;*/
}

.catheadlines ul li  {
 background: #ffffff url(none) no-repeat center top;
 list-style: none;
 min-height: 120px;
 border-bottom: 1px dotted #5500ff;
width:97%;  
margin: 0px 0px 5px 0px;
vertical-align: bottom;
padding-bottom: 5px;
 }
 
.catheadlines ul li a {
 color: #ff00aa;
 font: bold Verdana, sans-serif;
 font-size: 120%;
 list-style: none;
 text-transform: none;
 text-decoration: none;
 margin-right: 6px;
 }


.catheadlines li  {
 background: #ffffff url(none) no-repeat center top;
 list-style: none;
 }
 
.catheadlines li a {
 color: #ff00aa;
 font: bold Verdana, sans-serif;
 font-size: 100%;
 list-style: none;
 text-transform: none;
 text-decoration: none;
 }


.smallheadlines ul li  {
 background: #ffffff url(none) no-repeat center top;
 list-style: none;
width:97%;  
margin: 0px 0px 5px 0px;
vertical-align: bottom;
padding-bottom: 5px;
 }

.smallheadlines ul li a {
 color: #ff00aa;
 font: bold Verdana, sans-serif;
 font-size: 120%;
 list-style: none;
 text-transform: none;
 text-decoration: none;
 margin-right: 6px;
 }


.smallheadlines li  {
 background: #ffffff url(none) no-repeat center top;
 list-style: none;
 }
 
.smallheadlines li a {
 color: #ff00aa;
 font: bold Verdana, sans-serif;
 font-size: 100%;
 list-style: none;
 text-transform: none;
 text-decoration: none;
 }


.featureheadline {
 color: #ff00aa;
 font: bold Palatino, serif;
}


.featureheadline a {
 color: #ff00aa;
 font: bold Palatino, serif;
 font-size: 160%;
 line-height: 35px;
 margin-top: 20px;
 text-transform: none;
 text-decoration: none;
 background: #FFfFFF url(none) repeat-x right;
 }


.moreheadlines ul li {
 color: #000000;
 font: bold Verdana, sans-serif;
 font-size: 100%;
 text-transform: none;
}

.moreheadlines ul li a {
 color: #ff00aa;
 font: bold Verdana, sans-serif;
 font-size: 100%;
 text-transform: none;
 list-style-type: none;
 list-style-position: outside;
 text-decoration: none;
}

.newsheadline {
  text-transform: none;
  color: #ff00aa;
  font: 14px Verdana, sans-serif;
  margin-top: -10px;
}  

.newsheadline a {
  text-transform: none;
  color: #ff00aa;
  font: 14px Verdana, sans-serif;
  margin-top: -10px;
}  





/* Featured Article */

h1 a {
 background: #ffffff;
 text-transform: none;
 font: 16px Verdana, sans-serif;
 color: #ff00aa;
 text-decoration: none;
}

ul li {
 background: #ffffff;
 text-transform: none;
 font: 12px Verdana, sans-serif;
 color: #ff00aa;
 margin-bottom: 1px #ffffff;
}

ul li a {
 color: #ff00aa;
 text-decoration: none;
}

ul li a:hover  {
 text-decoration: underline;
}

ul li a.selected:link  {
 text-decoration: none;
 color: #a8a8a8;
}

ul li a.selected:visited  {
 text-decoration: none;
 color: #a8a8a8;
}

ul li a.selected:hover  {
 text-decoration: none;
 color: #a8a8a8;
}

ul li a.selected:active  {
 text-decoration: none;
 color: #a8a8a8;
}


.relatedArticles {
 width:97%;
 margin-top: 5px;
 padding-left: 4px;
 border-top: 1px dotted #ff5500;
 border-bottom: 1px dotted #ff5500;
 background: #fafaf0;
 text-transform: none;
 font: 11px Verdana, sans-serif;
 color: #000000;
 }

.relatedArticles a {
 text-decoration: none;
 font: 11px Verdana, sans-serif;
 color: #ff5500;
 }

.relatedArticles a:hover {
 text-decoration: underline;
 font: 11px Verdana, sans-serif;
 color: #ff5500;
 }

.byAuthor {
 width:97%;
 margin-top: 5px;
 padding-left: 4px;
 border-top: 1px dotted #5500ff;
 border-bottom: 1px dotted #5500ff;
 background: #f0f0f0;
 text-transform: none;
 font: 11px Verdana, sans-serif;
 color: #000000;
 }

.byAuthor a {
 text-transform: none;
 font: 11px Verdana, sans-serif;
 color: #5500ff;
 }

.byAuthor a:hover {
 text-transform: underline;
 font: 11px Verdana, sans-serif;
 color: #5500ff;
 }

.archiveArticles {
 width:97%;
 margin-top: 5px;
 padding-left: 4px;
 border-top: 1px dotted #D4D119;
 border-bottom: 1px dotted #D4D119;
 background: #EDEC93;
 text-transform: none;
 font: 14px Verdana, sans-serif;
 color: #000000;
 }

.archiveArticles a {
 text-decoration: none;
 font: 14px Verdana, sans-serif;
 color: #A19E05;
 }

.archiveArticles a:hover {
 text-decoration: underline;
 font: 14px Verdana, sans-serif;
 color: #A19E05;
 }


.post-cats {
 font: 10px Verdana, sans-serif;
 color: #cccccc;
}

.post-cats a {
 color: #ff00aa;
 text-decoration: none;
}

.post-cats a:hover {
 text-decoration: underline;
}


.art-info-1 {
text-align: left; 
font: 11px Verdana, sans-serif;
 color: #a8a8a8;
 margin-bottom: 5px;
}

.art-info-1 a {
 font: 11px Verdana, sans-serif;
 color: #ff00aa;
 text-decoration: none;
}

.art-info-1 a:hover {
 font: 11px Verdana, sans-serif;
 color: #ff00aa;
 text-decoration: underline;
}

.art-info-2 a {
 font: 11px Verdana, sans-serif;
 color: #ff00aa;
 text-decoration: none;
}

div span.readmore {
 font-size: 90%;
 color: #5500ff;
 text-decoration: none;
 margin-bottom: 5px;
}

div span.readmore a {
 font-size: 90%;
 color: #5500ff;
 text-decoration: none;
}

div span.readmore a:hover {
 font-size: 90%;
 color: #5500ff;
 text-decoration: underline;
}

.readmore a:visited {
 font-size: 90%;
 color: #5500ff;
}

.content
{
font-size: 11px;
background: #FFfFFF;
}


.content2 a {
 color: #5500ff;
 text-decoration: none;
 border: 0px;
}

.content2 a img {
 color: #cccccc;
 border:none;
}


.content3 {
 margin-left: 0px;
 margin-top: -5px;
 text-decoration: none;
 border: 0px;
}


.byAuthor a {
 color: #5500ff;
 text-decoration: none;
}

.byAuthor a:hover {
 color: #5500ff;
 text-decoration: underline;
}

.listingheadlines {
 margin-top: 5px;
 padding-left: 4px;
 border-top: 1px dotted #5500ff;
 border-bottom: 1px dotted #5500ff;
 background: #fafaf0;
 text-transform: none;
 font: 12px Verdana, sans-serif;
 color: #000000;
 }

.listingheadlines a {
 text-decoration: none;
 font: 12px Verdana, sans-serif;
 color: #ff00aa;
 }

.listingheadlines a:hover {
 text-decoration: underline;
 font: 12px Verdana, sans-serif;
 color: #ff00aa;
 }

.image a img

{
border: 0px;
margin-top: 15px;
}