/****************************************************************/
/*  original filename home.css                        */
/****************************************************************/


#contents {
    position: relative;
}

/* Intro */
h2.title {
    font-weight:bold !important;
}

#art_cult_for p.intro,
#explore p.intro,
#discover p.intro,
.explore p.intro {
    margin: 0;
    font-size: 12px;
    line-height: 10px;
}
div.intro
{
    width:252px;
    min-height:135px;
}

div.intro h1, div.intro h2
{
    height:0;
    overflow:hidden;
    background:url(/images/home-logo.png) 0 0 no-repeat;
    padding:33px 0 0;
}

div.intro h2
{
    background-position:0 -33px;
    padding:38px 0 0;
}

div.intro p.intro
{
    color:#6e747d;
    margin:5px 0;
    font-size:13px;
}



/*Homepage title*/
/*.homepage_title {

    width:950px;
    float:left;
    overflow:hidden;
    margin:0 0 10px 0;
}*/
.new_home_style{
    position:relative;
    background:url(/images/dot_solid.gif) repeat;
    float:right;
    width:755px;
    padding:5px;
    padding-bottom:10px;
    overflow:hidden;
    margin:0 -10px 10px 0;
}

.new_home_style .right_panel {
	margin-left: -15px;
	margin-top: 5px;
    width:360px;
    float:left;
}

.homepage_title div.intro
{
    float:left;
}

.homepage_title div .product_home_box
{
    position:relative;
    background:url(/images/dot_solid.gif) repeat;
    float:right;
    width: 100px;
    height: 130px;
    padding-top:1px;
    padding-bottom:0px;
    margin-left:5px;
	margin-right:5px;
}


.homepage_title div.product_link
{

    background:url(/images/dot_solid.gif) repeat;
    float:right;
    width: 125px;
    height: 112px;
    padding-top:4px;
    padding-bottom:4px;
    text-decoration:none;
    position:relative;
    font-size:12px;
    margin:20px 0 0 0;
    text-decoration:none;
}

.holiday_txt {

    font-size:18px;
    font-weight:bold;
    color:#454D56;
    margin:10px 0 5px 0;
}


.more_arrow_txt {

    font-size:12px;
    font-weight:normal;
    color:#D84E00;
    margin:10px 0 0 0;
}
.holiday_txt span {

    color:#D84E00;
    font-size:18px;
}

.homepage_title div.product_link a {

    text-decoration:none;
    font-weight:normal;
}

.more_label {
	float: left;
	color:#DA580F;
	font-size:12px;
	font-weight: normal;
}

.homepage_title .what_is_ac {
	background:url("/images/FDC281.gif") repeat;
	float:left;
	margin:0 -10px 10px -10px;
	overflow:hidden;
	padding:5px 5px 10px;
	position:relative;
	width:196px;
	height: 145px;
}

.what_is_ac .corner-tl, .corner-tr, .corner-bl, .corner-br {
background-image:url("/images/home-cloud-corners.png");
display:block;
height:10px;
position:absolute;
width:10px;
}

.homepage_title .sign_up_box,
.homepage_title .login_box
{
    float:right;
    width: 166px;
    height: 112px;
    position:relative;
    padding-top:4px;
    padding-bottom:4px;
}

.homepage_title span.arrow
{
    width:13px;
    background:url(/images/home-boxes-arrows-sign_up.png) left bottom no-repeat;
    margin:0 0 0 6px;
}

.homepage_title span.visit_now
{
    width:13px;
    margin:25px 0 0 6px;
}

.homepage_title span.arrow_more
{
    width:13px;
    background:url(/images/home-boxes-arrows-sign_up_n.png) left bottom no-repeat;
    margin:0 0 0 6px;
}
.homepage_title span
{
    display:block;
    float:left;
}
.homepage_title a
{
    font-weight:bold;
    font-size:13px;
    cursor:pointer;
}

