/*
Theme Name: JJSR Default
Theme URI: http://www.ineosolutions.com
Version: 1.0
Description: Default JJSR Theme
Author: INEO Solutions
Author URI: http://www.ineosolutions.com
*/

/*------------------------------------------------*/
/*--------------------[GENERAL]--------------------*/
/*------------------------------------------------*/
h1, h2.sifr{
border-bottom:2px solid #e6e6e6;
color:#333333;
font-family:GillSans Light, Arial, Verdana;
font-size:26px;
padding:0 0 4px;
}
h2{color:#E25A0A; font-weight:normal;font-size:1.6em;}
h2.sifr{color:#000;}
/*h2.sifr .color{color:#e25a0a;}*/
h1.titles{border:none;padding:0;}
h3{font-size:1.3em;}
a:hover {color:#3B3B3B;}
a:link, a:visited {color:#EE5113;}
th{background:#fd9235;}
th,td{padding:0.2em 0.5em;}
#content{float:right;}
/*------------------------------------------------*/
/*--------------------[HEADER]--------------------*/
/*------------------------------------------------*/
#big_header_wide{background:url('images/big_header_repeat.jpg') repeat-x top left;}
#big_header{background:url('images/JJ_Salsa_Hp_31-Jun_01.jpg') no-repeat top center;}
#logo{
background:url('images/JJ_Salsa_Hp_31-Jun_02.jpg') no-repeat top left;
height:225px;
}
#logo .link_logo{
display:block;
float:left;
height:110px;
margin:30px 10px 0;
width:100px;
}
#logo .tagline{
color:#fff;
float:left;
font-family:Georgia, Arial, Verdana;
font-size:21px;
height:25px;
line-height:25px;
margin:113px 0;
padding:0 10px;
width:450px;
}
#montage a{
display:block;
width:280px;
background:url('images/photogallery.jpg') no-repeat top left;
height:290px;
}
#montage a:hover{background:url('images/photogallery.jpg') no-repeat bottom left;}
/*------------------------------------------------*/
/*--------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#big_middle{background:url('images/JJ_Salsa_Hp_31-Jun_13.jpg') no-repeat top center;}
#sidebar .btn_sign_up{margin:0 0 20px;}
#sidebar input[type='text']{
background:url('images/JJ_Salsa_Hp_31-Jun_19.jpg') no-repeat top left;
width:167px;
height:16px;
line-height:18px;
padding:2px 4px;
border:none;
}
#sidebar input[type='text']:focus{background:url('images/JJ_Salsa_Hp_31-Jun_19_f.jpg') no-repeat top left;}
#left_menu_base{
background:url('images/JJ_Salsa_Hp_31-Jun_33.jpg') repeat-y top left;
margin:0 0 20px;
}
#left_menu_footer{
background:url('images/JJ_Salsa_Hp_31-Jun_24-33.jpg') no-repeat bottom left;
padding:0 0 10px 0;
}
#left_menu_body{
background:url('images/JJ_Salsa_Hp_31-Jun_24-26.jpg') no-repeat top left;
min-height:372px;
_height:372px;
}
#left_menu_body ul{
list-style:none;
margin:0;
padding:10px 20px 0;
}
#left_menu_body li{
background:url('images/line.png') no-repeat bottom center;
font-family:Arial,Verdana;
font-size:14px;
font-weight:bold;
height:20px;
line-height:20px;
padding:5px 0 7px;
}
#left_menu_body li a{
display:block;
color:#fff;
}
#mailing_list{
border-bottom:1px solid #e6e6e6;
margin:0 0 10px;
padding:0 0 10px;
}
#mailing_list div{margin:0 0 10px;}
#mailing_list form{
margin:0;
padding:0;
width:220px;
}
#mailing_list label{float:left;}
#mailing_list input[type='text']{float:right;}
#mailing_list a.link_privacy{
color:#000;
float:left;
font-family:Arial, Verdana;
font-size:12px;
font-weight:bold;
height:21px;
line-height:21px;
text-decoration:underline;
}
#mailing_list a.submission{
background:url('images/JJ_Salsa_Hp_31-Jun_38.jpg') no-repeat top left;
display:block;
height:21px;
float:right;
width:92px;
}
#corporate_booking{
font-family:Arial, Verdana;
background:url('images/JJ_Salsa_Hp_31-Jun_34-50.jpg') no-repeat top center;
height:285px;
margin:0 0 20px;
padding:20px 15px;
}
#corporate_booking p{
font-size:13px;
line-height:1.2em;
margin:0;
}
#corporate_booking strong{font-size:17px;}
#corporate_booking .arrow{
background:url('images/arrow.png') no-repeat center left;
padding:0 0 0 15px;
}
#corporate_booking .arrow a{color:#e25a0a;}
#corporate_booking .arrow a:hover{text-decoration:underline;}
#sidebar .sidebar-box{
border-bottom:1px solid #E6E6E6;
margin:0 0 10px;
padding:0 0 20px;
}
#sidebar h2.sidebar-box-title{
color:#333333;
font-family:GillSans Light, Arial, Verdana;
font-size:26px;
}
/*------------------------------------------------*/
/*--------------------[TABS / SLIDER]--------------------*/
/*------------------------------------------------*/
#slider{
margin:50px 0 0 10px;
width:220px;
float:left;
}
#slider img{
border:1px solid #333 !important;
display:none;
}
#slider ul{
list-style:none;
margin:0;
padding:0;
width:220px;
}
#slider ul li{width:220px;}
#tabContent{
float:left;
min-height:240px;
width:460px;
margin:0 10px 0 0;
}
#tabContent ul {
border-bottom:2px solid #f86326;
height:28px;
line-height:30px;
list-style:none;
margin:0 0 10px;
padding:0;
}
#tabContent ul li {
float:left;
margin-right:0.3em;
}
#tabContent ul li a {
background:none;
color: #f86326;
display: block;
_display: inline-block;
float:left;
font-family:Arial, Verdana;
font-size:14px;
text-decoration: none;
}
#tabContent .pre_tab,#tabContent .post_tab{
display:block;
float:left;
width:14px;
height:28px;
}
#tabContent .main_tab{
float:left;
height:28px;
line-height:28px;
font-weight:normal;
font-size:1.1em;
cursor:pointer;
}
#tabContent ul li.ui-tabs-selected .pre_tab{background:url('images/tab_02.png') no-repeat top left;}
#tabContent ul li.ui-tabs-selected .main_tab{background:url('images/tab_03.png') repeat-x top left;}
#tabContent ul li.ui-tabs-selected .post_tab{background:url('images/tab_04-05.png') no-repeat top left;}
#tabContent ul li.ui-tabs-selected a, #tabContent ul li.ui-tabs-selected a:hover{color:#fff;}
#tabContent ul li:hover .pre_tab{background:url('images/tab_hover_06.png') no-repeat top left;}
#tabContent ul li:hover .main_tab{background:url('images/tab_hover_07.png') repeat-x top left;color: #f86326;}
#tabContent ul li:hover .post_tab{background:url('images/tab_hover_09.png') no-repeat top left;}
#tabContent .tabContent {
color:#000;
clear:both;
min-height:160px;
_height:160px;
padding:8px;
}
#tabContent .tabContent ul{
border:none;
padding:0 0 0 20px;
line-height:1.5em;
}
#tabContent .tabContent ul li{
padding:0 0 0 20px;
background:url('images/arrow.gif') no-repeat top left;
}
.ui-tabs-nav { position: relative;}
.ui-tabs-nav li { position: relative; float: left; border-bottom: 0 !important; margin: 0 .2em 0 0; padding: 0; list-style:none; }
.ui-tabs-nav li a { float: left; display:block; text-decoration: none; }
.ui-tabs-nav li.ui-tabs-selected { border-bottom: 0; }
.ui-tabs-panel { display: block; border: 0;}
.ui-tabs-hide { display: none !important; }
ul.ui-tabs-nav {margin-left:0;}
/*------------------------------------------------*/
/*--------------------[LATEST HAPPENINGS / PHOTO GALLERY]--------------------*/
/*------------------------------------------------*/
#latest_happenings{margin:0 10px 0 0;}
#latest_happenings h2{margin-bottom:0.25em;}
#latest_happenings p{margin-bottom:0.75em;}
#latest_happenings .item{border-bottom:1px dotted #D6D6D6; padding:1.5em 0 0.25em 0;}
#latest_happenings .read_more,#photo_gallery .read_more{text-align:right;}
/*#photo_gallery h2.sifr .color{color:#e25a0a;}*/
#photo_gallery img{border:1px solid #333;}
#photo_gallery p.read_more img{border:0;}

