/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
margin: 0; padding: 0; 
}

body {
background:#6d6d6d url("http://www.theloudcloud.com/images/bkgd2.png") repeat-x fixed right top;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { 
font-size: 1em; font-weight: normal; font-style: normal; 
}



a {
    outline: none;
}

.image {
margin:0;
padding:0;
}

ul,ol { 
list-style: none; 
}

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

caption,th { 
text-align: left; 
}

table { 
border-collapse: collapse; border-spacing: 0; 
}

p {
    margin: 0 0 10px 0;
    padding:0;
}

.clear {
    clear: both;
}


/* BODY */


body {
background:#6d6d6d url("http://www.theloudcloud.com/images/bkgd2.png") repeat-x fixed right top ;
}


.masterbox {
    padding: 0 0 0 0;    
    margin: 0 auto;
    width: 786px;
    background-color: #6d6d6d;
}

.box {
    padding: 0 0 0 0;    
    float: left;
    width: 786px;
    background-color: #ffffff;
}

.blackbox {
    padding: 0 0 0 0;    
    float: left;
    width: 786px;
    background-color: #000000;
}

/* HEADER */

.headerbox {
    float: left;
    width: 786px;
    height: 105px;
    background-color: transparent;
}

#logobox {
float: left;
margin-top: 10px;
margin-left: 15px;
width: 176px;
height: 71px;
cursor: pointer;
background: url(http://www.theloudcloud.com/images/tlc_logo24.png) no-repeat right top;
}

#topnav ul {
list-style: none;
padding: 0;
margin: 0;
}

#topnav li {
float: left;
margin: 0 5px;
}


#topnav { 
float: right;
margin-top: 54px;
margin-right: 0px;
width: 275px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
letter-spacing: 0.1em;
text-align: right;
color: #009de9;
}

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

.toplinks { 
color: #ff0000;
}

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


.blogbodybox {
    padding: 0 0 0px 0;    
    margin: 305px 0 0 0;
    width: 786px;
    background-color: #ff0000;
}


/* SIDEBAR */

.blogleftside {
float: left;
margin: 92px 0 0 0px;
padding: 30px 0 0 0px;
width: 256px;
background: #ffffff;
text-align: left;
}

.blogleftsidetab {
float: left;
margin: 0 0 0 27px;
padding: 0px 0 0 0px;
width: 220px;
background: #ffffff;
text-align: left;
}

.leftside {
float: left;
margin: 0 0 0 0px;
padding: 35px 0 0 37px;
width: 219px;
background: #ffffff;
text-align: left;
}

