/* CSS Document */
/* OVERALL STYLING */
html, body {
height: 100%;
}
body {
background: #fff url('http://www.bababainternational.com/images/background.jpg') repeat top left;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
line-height: 14px;
color: #423b2c;
}
/* NAVIGATION */
#navigation {
background: transparent url('http://www.bababainternational.com/images/background_legend.jpg') no-repeat top left;
margin: 10px 5px;
padding: 55px;
width: 356px;
height: 292px;
display: inline;
float: left;
}
#navigation a, .list a, .section .extra, .back a, p a, .info .sections a {
text-transform: uppercase;
text-decoration: none;
color: #423b2c;
font-weight: bold;
}
#navigation #title a {
padding-left: 7px;
font-size: 18px;
}
#navigation .sections {
margin: 10px 0;
}
.sections .section {
margin: 15px 0;
}
.sections .section a {
display: block;
padding: 15px 0;
}
/* NAVIGATION POSITIONING */
.sections .left, .sections .center, .sections .right, .list .left .text, .list .left .curly, .list .left .image, .list .right .text, .list .right .curly, .list .right .image {
display: inline;
}
.sections .left, .sections .center, .list .left .text, .list .left .curly, .list .right .image, .list .right .curly {
float: left;
text-align: right;
}
.sections .right, .list .left .image, .list .right .text {
float: right;
text-align: left;
}
.fc {
clear: both;
}
/* NAVIGATION SPECIFIC */
#navigation .sections .left, #navigation .sections .right {
width: 110px;
}
#navigation .sections .right {
position: relative;
left: -113px;
}
#navigation .sections .center {
width: 3px;
background: transparent url('http://www.bababainternational.com/images/divider.jpg') repeat top center;
margin: 3px 0 0 11px;
line-height: 13px;
}
/* INFO SPECIFIC */
.info .sections .left, .info .sections .right {
width: 120px;
text-align: left;
}
.info .sections .right {
position: relative;
left: -430px;
}
/* LIST ITEM ALIGNMENT */
.sections .section a .curly, .sections .section a img {
vertical-align: middle;
}
.sections .section a .curly {
font-size: 42px;
font-weight: normal;
position: relative;
top: -5px;
}
.sections .section a img {
position: relative;
top: -2px;
}
.sections .left .section a .curly {
margin-left: 5px;
}
.sections .right .section a .curly {
margin-right: 5px;
}
/* CONTENT LIST SPECIFIC */
#content .sections .center {
width: 4px;
background: transparent url('http://www.bababainternational.com/images/divider.jpg') repeat top center;
margin: 0 0 10px 5px;
line-height: 6px;
}
.videopage #content .sections .center {
height: 125px;
}
.projectpage #content .sections .center {
height: 365px;
}
.list .sections .left, .list .sections .right {
width: 293px;
}
.list .text {
width: 246px;
}
.list .curly {
width: 25px;
}
.list .image {
width: 22px;
}
.list .section {
position: relative;
top: -25px;
}
.list .left .section .curly {
position: relative;
left: -5px;
top: 3px;
}
.list .right .section .curly {
position: relative;
left: 18px;
top: 3px;
}
.list .left .section .text, .list .right .section .text {
position: relative;
top: 6px;
}
.list .left .longer .text, .list .right .longer .text {
position: relative;
top: 0px;
}
.list .sections .section {
margin: 30px 0;
}
.list .sections .last {
margin-bottom: 40px;
}
/* CONTENT */
#content {
background-color: #f9f1dc;
width: 640px;
display: inline;
float: left;
position: absolute;
left: 366px;
top: 10px;
margin-bottom: 10px;
}
#content .substance {
padding: 20px;
}
h3 {
margin: 35px 0 16px;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
p, .instructions, .info .sections {
margin: 16px 0 0;
}
.back {
margin: 16px 0 35px;
}
.copyright {
margin-top: 0;
font-size: 11px;
color: #76694f;
}
/* IMAGE LIST */
.image_list {
list-style-type: none;
line-height: 0px;
}
.image_list li {
display: inline;
float: left;
}
/* NUMBERED LIST */
.instructions {
list-style-type: decimal;
padding: 0 25px;
}
/* BORDER */
#content #corner1 {
background: transparent url('http://www.bababainternational.com/images/corner_topright.jpg') no-repeat top right;
}
#content #corner2 {
background: transparent url('http://www.bababainternational.com/images/corner_bottomleft.jpg') no-repeat bottom left;
}
#content #corner3 {
background: transparent url('http://www.bababainternational.com/images/corner_bottomright.jpg') no-repeat bottom right;
}
#content #corner4 {
background: transparent url('http://www.bababainternational.com/images/corner_topleft.jpg') no-repeat top left;
}
#content #leftborder {
background: transparent url('http://www.bababainternational.com/images/border_right.jpg') repeat-y bottom left;
}
#content #rightborder {
background: transparent url('http://www.bababainternational.com/images/border_left.jpg') repeat-y bottom right;
}
#content #topborder {
background: transparent url('http://www.bababainternational.com/images/border_bottom.jpg') repeat-x top left;
}
#content #bottomborder {
background: transparent url('http://www.bababainternational.com/images/border_top.jpg') repeat-x bottom left;
}
/* LINKS CHANGE */
.projectpage a:hover, #projects:hover, #projects.inside:hover, .projectpage p a:hover {
color: #fc1f64;
cursor: pointer;
}
.videopage a:hover, #video:hover, #video.inside:hover, .videopage p a:hover {
color: #67bae2;
}
.blogpage a:hover, #blog:hover, #blog.inside:hover, .blogpage p a:hover {
color: #ab88e2;
}
.infopage a:hover, #info:hover, #info.inside:hover, .infopage p a:hover {
color: #57a542;
}
#navigation .active, #navigation .inside, #navigation #title a:hover {
color: #0f0d0a;
}
#navigation .active:hover {
cursor: text;
}
/* LIST ICONS */
#alongwait, #introduction {
background: transparent url('http://www.bababainternational.com/images/legend_videos.jpg') no-repeat 1% 100%;
}
#smallcomforts, #buoyancy {
background: transparent url('http://www.bababainternational.com/images/legend_videos.jpg') no-repeat 99% 100%;
}
#replacingjosegervasioartigas, #fortunateswine, #soapcity, #smoothinterpersonalrelationships, #fromthemouthtotheeartothehead, #parkforplanetearth {
background: transparent url('http://www.bababainternational.com/images/legend_projects.jpg') no-repeat 99% 100%;
}
#withintheworld, #materialsinthematerialworld, #possiblecurries, #persistentplay, #replacingjosefranciscodesanmartin {
background: transparent url('http://www.bababainternational.com/images/legend_projects.jpg') no-repeat 1% 100%;
}
/* BLOG */
.post {
margin-bottom: 120px;
}
.post-footer {
position: relative;
top: -8px;
}
.comment-poster {
position: relative;
top: -13px;
}
.comment-poster .comment-icon {
display: none;
}