/*------------------------------------------------*/
/*--------------------[VIDEO]--------------------*/
/*------------------------------------------------*/
#videos h2.sifr{position:relative;}
#videos .former_student{
color:#666;
font-family:Arial,Verdana;
font-size:13px;
font-weight:bold;
float:right;
position:absolute;
right:0;
top:10px;
}
#videos .bg_video{
background:url('images/JJ_Salsa_Hp_31-Jun_22-41.jpg') no-repeat top left;
height:230px;
margin:0 0 10px;
padding:10px;
width:320px;
}
#videos .bg_video_big{
background:url('images/bg_video_big.jpg') no-repeat top left;
height:265px;
margin:0 0 10px;
padding:10px;
width:320px;
}
#videos h3{
color:#f86326;
font-family:Arial,Verdana;
font-size:14px;
}

/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#big_footer{
background:url('images/JJ_Salsa_Hp_31-Jun_49.jpg') repeat-x top left;
font-family:Arial,Verdana;
height:85px;
padding:25px 0 0;
}
#left_footer{
font-size:13px;
color:#fff;
}
#left_footer ul{
list-style:none;
margin:1em 0 1em;
padding:0;
}
#left_footer li{
display:inline;
border-left:1px solid #fff;
margin:0;
padding:0 10px;
}
#left_footer li.first{
padding:0 10px 0 0;
border:none;
}
#left_footer li a{color:#fff;}
#left_footer li a:hover{text-decoration:underline;}
#right_footer .call_now{
background:url('images/tel.png') no-repeat center left;
color:#ffdb0a;
float:right;
font-size:23px;
padding:0 0 0 40px;
text-align:right;
}
#right_footer .call_now span{
color:#fff;
font-size:31px;
}
#right_footer .address{
clear:right;
color:#fff;
font-size:13px;
text-align:right;
width:340px;
}
/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.titles { font-weight: normal; font-size: 24px; text-decoration: none; /*line-height: 30px;*/ margin-bottom: 4px; }
.titles a:link, .titles a:visited, .titles a:active {
border-bottom:2px solid #e6e6e6;
color:#333333;
display:block;
font-family:GillSans Light, Arial, Verdana;
font-size:26px;
/*
line-height:39px;
*/
padding:0 0 4px;
}
h2.titles a:link,h2.titles a:visited,h2.titles a:hover,h2.titles a:active{font-size:18px;}
/*.titles a span.color{color:#e25a0a;}*/
.post-title { line-height: 30px; }
.toptitle { font-size: 20px; color: #EE5113; margin-left: 15px; display: block; margin-top: 15px; margin-bottom: 10px; }
.toptitle2 { font-size: 24px; color: #FFF; display: block; margin-top: 15px; margin-bottom: 10px; }


/*------------------------------------------------*/
/*--------------------[COMMENTS]------------------*/
/*------------------------------------------------*/
.commentlist { padding: 0px; margin: 0px 0px 0px 17px; width: 560px; background-image: url(images/comment-bg.gif); list-style-image: none; list-style-type: none; float: left; }
.commentlist li { font-weight: bold; width: 560px; display: block; background-image: url(images/comment-bottom.gif); background-repeat: no-repeat; background-position: bottom left; padding: 0px 0px 45px 0px; margin: 0px; list-style-image: none; list-style-type: none; float: left; }
.commentlist li div { width: 540px; display: block; background-image: url(images/comment-top.gif); background-repeat: no-repeat; margin: 0px; padding: 10px; float: left; }
.commentlist li .avatar { float: left; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite { font-size: 18px; float: left; font-style: normal; margin-left: 10px; margin-right: 6px; margin-top: 5px; font-weight: normal; }
.says { display: none; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; display: block; float: left; width: 90%; margin-left: 3%; }
#commentform p { clear: both; }
.alt { margin: 0; padding: 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentlist .children li { width: 90%; display: block; margin: 0px; background-color: #FDFDFD; background-image: url(images/comment-children-bg.gif); background-position: left; background-repeat: repeat-y; border: 1px solid #E2E2E4; overflow: hidden; }
.commentlist .children li div { width: 97%; padding: 3%; background-image: url(images/comment-children-top.gif); background-repeat: no-repeat; background-position: top left; }
.commentlist .commentmetadata { font-weight: normal; float: left; margin: 5px 0px 0px 0px; display: block; clear: both; background-image: none; width: 90%; margin-left: 3%; }
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta { background-image: none; width: 100%; padding: 0px !important; }
.commentlist .reply, .commentlist .children .reply { float: right; background-image: none; width: 54px; height: 22px; margin-bottom: 0px; padding: 0px; margin-right: 10px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { background-image: url(images/reply.gif); width: 39px; height: 17px; display: block; color: #FFF; font-size: 8px; text-transform: lowercase; font-weight: normal; padding: 5px 0px 0px 15px; letter-spacing: 1px; }
.commentlist .children li { padding-bottom: 10px; }
.commentlist .children li ul li { padding-bottom: 10px; background-color: #FFF; }
#respond { margin-top: 20px; float: left; background-image: none; }
.commentlist #respond h3, .commentlist #respond a { margin-left: 28px; }
#comments { line-height: 30px; }
.children { clear: both; }
.children .commentmetadata, .children .vcard { background-image: none; }
.children textarea { width: 90% !important; }
.children input { width: 80% !important; }
#cancel-comment-reply-link { display: block; background-image: url(images/comment-close.gif); width: 144px; height: 21px; padding: 5px 0px 0px 23px; font-weight: normal; color: #84878E; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
#respond div { background-image: none; }
#submit { width: 120px !important; }


/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 350px; padding: 10px; }
#commentform #email { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-email.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #author { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-author.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #url { font-size: 13px; background: #f8f7f6; border: 1px solid #d6d3d3; width: 220px; background-image: url(images/comment-website.gif); background-position: 7px 7px; background-repeat: no-repeat; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }


/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/
#menu{height:40px;}
#menu ul{
line-height:40px;
list-style:none;
margin:0; 
padding:0;
}
#menu li{
display:block;
float:left;
margin:0 15px;
}
#menu li:hover{}
#menu li a:link, #menu li a:visited,#menu li a:hover, #menu li a:active{
color:#fff;
display:block;  
float:left;
font-size:17px;
font-weight:normal;
}
		/*---------------[DROPDOWN MENU]---------------*/
		.nav, .nav * { margin:0; padding:0; list-style:none; }
		.nav ul { position:absolute; top:-999em; background: #F86326; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
		.nav li { position:relative; z-index:99; font-size:12px; }
		/*.nav a { display:block; }*/
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:40px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:220px; top:0; } /* RELATED */
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { display: block; float: left; height: auto !important; margin: 0px !important; padding: 0px; border-bottom: none !important; }
		.nav li li:hover { border-bottom: none !important; }
		.nav li:hover { height: auto !important; }
		.nav li li a{ width: 210px; display: block; padding: 5px !important; margin: 0 !important; height: auto !important; float: left; line-height:20px; background: #F86326; } /* RELATED */
		#menu .nav li li a:hover { background: #fff; color:#F86326;}
		#menu ul li ul { width: 220px; } /* RELATED */
		#menu .nav li li a{font-size:12px;}


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/*------------------------------------------------*/
/*------------[ARTSEE LAYOUT]-----------*/
/*------------------------------------------------*/
.entry, .post-wrapper{}
h3#comments,#respond h3{color:#A2A2A2;}
.post-info {
color:#545454;
font-size:10px;
margin-bottom:10px;
padding-bottom:10px;
}
.commentlist{color:#A2A2A2;}
.readmore{text-align:right;margin-bottom:1.5em;}
/*------------------------------------------------*/
/*------------[Content Styling]-----------*/
/*------------------------------------------------*/
.schedule th, .schedule td{border:1px solid #E65400;}
.row1 td{background:#fffcf5;}
.row2 td{background:#fff29e;}
.row3 td{background:#ffd468;}
.breadcrumb{margin-bottom:1.5em;color:#333333;}
.breadcrumb span{font-weight:bold;}


/*---CFORM---*/
.linklove{display:none;}
.row2{background:#fff29e;}
.row3{background:#ffd468;}