.blogleftline {
float: left;
margin:0px 0 0px 0px;
padding: 0;
width: 247px;
height: 1px;
background-color: #ffffff;
background-image: url(http://www.theloudcloud.com/images/leftline.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
text-align: left;
}

.leftline {
float: left;
margin:0px 0 0px -37px;
padding: 0;
width: 247px;
height: 1px;
background-color: #ffffff;
background-image: url(http://www.theloudcloud.com/images/leftline.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
text-align: left;
}

.bloglogobox {
float: left;
margin: 29px 0 10px 0px;
padding: 0;
width: 217px;
height: 52px;
background-color: #ffffff;
background-image: url(http://www.theloudcloud.com/images/features2.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
text-align: left;
}

.namebox {
    float: left;
    margin: 0 0 20px 0;
}

.name { 
float: left;
width: 182px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
color: #666666;
font-weight: bold;
margin: 0 0 10px 0;
}

.title { 
float: left;
line-height: 12pt;
width: 182px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9pt;
text-align: left;
color: #666666;
}

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


/* SIDEBAR BLOG */

.authorsidebar {
margin: 20px 0 0 -229px;
padding: 0;
float: left;
width: 229px;
background: transparent;
text-align: left;
position: absolute;
top:300px;
}

.authorfeature {
text-align: left;
margin: 0px 0px 10px 0;
padding: 0;
font-size: 11pt;
letter-spacing: 0.1em;
line-height: 1.2em;
background: #ffffff;
color: #666666;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

#portfoliolinks {
    display: block;
    float: left;   
    margin:0 0 0 -2px;
    padding:0;  
    width: 128px;
    height: 19px;
    cursor: pointer;
    background: url(http://www.theloudcloud.com/images/viewportfolio_links2.gif) no-repeat 0 0;
    background-position: -0px 0;
}
#portfoliolinks:hover {background-position: -128px 0;}
#portfoliolinks span {display: none;}

#bloglinks {
    display: block;
    float: left;   
    margin:0 0 0 -2px;
    padding:0;  
    width: 128px;
    height: 19px;
    cursor: pointer;
    background: url(http://www.theloudcloud.com/images/viewportfolio_links2.gif) no-repeat 0 0;
    background-position: -0px -19px;
}
#bloglinks:hover {background-position: -128px -19px;}
#bloglinks span {display: none;}

#contactlinks {
    display: block;
    float: left;   
    margin:0 0 0 -2px;
    padding:0;  
    width: 128px;
    height: 19px;
    cursor: pointer;
    background: url(http://www.theloudcloud.com/images/viewportfolio_links2.gif) no-repeat 0 0;
    background-position: -0px -38px;
}
#contactlinks:hover {background-position: -128px -38px;}
#contactlinks span {display: none;}

.featuretext {
text-align: left;
width: 220px;
margin: 10px 0px 0 0;
padding: 0;
font-size: 10pt;
letter-spacing: 0px;
line-height: 1.2em;
background: #ffffff;
color: #666666;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

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

.featureauthor {
text-align: left;
margin: 5px 0px 20px 0;
padding: 0;
font-size: 9pt;
letter-spacing: 0.1em;
background: #ffffff;
color: #009de9;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

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


/* RIGHT SIDE */

.rightside {
margin: 0 0 0 0px;
padding: 28px 0 0 0;
float: left;
width:530px; 
text-align: left;
background-color: transparent;
}

.description {
float: left;
width: 530px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14pt;
letter-spacing: 1px;
line-height: 25pt;
text-align: left;
color: #009de9;
margin: 0 0 0px 0;
}

.client { 
float: left;
line-height: 14pt;
width: 182px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9pt;
text-align: left;
color: #666666;
}

/* RIGHT SIDE BLOG*/

.bodycopy{
float:left;
width:500px;
margin: 0px 0 0px 0px;
padding: 0 0 10px 0;
font-size: 9pt;
font-family:  Arial, Verdana, Helvetica, sans-serif;
color: #666666;
line-height: 1.6em;
letter-spacing: 0px;
}

.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; }

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

.nocaption {
float:left;
width:500px;
height:20px;
}

.blogrightside {
margin: 0 0 0 0px;
padding: 0px 0 0 0;
float: left;
width:530px; 
text-align: left;
background-color: transparent;
}


.leftbuttonoff {
    float: left;   
    margin:12px 0 12px 0;
    padding:0;  
    width: 16px;
    height: 9px;
    background: url("http://www.theloudcloud.com/images/arrowl.png") 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.png) no-repeat 0 0;
    background-position: -0px 0;
}
.leftbutton:hover {background-position: -17px 0;}
.leftbutton span {display: none;}

.rightbuttonoff {   
    float: right;    
    margin:12px 30px 12px 0;
    padding:0;   
    width: 16px;
    height: 9px;
    background: url(http://www.theloudcloud.com/images/arrowr.png) 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.png) no-repeat 0 0;
    background-position: -34px 0;
}
.rightbutton:hover {background-position: -17px 0;}
.rightbutton span {display: none;}

.blogline {
float: left;
margin:0px 0 0px 0;
padding: 0;
width: 530px;
height: 1px;
background-color: #ffffff;
background-image: url(http://www.theloudcloud.com/images/toplinesmb.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
text-align: left;
}

.author {
float: left;
margin: 4px 0 10px 0;
padding: 0;
font-size: 9pt;
letter-spacing: 0em;
background: #ffffff;
color: #009de9;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

.date {
float: left;
text-align: right;
margin: 4px 0px 0 0;
padding: 0;
font-size: 9pt;
letter-spacing: 0em;
background: #ffffff;
color: #666666;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

h1 {
float: left;
margin: 8px 0 0 0;
padding: 0;
width:530px; 
font-size: 14pt;
letter-spacing: 0.03em;
font-weight: normal;
background: #ffffff;
color: #333333;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

.dek {
float: left;
width: 500px;
margin: 0px 0 15px 0;
padding:0 0 0 0;
font-size: 12pt;
letter-spacing: 1px;
line-height: 1.5em;
background: transparent;
color: #333333;
font-family:  Arial, Verdana, Helvetica, sans-serif;
}

/* RIGHT SIDE CONTACT*/

.column1 {
float: left;
margin: 0 0 30px 0px;
padding: 35px 0 0 37px;
width: 219px;
background: #ffffff;
text-align: left;
}

.column2 {
float: left;
margin: 0 0 30px 0px;
padding: 35px 0 0 0;
width: 219px;
background: #ffffff;
text-align: left;
}

.column3 {
float: left;
margin: 0 0 30px 0px;
padding: 35px 0 0 0;
width: 219px;
background: #ffffff;
text-align: left;
}

.copyrightbox {
    padding: 0 0 0px 0;    
    float: left;
    width: 786px;
    background-color: transparent;
}

.box4inner {
    background-color: #ffffff;
    float: left;
}

#copyright {
    float:left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    padding: 5px 0 10px 0;    
    margin: 0;
    width: 786px;
    height: 30px;
    color: #cccccc;
}

.like {
float: left;
margin: 0 0 10px 0;
padding:0;
}

/*////////////////////////////////////*/
/*////////////Thumb Style/////////////*/
/*////////////////////////////////////*/


ul.likEE-thumbs{
    margin: 0 0 15px 0; 
    padding: 0;
    height: 19px; 
    width: 155px; 
}

ul.likEE-thumbs li{
    float: left;
    background-image: none;
    margin: 0 0 0 0;
    padding: 0;
}

ul.likEE-thumbs li.like {
    text-indent: -9999px; float: left;
}

ul.likEE-thumbs li.like a, 
ul.likEE-thumbs li.like span,
ul.likEE-thumbs li.like strong {
	display: block;
	width: 118px;
	height: 19px;
	float: left;
	
}

ul.likEE-thumbs li.like a,
ul.likEE-thumbs li.like span,
ul.likEE-thumbs li.like strong {
    background: url('images/like_links.png') 0 0 no-repeat;
    float: left;
}



ul.likEE-thumbs li.like a:hover,
ul.likEE-thumbs li.like strong {
    background-position: -128px 0;
    float: left;
}

ul.likEE-thumbs li.liked {
    float: right;
    padding: 2px 0 0 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    letter-spacing: .1em;
    color: #009de9;
}

#carousel {
position: absolute;
top: 105px;
width: 786px;
height: 180px;
overflow: hidden;
visibility: hidden;
}

#frontcarousel {
position: absolute;
top: 105px;
width: 730px;
height: 180px;
background: #999999;
margin-left: 27px;
}

.preimage {
float: left;
width: 170px;
height: 108px;
margin: 10px 0px 0 10px;
background:transparent url("http://www.theloudcloud.com/images/preimage.gif") left top no-repeat;
}


/* jCAROUSEL */

.jcarousel-skin-tango .jcarousel-container {
    margin-left: 27px;    
    background: #999999;
    
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 710px;
    padding: 10px 10px;

}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  710px;
    

}

.jcarousel-skin-tango .jcarousel-item {
    width: 170px;
    

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;

}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #ff0000;
    color: #000;

}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 48px;
    right: -21px;
    width: 12px;
    height: 23px;
    cursor: pointer;
    background: transparent url(http://www.theloudcloud.com/images/blogslidebutton_r.gif) no-repeat 0 0;
    background-position: -13px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -26px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 48px;
    left: -21px;
    width: 12px;
    height: 23px;
    cursor: pointer;
    background: transparent url(http://www.theloudcloud.com/images/blogslidebutton_l.gif) no-repeat 0 0;
    background-position: -13px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -26px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -13px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0px 0;
}

.thumb{
margin: 0 0 0px 0;
}

.thumbtext{
margin: 11px 0 0px 0;
}

.recenttext { 
margin:0px 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 8pt;
letter-spacing: .1em;
text-align: left;
line-height: 1.25em;
color: #ffffff;
}

.recenttext a:link { background-color: transparent; text-decoration: none; color: #ffffff; }
.recenttext a:visited { background-color: transparent; text-decoration: none; color: #ffffff; }
.recenttext a:hover { background-color: transparent; text-decoration: none; color: #ff0000; }

/*//////////// Home /////////////*/

#blogslide {
width: 305px;
float: left;
margin-left: 17px;
}

.blogslidedescription {

width: 200px;
height: 105px;
margin: 8px 0 0 105px;
background-color: transparent;
}

.blogslidetext {
float: left;
font-size: 8pt;
line-height: 12pt;
margin: 8px 0 0 0px;
padding: 0 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #009de9;
}

.blogslidetextgrey {
font-size: 9pt;
line-height: 14pt;
margin: 0px 0 0 0px;
padding: 0 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #999999;
}

.blogslidedate {
font-size: 8pt;
line-height: 12pt;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
}

.blogslidetexthead {
font-size: 11pt;
line-height: 15pt;
letter-spacing: 1pt;
margin: 10px 0 2px 0px;
padding: 0 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
}


#feature {
margin: 0 0 0 333px;
position: absolute;
top: 105px;
width: 453px;
height: 368px;
overflow: hidden;
visibility: hidden;
}

.indexbodybox {
    float: left;
    padding: 0px;    
    margin: 50px 0 0 0;
    width: 786px;
    background-color: #000000;
}

.indexboxmargin {
    float: left;
    padding: 0 0 20px 0px;    
    margin: 17px 0 17px 17px;
    width: 769px;
    background-color: #000000;
}

.toplines2 {

margin: 0;
padding: 0;
width: 786px;
height: 1px;
background-color: transparent;
background-image: url(http://www.theloudcloud.com/images/indexdots.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
}

.slidetext {
font-size: 11pt;
line-height: 15pt;
letter-spacing: 1pt;
margin: 5px 0 0 1px;
padding: 0 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #009de9;
}

.foliothumb {
margin: 0px 7px 0px 0;
width:119px;
height: 155px;
float: left;
}

.thumbnail {
margin: 0 0 5px 0;
width: 119px;
height: 119px;
}

.thumbauthor {
text-transform: uppercase;
letter-spacing: 1pt;
font-size: 7pt;
line-height: 9pt;
margin: 0 0 0px 0;
padding: 0 0 0 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #009de9;
}

.thumbauthor a:link { font-size: 11pt; background-color: transparent; text-decoration: none; color: #009de9; }
.thumbauthor a:visited { font-size: 11pt; background-color: transparent; text-decoration: none; color: #009de9; }
.thumbauthor a:active { font-size: 11pt; background-color: transparent; text-decoration: none; color: #009de9; }
.thumbauthor a:hover { font-size: 11pt; background-color: transparent; text-decoration: none; color: #ff0000; }