.homepage_title a:hover span.arrow
{
    background-position:right bottom;
}
.homepage_title a:hover span.arrow_more
{
    background-position:right bottom;
}
.vertical_line
{
    background:url(/images/dot_solid.gif) repeat-y;
    height: 100%;
    float: left;
    width:1px;
    padding-right:5px;
}

.homepage_title div.link
{
    bottom:8px;
    padding:2px 10px 2px 5px;
}

.homepage_title h3
{
    color:#454D56;
}
/*End Homepage title*/

/* Who is Art + Culture for */
#art_cult_for
{
    margin-top: 20px;
}

#art_cult_for ul
{
    font-size:11px;
    color: #626262;
    list-style-image: url(/images/plus-transpared.gif);
    margin: 10px 0 0 16px;
}

#art_cult_for .header
{
    margin: 12px 0 1px;
    color: #454d56;
    font-weight: bold;
    border-bottom: none;
}

#art_cult_for .subheader
{
    display: block;
    color: #7f868f;
    font-weight: bold;
    font-size: 13px;
    border-bottom: none;
}

#enjoyers,
#artists,
#organizations
{
    position: relative;
    background-image:url(/images/diagonal_stripes.gif);
    padding: 7px;
    float: left;
    width: 247px;
    height: 390px;
    margin-top: 10px;
}

#enjoyers
{
    margin-right: 87px;
}

#artists
{
    margin-right: 87px;
}

.art_cult_for_sign_up
{
    position: absolute;
    bottom: 7px;
    left: 7px;
    color: #454d56;
    font-weight: bold;
}

.art_cult_for_sign_up .text
{
    float: left;
    cursor: pointer;
}

.art_cult_for_sign_up .arrow
{
    display: block;
    float: left;
    margin-left: 6px;
    width: 14px;
    height: 17px;
    background:transparent url(/images/home-boxes-arrows-sign_up.png) no-repeat scroll left bottom;
    cursor: pointer;
}

.art_cult_for_sign_up .text a,
.art_cult_for_sign_up .text a:hover
{
    border-bottom: none;
    color: #454D56;
}
/* END of Who is Art + Culture for */

/* Explore peoples & Discover media */
.pod_content_box
{
    margin-left: 14px;
}

#explore
{
    margin-top: 20px;
    padding-bottom: 66px;

}

#discover {
    padding-bottom: 45px;

}

.ul-list li
{
    float: left;
    margin-right: 6px;
    font-size: 12px;
}

.ul-list a
{
    font-weight: bold;
    border-bottom: none;
    color: #adb3b9;
}

.ul-list a.active-tab
{
    color: #454d56;
    font-weight: bold;
}

.tool-bar
{
    position: relative;
    margin: 10px 0;
}

.tool-bar .sort
{
    position: absolute;
    right: 0;
}

#peoples-pod,
#media-pod
{
    position: relative;
    margin: 4px -20px;
    padding: 0 10px;
    height: 155px;
    background: url(/images/diagonal_stripes.gif);
}


a.next,
a.prev
{
    position: absolute;
    top: 0;
    display: block;
    overflow: hidden;
    height: 155px;
    width: 24px;
    border-bottom: none;
}


a.arrow-disabled-next:hover
{
    cursor: default;
    background:transparent url(/images/scroll_next_horizontal.gif) no-repeat scroll 6px 72px !important;
}

a.arrow-disabled-prev:hover
{
    cursor: default;
    background:transparent url(/images/scroll_prev_horizontal.gif) no-repeat scroll 6px 72px !important;
}

a.next
{
    right: 0;
    background:transparent url(/images/scroll_next_horizontal.gif) no-repeat scroll 6px 72px;
}

a.next:hover {
    background:transparent url(/images/scroll_next_horizontal.gif) no-repeat scroll -21px 72px;
}

a.prev
{
    left: 0;
    background: transparent url(/images/scroll_prev_horizontal.gif) no-repeat scroll 6px 72px;
}

a.prev:hover {
    background:transparent url(/images/scroll_prev_horizontal.gif) no-repeat scroll -21px 72px;
}

li.thumb_medium
{
    float: left;
    margin-left: 2px;
}

