/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.node .submitted /* The "posted by" information */ {
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content, /* Node's content wrapper */
.node .node-cnt
{
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}


.node .content UL
{
	margin-bottom: 15px;
}
.node .content UL LI
{
	background: url(../images/li.png) no-repeat 0 5px;
	padding: 0 0 8px 10px;
}




#content-area .node-type-page,
#content-area .node-type-studio,
#content-area .node-type-teacher,
#content-area .node-type-post
{
	background: #fff;
	padding: 20px;
	overflow: hidden;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#content-area .node-type-studio,
#content-area .node-type-teacher
{
	padding: 40px;
}
.front #content-area .node-type-page
{
	padding: 0;
}



/*** node-type-gallery-assist ***************************/
.node-type-gallery-assist .links
{
	clear: both;
	display: block !important;
}



/*** node-type-studio ************************************/
.node-type-studio .leftcolumn
{
	width: 500px;
	float: left;
}
.node-type-studio .rightcolumn
{
	width: 390px;
	float: right;
}
.node-type-studio #slideshownew
{
	margin-bottom: 20px;
	width: 500px;
	height: 334px;
	overflow: hidden;
}
.node-type-studio .subpages
{
	margin-bottom: 20px;
	overflow: hidden;
}
.node-type-studio .subpages A,
.node-type-studio .subpages A:visited
{
	width: 247px;
	height: 45px;
	float: left;
	background: no-repeat 0 0;
	text-indent: -9999px;
	text-transform: uppercase;
	outline: none;
}
.node-type-studio .subpages A:hover
{
	background-position: 0 -45px;
}
.node-type-studio .subpages A#link2schedule, .node-type-studio .subpages A:visited#link2schedule { background-image: url(../images/btn-studio-schedule.png); }
.node-type-studio .subpages A#link2prices, .node-type-studio .subpages A:visited#link2prices { background-image: url(../images/btn-studio-prices.png); float: right; }

.i18n-en.node-type-studio .subpages A#link2schedule, .i18n-en.node-type-studio .subpages A:visited#link2schedule { background-image: url(../images/btn-studio-schedule-en.png); }
.i18n-en.node-type-studio .subpages A#link2prices, .i18n-en.node-type-studio .subpages A:visited#link2prices { background-image: url(../images/btn-studio-prices-en.png); }

.node-type-studio .studio-maps
{
	width: 200px;
	float: left;
}
.node-type-studio .studio-address-info
{
	width: 270px;
	float: right;
}
.node-type-studio .studio-maps .map-small
{
	margin-bottom: 10px;
}
.node-type-studio .enlarge,
.node-type-studio .gmap
{
	margin-bottom: 5px;
}
.node-type-studio .enlarge A
{
	background: url(../images/icon-enlarge.png) no-repeat 0 0;
	padding-left: 20px;
	line-height: 20px;
	padding-bottom: 5px;
}
.node-type-studio .gmap A
{
	background: url(../images/icon-gmap.png) no-repeat 0 0;
	padding-left: 20px;
	line-height: 20px;
	padding-bottom: 5px;
}

.node-type-studio .studio-address-info H3
{
	margin: 0 0 10px 0;
}
.node-type-studio .studio-address-info .address,
.node-type-studio .studio-address-info .phone
{
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #736d67;
	line-height: 20px;
}
.node-type-studio .studio-address-info .note P
{
	font-style: italic;
	line-height: 140%;
}
.node-type-studio .studio-address-info .note STRONG
{
	font-style: italic;
}


/*** node-type-teacher ************************************/
.node-type-teacher .leftcolumn
{
	width: 386px;
	float: left;
}
.node-type-teacher .rightcolumn
{
	width: 504px;
	float: right;
}
.node-type-teacher #slideshownew
{
	margin-bottom: 20px;
	width: 386px;
	height: 540px;
	overflow: hidden;
}
A#back2teachers,
A:visited#back2teachers
{
	margin-bottom: 20px;
	display: block;
	width: 187px;
	height: 37px;
	background: url(../images/btn-back2teachers.png) no-repeat 0 0;
	text-indent: -9999px;
	text-transform: uppercase;
	outline: none;
}
A:hover#back2teachers
{
	background-position: 0 -37px;
}


/*** node-nid-15 ***************/
#node-15
{
}
#node-15 .leftcolumn,
#node-219 .leftcolumn
{
	float: left;
	width: 402px;
	padding-left: 45px;
}
#node-15 .rightcolumn,
#node-219 .rightcolumn
{
	float: right;
	width: 402px;
	padding-right: 45px;
}
#node-15 .leftcolumn { width: 551px; padding-left: 20px; }
#node-15 .rightcolumn { width: 329px; padding-right: 20px; }

#node-15 H2,
#node-219 H2
{
	margin: 10px 0;
}
#node-15 H2 SMALL,
#node-219 H2 SMALL
{
	font-size: 14px;
	font-weight: normal;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #eba32f;
	font-style: italic;
}
#node-15 .tip,
#node-219 .tip
{
	font-size: 14px;
	font-weight: normal;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #eba32f;
	font-style: italic;
	margin: 10px 0 20px 0;
}
#node-15 .super-proposal,
#node-219 .super-proposal
{
	margin-bottom: 20px;
}
#node-15 .node-cnt,
#node-219 .node-cnt
{
	font-style: italic;
}
#node-15 .node-cnt h3,
#node-219 .node-cnt h3
{
	font-style: normal;
}