@charset "utf-8";
/* CSS Document */

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:.95em;
background-color:#fcfeb3;
background:url(http://www.pointlesswebpages.com/images/body-bg.jpg);
}

div {border:0px solid black;}

div#wrapper {
margin: 0 auto 0 auto;
width:900px;
background-color:#fbfdcb;
background:url(http://www.pointlesswebpages.com/images/wrapper-bg.jpg);
border-right: 4px solid #600;
border-left: 4px solid #600;
}

div#beamBorder {
margin: 0 auto 0 auto;
width:970px;
background:url(http://www.pointlesswebpages.com/images/side-borders.jpg);
}

/* = = = = HEADER = = = = */

div#header {
background: url(http://www.pointlesswebpages.com/images/pointless-webpages-banner.jpg);
height:107px;
}

div#header h1 {
display:block;
margin:16px auto 0 auto;
text-align:center;
font-size:1em;
color:#ad5100;
}

.searchButton {
border: 1px dashed #900;
width:140px;
background: #FFCC33;
color:#900;
font-family:'century gothic', arial, san-serif;
font-size:.75em;
cursor:pointer;
}

/* = = = = MENU = = = = */

div#menu {
background:url(http://www.pointlesswebpages.com/images/menu-bg.jpg);
margin-bottom:20px;
height:35px;
overflow:visible;
}

div#menu a {
margin-top:-25px;
margin-right:10px;
display: block;
float:left;
width:100px;
height:80px;
text-align:center;
color:#fff;
text-decoration:none;
font-weight:bold;
line-height:80px;
overflow:visible;
text-transform: uppercase;
}

div#menu a:hover {
overflow:visible;
background:url(http://www.pointlesswebpages.com/images/menu-star.png) no-repeat 10px 0;
}

#menu form {
float:right;
padding:5px;
text-align:center;
}

/* = = = = CATEGORIES COLUMN = = = = */

div#categoriesColumn {
width:170px;
overflow:hidden;
float:left;
}

div#categoriesMenu {
width:160px;
background:url(http://www.pointlesswebpages.com/images/category-bg.jpg) no-repeat;
padding-top:79px;
margin-left:10px;
}

div#categoriesMenu a {
display:block;
text-align:center;
font-weight:bold;
text-decoration:none;
height:30px;
margin-bottom:10px;
color:#fdffd2;
}

div#categoriesMenu a:hover {
background:url(http://www.pointlesswebpages.com/images/category-strike.png);
color:#900;
}



/* = = = = SUBMIT URL FORM = = = = */

div#submitWebpage {
margin-top:20px;
overflow:visible;
margin-left:17px;
}

.submitUrlButton {
margin-top:-2px;
border: 1px dashed #900;
width:140px;
background: #FFCC33;
color:#900;
font-family:'century gothic', arial, san-serif;
font-size:.75em;
cursor:pointer;
}

.submitWebpage {
width:140px;
background:#FFFF99;
border:1px solid #900;
color:#996633;
font-size:.8em;
}

/* = = = = Follow Facebook = = = = */

.followFacebook {
margin:10px 0 0 17px;
}

/* = = = = Adverts Column = = = = */

img#libidoAd {
border: 1px solid black;
margin-bottom:5px 0;
}

div#advertsColumn {
width:130px;
float:right;
}

a.advertBox {
display: block;
margin: 5px 0;
}

/* Eof Adverts Column */


div#content {
width:545px;
float:left;
padding:5px 5px 5px 20px;
overflow:visible;
}

div#content h1 {
font-weight:bold;
font-size:1.5em;
text-align:center;
color:#900;
margin-bottom:10px;
}

img.heading {
margin: 15px auto 15px auto;
border:none;
display:block;
}

a.genreLink {
display:block;
margin:10px 0 30px 0;
font-size:.8em;
}


div.item {
margin-top:10px;
overflow:visible;
width:90%;
}

div.item a span {
position:absolute;
top:-70px;
visibility: hidden;
z-index:2;
}

div.item a:hover span {
visibility: visible;
}

div.item p {
display:inline;
padding-left:10px;
text-align:left;
}

div.item h2 {
font-size:110%;
font-weight:bold;
color:#900;
display:inline;
}

div.item a {
text-decoration:none;
}

div.item h2 a:hover  {
border-bottom: 1px dotted #900;
}

a.screenshot {
font-size:.9em;
color:#999;
text-decoration:none;
}

a.screenshot img {
border:4px solid #900;
}

/* = = = = FOOTER = = = = */

div#footer {
color: #fc0;
clear:both;
margin-top:30px;
text-align:center;
padding-top:20px;
height:80px;
background:url(http://www.pointlesswebpages.com//images/footer-bg.jpg) no-repeat;
}

div#footer a {
text-decoration:none;
color:#fff;
}

div#footer img{
position:absolute;
top:10px; left:10px;
}

a.websiteDesign {font-size:.8em;}


/* = = = = FORM = = = = */

fieldset {  
float: left;  
clear: left;  
margin: 0;  
padding: 5px; 
border: none;
}

fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;   
background: none;
padding: 0;
}
fieldset ol {  
padding: 0;  
}
fieldset li {
padding-bottom: 10px;
list-style: none; 
}

label {
padding-top: 2px;
float: left;  
width: 120px;  
margin-right: 5px;;  
text-align: right; 
}

textarea {
height:300px;
width:400px;
}
li span {color: #c00;}

.button 
{
background:#eee;
border: #282 1px solid;
color: #000;
height: 30px;
width: 90px;
margin: 0;
cursor: pointer;
}

input.text {width: 200px;}

/* = = = = CONFIRM AGE = = = = */

div#confirmAge {
width:448px;
margin: 20px auto 0 auto;
}

div#confirmAge a {
display:block;
float:left;
width:200px;
line-height:50px;
font-size:1.1em;
text-align:center;
font-weight:bold;
text-decoration:none;
background:url(images/body-bg.jpg);
cursor:pointer;
border:2px solid #900;
margin:10px;
}

div#confirmAge a:hover {
border:2px solid #000;
color:#900;
}

/* = = = = Page Numbers = = = = */

div.pageNumbers {
margin: 20px auto;
}

.pageNumbers p{
display:block;
float:left;
border:1px #900 solid;
padding:3px;
margin-right:4px;
color:#fff;
background:#600;
text-decoration:none;
font-size:10px;
font-weight:bold;
}

.pageNumbers a{
display:block;
float:left;
border:1px #900 solid;
padding:3px;
margin-right:4px;
color:#900;
text-decoration:none;
font-size:10px;
}

.pageNumbers a:hover{
background:#ffdddd;
}

/* = = = = Search Results = = = = */

#contentSearch {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
width:545px;
float:left;
padding:5px 5px 5px 20px;
overflow:visible;
margin-bottom:30px;
}

span.url {
color:green;
font-style:italic;
}

#contentSearch p {margin:10px 0;}

#contentSearch p a {color:blue;}

#contentSearch p a:visited {color:purple;}

#bottomAd{
position:relative; clear:both; height:100px; width:750px;margin:20px auto 0 auto; overflow:visible;
}