li.thumb_medium img
{
    width: 155px;
    height: 155px;
}

.item_thumb_titled_bottom,
.item_thumb_untitled
{
    width: 155px;
    background-color: white;
}
.item_thumb_titled img
{
    width: 149px;
    height: 149px;
}
.item_thumb_titled
{
    margin:0 4px 15px 0;
}

.item_thumb_titled a div.item_thumb_hint
{
    margin:75px 33px;
}


/* Explore ( list of categories)*/
.explore
{
    margin:0 -10px;
}

.explore h2
{
    font-size: 18px;
    margin:26px 0 0 10px;
}

.explore ul
{
    font-size:11px;
}

.explore ul.category {
    margin-top: 30px;
}

.explore li
{
    float:left;
    width:160px;
    margin:0;
    padding:0;
}

.explore h2,.explore h3 a
{
    color:#454d56;
}

.explore a
{
    display:block;
    text-decoration:none;
    color:#6e747d;
    padding:2px 0 2px 20px;
}

.explore h3 a
{
    padding-top:8px;
    padding-bottom:8px;
}

.explore a:hover span
{
    background-color:#6e747d;
    outline:1px solid #6e747d;
    color:#fff;
}

.explore h3 a:hover span
{
    background-color:#454d56;
    outline:1px solid #454d56;
}

/****************************************************************/
/*  original filename cloud.css                        */
/****************************************************************/


/*Common CLOUD Section*/
.cloud
{
  margin: 0 -10px;
  position: relative;
  clear: both;
  height: 348px;
}
.cloud .inner
{
  height: 348px;
  margin: 0;
  padding: 0;
  background: #eee url(/images/home-cloud-bg.png);
  overflow:hidden;
}
.cloud .corner-tl,
.cloud .corner-tr,
.cloud .corner-bl,
.cloud .corner-br
{
  background-image: url(/images/home-cloud-corners.png);
}

.cloud div.item_thumb_titled img
{
  width: auto;
  height: auto;
}

.cloud div.item_thumb_titled
{
  width: 86px;
}

.cloud .item_thumb_titled a div.item_thumb_hint
{
  position: absolute;
  margin: 40px 0 0;
}

.cloud .item_thumb_titled_bottom
{
  background: transparent;
}

.cloud div.items_matrix
{
  padding: 0 8px;
  top: 220px;
  position: absolute;
  width: 984px;
}

.cloud div.items_matrix li.active div.item_thumb_titled
{
  background: #6E747D;
  color: #FFFFFF;
}

.cloud div.items_matrix li.active div.item_thumb_titled a div.item_thumb_title
{
  padding-top: 2px;
  border-top: 1px solid #ffffff;
}

.cloud div.items_matrix li.active div.item_thumb_titled a
{
  color: #ffffff;
}

.cloud div.items_matrix li.active div.item_thumb_titled img
{
  border: #6E747D 1px solid;
}


#graph
{
  height: 203px;
  padding: 15px 30px 130px;
  width: 918px;
  font-family: georgia,serif;
  overflow: hidden;
  position: relative;
}

#graph div
{
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
}

#graph .center a
{
  font-size: 200%;
}

#graph a
{
  border: none;
}

.cloud li
{
  float: left;
  width: 152px;
  margin: 0;
  padding: 0 0 0 8px;
}

.cloud div.item_thumb_titled
{
  margin: 0;
}
/* end common CLOUD Section */

/*Profile page cloud */
#user_header_connections_column
{
  height:189px;
  margin-left:3px;
}

#user_header_connections_column .cloud
{
  margin:0px;
}
#user_header_connections_column .cloud .inner
{
  height:188px;
}
#user_header_connections_column #graph
{
  padding:0px;
  margin:4px;
  height: 180px;
  width: auto;
}
#user_header_connections_column .loading
{
  text-align:center;
  width:584px;
  margin-top:90px;
}

#graph div.center.extra_large a {
   font-size: 170%;
   color: #222;
}

#graph div.small a {
   font-size: 85%;
   color: #454D56;
} 
/*End of Profile page cloud */