@charset "UTF-8";
/* Portfolio Pages */

html body
{
    margin: 0;
    padding: 0;
    background: #6D6E6F;    
}

a {
    outline: none;
}

p {
    margin: 0;
    padding:0;
}

img {
margin: 0; padding: 0; border: 0; outline: none;
}

#background {
    z-index: 1; 
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 1200px;
    background:transparent url("http://www.theloudcloud.com/images/bkgd.jpg") right top repeat-x;
}

/* HEADER */

.header {
    right: 50%;
    position: absolute;
    width: 786px;
    height: 105px;
    z-index: 100; 
}
.headercontainer {
    left: 50%;
    position: relative;
    background-color: #000000;
}

.logobox {
float: left;
margin-top: 10px;
margin-left: 15px;
width: 202px;
height: 95px;
}

.toplinks { 
float: right;
margin-top: 62px;
margin-right: 27px;
width: 300px;
height: 20px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9.5pt;
letter-spacing: 0.09em;
text-align: right;
line-height: 1.5em;
color: #009de9;
}

.toplinks a:link { background-color: transparent; text-decoration: none; color: #009de9; }
.toplinks a:visited { background-color: transparent; text-decoration: none; color: #009de9; }
.toplinks a:hover { background-color: transparent; text-decoration: none; color: #ff0000; }

#whiteline {
float: left;
margin: 0px 0 0 0;
padding: 0;
width: 785px;
height: 1px;
background: transparent;
background-image: url(http://www.theloudcloud.com/images/toplines.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
text-align: left;
}



/* SIDEBAR */

.sidebarbox {
    right: 50%;
    top: 105px;
    width: 786px;
    position: absolute;
    z-index: 60; 
}
.sidebarboxcontainer {
    left: 50%;
    position: relative;
    background-color: transparent;
}

.sidebar {
margin: 0;
padding: 0;
float: left;
width: 256px;
background: #000000;
text-align: left;
}

.sidebartextbox {
margin: 36px 0 0 26px;
padding: 0;
float: left;
background: transparent;
text-align: left;
}


h1 {
margin: 0 0 50px 0;
letter-spacing: 0.05em;
padding: 0;
font-size: 13pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #ffff00;
}

.artistname {
margin: 0 0 50px 0;
letter-spacing: 0.05em;
padding: 0;
font-size: 13pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffff00;
}

.sidetitle {
margin: 0 0 0 16px;
padding:0 0 15px 0;
font-size: 8pt;
letter-spacing: 0.1em;
font-weight: bold;
background: transparent;
color: #009de9;
font-family:  Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
}

.sidetitle a:link { background-color: transparent; text-decoration: none; color: #009de9; }
.sidetitle a:visited { background-color: transparent; text-decoration: none; color: #009de9; }
.sidetitle a:hover { background-color: transparent; text-decoration: none; color: #ff0000; }

.sidetitleon {
float:left;
margin: 0 0 0px 0;
padding: 0 0 10px 0;
font-size: 8pt;
letter-spacing: 0.1em;
font-weight: bold;
background: transparent;
color: #ffff00;
font-family:  Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
}

.sidetitleon2 {
margin: 0 0 0px 16px;
padding:0 0 15px 0;
font-size: 8pt;
letter-spacing: 0.1em;
font-weight: bold;
background: transparent;
color: #ffff00;
font-family:  Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
}

.sidetitleonplus {
float:left;
margin: 0 10px 0 0;
padding:0;
font-size: 8pt;
letter-spacing: 0.1em;
font-weight: bold;
background: transparent;
color: #ffff00;
font-family:  Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
}

.sidebartextcommb {
float: left;
margin: 0 11px 0 0;
padding:0;
font-size: 7.5pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 0.1em;
color: #ffffff;
text-transform: uppercase;
}

.sidebartextcomm {
margin: 0;
padding:0 0 7px 0;
float: left;
width: 178px;
font-size: 7.5pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
letter-spacing: 0.1em;
color: #666666;
text-transform: uppercase;
}

.sidebartextcomm a:link { background-color: transparent; text-decoration: none; color: #666666; }
.sidebartextcomm a:visited { background-color: transparent; text-decoration: none; color: #666666; }
.sidebartextcomm a:active { background-color: transparent; text-decoration: none; color: #666666; }
.sidebartextcomm a:hover { background-color: transparent; text-decoration: none; color: #ff0000; }

.sidebartextcommon {
margin: 0;
padding:0 0 7px 0;
float: left;
font-size: 7.5pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
letter-spacing: 0.1em;
color: #ffffff;
text-transform: uppercase;
}

/* RIGHT COLUMN */

.navbox {
    right: 50%;
    top: 105px;
    position: absolute;
    width: 786px;
    z-index: 90; 
}
.navboxcontainer {
    left: 50%;
    position: relative;
    background-color: transparent;
}

#blognav {
float: right;
width:530px; 
height:32px;
background-color: #000000; 
margin: 0;
background-image: url(http://www.theloudcloud.com/images/toplinesm.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
}

.leftbuttonoff {
    float: left;   
    margin:12px 0 0 0;
    padding:0;  
    width: 16px;
    height: 9px;
    background: url("http://www.theloudcloud.com/images/arrowl.gif") no-repeat 0 0;
    background-position: -34px 0;
}

#leftbutton {
    display: block;
    float: left;   
    margin:0;
    padding:0;  
    width: 16px;
    height: 9px;
    cursor: pointer;
    background: url(http://www.theloudcloud.com/images/arrowl.gif) no-repeat 0 0;
    background-position: -0px 0;
}
#leftbutton:hover {background-position: -17px 0;}
#leftbutton span {display: none;}

.rightbuttonoff {   
    float: right;    
    margin:12px 30px 0 0;
    padding:0;   
    width: 16px;
    height: 9px;
    background: url(http://www.theloudcloud.com/images/arrowr.gif) no-repeat 0 0;
    background-position: -0px 0;
}

#rightbutton {   
    display: block;
    float: right;    
    margin:0;
    padding:0;   
    width: 16px;
    height: 9px;
    cursor: pointer;
    background: url(http://www.theloudcloud.com/images/arrowr.gif) no-repeat 0 0;
    background-position: -34px 0;
}
#rightbutton:hover {background-position: -17px 0;}
#rightbutton span {display: none;}


.clientbox {
    right: 50%;
    top:137px;
    position: absolute;
    width: 786px;
    z-index: 70; 
}
.clientboxcontainer {
    left: 50%;
    position: relative;
    background-color: transparent;
}

#client {
float: right;
width:530px; 
height:32px;
background-color: #000000; 
margin: 0;
padding: 0;
font-family:  Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 8pt;
}

.clientname {
margin: 9px 0 0 0;
padding: 0;
width:530px; 
font-size: 8pt;
letter-spacing: 0.1em;
font-weight: bold;
background: #000000;
color: #ffffff;
font-family:  Arial, Verdana, Helvetica, sans-serif;
text-transform: uppercase;
}

.bodybox {
    right: 50%;
    top: 169px;
    position: absolute;
    width: 786px;
    z-index: 10; 
}
.bodycontainer {
    left: 50%;
    position: relative;
    background-color: #000000;
}

.blog {
margin: 0 0 30px 256px;
padding: 0 0 15px 0;
width: 786px;
text-align: left;
background-color: transparent;
}

.content {
float: right;
margin: 0 0 20px 0;
width:500px;
background-color: transparent; 
}

.image1 {
margin:0;
padding:0;

}

.caption {
width:500px;
margin: 10px 0 10px 0px;
font-size: 8pt;
font-family:  Arial, Verdana, Helvetica, sans-serif;
letter-spacing:.1em;
color: #009de9;
line-height: 1.25em;
}

.dotlinecomm {
margin-left: 0px;
margin-top: 0px;
margin-bottom: 15px;
padding-right:  0px;
width: 500px;
height: 1px;
background-image: url(http://www.theloudcloud.com/images/dotline.gif);
background-repeat: no-repeat;
background-position: left top;
}


/* INFO PAGE */


.infobodybox {
    right: 50%;
    top: 105px;
    position: absolute;
    width: 786px;
    z-index: 10; 
}

.infoblog {
margin: 0 0 30px 256px;
padding: 39px 0 15px 0;
width: 786px;
text-align: left;
background-color: transparent;
}

.infoimage1 {
margin: 0 0 0 0;
padding:0px 0 0 0;
}


.bodycopy {
width:500px;
margin: 5px 0 10px 0px;
padding: 0;
font-size: 8.5pt;
font-family:  Arial, Verdana, Helvetica, sans-serif;
letter-spacing:.1em;
color: #999999;
line-height: 1.5em;
}

.bodycopy a:link { background-color: transparent; text-decoration: none; color: #009de9; }
.bodycopy a:visited { background-color: transparent; text-decoration: none; color: #009de9; }
.bodycopy a:hover { background-color: transparent; text-decoration: none; color: #ff0000; }

.bodycopy {
width:500px;
margin: 20px 0 10px 0px;
padding: 0;
font-size: 8.5pt;
font-family:  Arial, Verdana, Helvetica, sans-serif;
letter-spacing:.1em;
color: #999999;
line-height: 1.5em;
}