body, html {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #333333;
text-align: center;
}
p {padding: 7px 0 7px 0;}
a {
color: #000099;
text-decoration: none;
}
a:hover{
color: #0000FF;
text-decoration: none;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
width: 950px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
background: #E7E7E6;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
#login2a {
background-image:url(images/fetishvideo05blank.jpg);
width: 940px;
height: 29px;
color: #404040;
font-size: 13px;
padding-top: 10px;
padding-left: 10px;
}
.frmErr{
background-color: #fff;
border: 2px solid red;
}
.frmErrMsg{
color: red;
font-size: 14px;
}
/**************************
HEADER
**************************/
#header {
}
#header a{
color: #fff;
}
#header a:hover{
color: #fff;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 165px;
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 825px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 950px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 780px;
background: #E7E7E6;
}
* html #content {
position: relative; /*** IE needs this ***/
}
.contentWrap {
padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
#left {
float: left;
width: 150px;
background: #ffffff;
min-height: 250px;
padding: 5px;
position:relative;
margin:0;
}
* html #left {
position: relative; /*** IE needs this ***/
height: 250px;
margin:0;
}
#left ul {
list-style: none;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
margin:0;
}
#left li {
padding-bottom: 6px;
padding-top: 6px;
border-bottom: 1px dotted #BBB9B9;
margin:0;
}
* html #left li {position:relative; top:-1px;}
/*************************
RIGHT COLUMN
**************************/
#right {
float: left;
width: 800px;
background: #E7E7E6;
padding: 5px;
height: 40px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
* html #right {
position: relative; /*** IE needs this ***/
}
#right ul {
list-style: none;
}
#right li {
display: inline;
padding-right: 15px;
}
/**************************
FOOTER
**************************/
#footer {
width: 930px;
margin: 0 auto;
background: #E7E7E6;
text-align: right;
margin-right: 20px;
padding-bottom: 20px;
text-size: 11px;
}
/*************************
ADDONS
*************************/
.box{
float: left;
width:210px;
height:70px;
padding:20px;
}
.box2{
float:left;
width:213px;
height:70px;
padding:20px;
}
.box3{
float: right;
width:215px;
height:70px;
padding:20px;
}
label{
padding-right:20px;
}
#systemWorking{
position:absolute;
top:0;
right:0;
background-color: red;
width:100px;
height:20px;
z-index:5;
padding-left:5px;
}
.galllisting{
height:180px;
border-bottom: 1px dashed #7A7A7A;
padding: 15px;
margin:0 20px;
clear:both;
}
.galllisting img{
float:left;
margin-right:20px;
}
.pagenav{
margin: 0 auto;
width: 250px;
text-align:center;
}
.pagenums{
text-align:center;
}
#gotd{
clear:both;
}
.editgalls{
border: 2px dashed #7A7A7A;
}
.gallheader{
background-color: lightgrey;
border: 1px dashed #7A7A7A;
}
h1 {
font-size: 17px;
color: #604D50;
margin-left: 10px;
margin-bottom: 0px;
}
h2 {
font-size: 17px;
color: #604D50;
margin-left: 0px;
margin-bottom: 0px;
}
.text {
margin-left: 10px;
margin-right: 10px;
text-align: justify;
margin-top: 0px;
}
.rightbox{
float:left;
width: 220px;
margin:15px;
}
.rightbox h2{
border:solid #7E8BA5 1px;
background-color: #404040;
color: #fff;
padding: 5px;
font-size:14px;
}
.rightbox li{
background-color: #bbb9b9;
padding: 5px;
color: #FFF;
margin:0;
padding:0;
}
.rightbox ul{
list-style-type:none;
margin:0;
padding:0;
}
.rightbox2{
float:left;
width: 220px;
margin:15px;
}
.rightbox2 h2{
border:solid #7E8BA5 1px;
background-color: #404040;
color: #fff;
padding: 5px;
font-size:14px;
}
.rightbox2 li{
background-color: #bbb9b9;
padding: 5px;
color: #fff;
margin:0;
padding:0;
}
.rightbox2 ul{
list-style-type:none;
margin:0;
padding:0;
}
.rightbox3{
float:left;
width: 220px;
margin:15px;
}
.rightbox3 h2{
border:solid #7E8BA5 1px;
background-color: #404040;
color: #fff;
padding: 5px;
font-size:14px;
}
.rightbox3 li{
background-color: #bbb9b9;
padding: 5px;
color: #fff;
margin:0;
padding:0;
}
.rightbox3 ul{
list-style-type:none;
margin:0;
padding:0;
}