html, body {width:100%; height:100%; padding:0; margin:0; background:#fff;}
#scroller {
position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;
}
body
{
background-image: url(/img/layo/bg2.jpg);
background-repeat:no-repeat;
background-position:center center;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
}
img {
border:none;
}
a:link {
text-decoration: none;
color: #000;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #cc0066;
}
a:active {
text-decoration: none;
color: #000;
}
#navl {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:18px;
}
#navspc1 {
line-height:1px;
}
#navspc2 {
line-height:10px;
}
#view {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#viewupdates {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
#copy {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
}
#btext1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
}
#btext2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
}
/* start editing main floats */
#outerwrapper {
min-height:100%;
position:absolute;
top:0;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
width:870px;
background-color:#ffffff;
layer-background-color:#ffffff;
visibility: visible;
padding-bottom:50px;
}
#outerwrapper2 {
min-height:100%;
position:absolute;
top:0;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
width:900px;
}
#actwrap {
float:left;
clear:both;
width:700px;
padding-top:25px;
padding-left:60px;
}
#bodywrapper {
padding-left:0px;
padding-top:5px;
clear: both;
}
#navigation {
float: left;
}
#imgspcwrap {
width:715px;
float: right;
}
#menuwrap {
width:715px;
float: right;
}
#head {
width:750px;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#bbb;
border-top:none;
border-left:none;
border-right:none;
overflow:auto;
padding-bottom:10px;
margin-bottom:10px;
}
/* finish editing main floats */
#htitl {
float: left;
width: 715px;
height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
}
.menuthum {
float:left;
width: 150px;
height: 125px;
margin-bottom: 15px;
margin-right: 25px;
}
#menuthumtitl {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: -15px;
}
#listend {
float:inherit;
width: 715px;
height: 9px;
margin-top: 10px;
margin-bottom: 25px;
}
#submenuthum {
float:left;
width: 233px;
height: 133px;
margin-bottom: 4px;
}
#submenuthumtitl {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
float:left;
width: 233px;
height:30px;
margin-bottom:2px;
}
#menuwrap a img {
border: 1px solid #ffffff; /* image border color */
}
#menuwrap a:hover img {
border:1px solid #ff0066; /* image border hover color */
}
#thumb {
width:50px;
height:50px;
float:left;
background-color:#ffffff;
layer-background-color:#ffffff;
visibility: visible;
}
/* viewer styles */
#loadarea a img {
padding-bottom:7px;
}
#motioncontainer {
width: 500px; /* Set to gallery width, in px or percentage */
height: 53px; /* Set to gallery height */
}
#motioncontainer a img {
border: 1px solid #cccccc; /* image border color */
}
#motioncontainer a:hover img {
border:1px solid #ff0066; /* image border hover color */
}
#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* stop editing viewer styles */
left: -300px;
visibility: hidden;
}
#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#cccccc; margin:0 5px;}
.b2f {height:1px; background:#cccccc; margin:0 3px;}
.b3f {height:1px; background:#cccccc; margin:0 2px;}
.b4f {height:2px; background:#cccccc; margin:0 1px;}
.contentf {background: #cccccc;}
.contentf div {margin-left:0px;width:520px;height:50px}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#descr {
width:520px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
}
ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: -10px;
margin-bottom: 0px;
padding:0px;
}
li {
list-style-type: none;
list-style-image: none;
margin-bottom: 0px;
}
/* start about nav image swap */
div.aboutnav {
height: 75px;
width: 100px;
float:right;
margin-left:10px;
padding:0;
background-image:url("http://kaamilah-nahaboo.com/wp-content/themes/knahaboo/img/about_hi.png");
}
div.aboutnav a, div.aboutnav a:link, div.aboutnav a:visited {
display:block;
}
div.aboutnav img {
width:100%;
height:100%;
border:0;
}
div.aboutnav a:hover img {
visibility:hidden;
}
/* start diary nav image swap*/
div.diarynav {
height: 75px;
width: 100px;
float:right;
margin-left:10px;
padding:0;
background-image:url("http://kaamilah-nahaboo.com/wp-content/themes/knahaboo/img/diary_hi.png");
}
div.diarynav a, div.diarynav a:link, div.diarynav a:visited {
display:block;
}
div.diarynav img {
width:100%;
height:100%;
border:0;
}
div.diarynav a:hover img {
visibility:hidden;
}
/* start project image swap */
div.projectnav {
height: 75px;
width: 100px;
float:right;
padding:0;
background-image:url("http://kaamilah-nahaboo.com/wp-content/themes/knahaboo/img/project_hi.png");
}
div.projectnav a, div.projectnav a:link, div.projectnav a:visited {
display:block;
}
div.projectnav img {
width:100%;
height:100%;
border:0;
}
div.projectnav a:hover img {
visibility:hidden;
}
