/* 
Theme Name: Ruben Parra
Description: Ruben Parra theme
Author: Flosites
Author URI: http://flosites.com
Version: 1.0
*/

/* Reset styles
*******************************/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,li,ol,
a,em,img,strong,fieldset,form,label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}
:focus {outline: 0;}
img {vertical-align:middle; outline:0}
/* Body & forms
*******************************/
body{
    color:#6e6e6e;
    text-align: left;
    background: #fff url(images/bg.gif) 0 0 repeat;
    font: 75% "Century Gothic", "Helvetica Neue LT Std", Helvetica, Arial, sans-serif;
}
input,
textarea {
    font:normal 12px/12px "Century Gothic", "Helvetica Neue LT Std", Helvetica, Arial, sans-serif;
    color:#6d6e71;
}

/* Header elements
*******************************/
h2,
h3,
h4,
h5,
h6 {
    color:#e38c30;
}

h2 {
    font-size:2em;
}
h3 {}
h4 {
    font-size:1.08em;
}
h5 {}
h6 {}


/* Text elements
*******************************/
p               {margin: 0 0 1em 0; text-align: left; line-height:1.3;}
p.last          {margin-bottom:0;}
/*ul, ol          {margin: 0 0 1em 2em; text-align: left; line-height:1.6;}*/
strong      	{font-weight: bold;}
em          	{font-style: italic;}
ins             {text-decoration:none;}
del             {text-decoration:line-through;}

address         {font-style:normal; line-height:1.6;}

.alignleft {
    float:left;
}
.alignright {
    float:right;
}

/* Quotes
*******************************/
blockquote {}
blockquote:before {}
blockquote:after {}

/* Links
*******************************/
a:link,
a:visited,
a:hover,
a:active{
    color:#e38c30;
    text-decoration: none;
}
a:visited {}
a:hover {}





#shadow {
    background: url(images/bgshadow.png) 50% 0 repeat-y;
}
#wrapper {
    width:980px;
    background: #fff;
    margin:0 auto;
}



#header {
    margin-left:-7px;
    width:994px;
    height:220px;
    position: relative;
    background: url(images/headerbg.png) 0 100% no-repeat;
    z-index: 100;
}
#header h1 a {
    position: absolute;
    left:388px;
    top:16px;
    width:218px;
    height:127px;
    display:block;
    text-indent:-9999px;
    background: url(images/logo.png) 0 0 no-repeat;
}

#header-image {
    position: absolute;
    left:47px;
    top:170px;
    width:900px;
    height:350px;
}

#nav {
    font-size:1.33em;
    width:900px;
    position: absolute;
    z-index: 500;
    left:47px;
    bottom:30px;
}
#nav ul li {
    float:left;
    margin-right:94px;
    position: relative;
    z-index: 500;
}
#nav ul li.last {
    float:right;
    margin-right:0;
}
#nav ul li a {
    color:#6e6e6e;
    text-transform: lowercase;
}
#nav ul li a:hover,
#nav ul li a.active {
    color:#d5802b;
}

#nav .sub {
    display: none;
    position: absolute;
    left:-11px;
    top:25px;
    z-index: 500;
    font-size:0.75em;
    border:3px solid #fff;
    background: #f5f5f5;
    padding:8px 0 0 0;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
#nav .sub .sub {
    font-size:1em;
    xright:0;
    top:-11px;
    left:100%;
    display: none;
    z-index: 999;
}
#nav ul ul {
    
}
#nav .sub ul li {
    float:none;
    margin:0;
    padding:0 8px 8px;
}




#welcome {
    width:980px;
    background: url(images/welcomebg.gif) 0 0 no-repeat;
    height:374px;
    overflow: hidden;
    position: relative;
    margin-top: -7px;
    z-index: 1;
}
#sneak-peek {
    
}
#sneak-peek .wrap {
    position: absolute;
    left:40px;
    bottom:60px;
    width:551px;
    height: 297px;
    overflow: hidden;
    zoom:1;
}
#sneak-peek ul li {
    width:551px;
    height: 297px;
    overflow: hidden;
    float:left;
}

#sneak-peek a.prev,
#sneak-peek a.next {
    background: url(images/sneak-arrows.png) 0 0 no-repeat;
    width:32px;
    height:60px;
    display: block;
    position: absolute;
    bottom:0;
    text-indent: -9999px;
}
#sneak-peek a.prev {
    background-position: 0 -120px;
    left:224px;
}
#sneak-peek a.next {
    background-position: 0 0;
    left:371px;
}
#sneak-peek a.prev:hover {
    background-position: 0 -180px;
}
#sneak-peek a.next:hover {
    background-position: 0 -60px;
}
#sneak-peek span {
    position: absolute;
    left:256px;
    bottom: 20px;
    font-size:1.33em;
    color:#d5802b;
    width:115px;
    text-align:center;
}


#welcome-text {
    position: absolute;
    top:26px;
    right:52px;
    width:284px;
    height:224px;
}
#welcome-text h2 {
    font-size:2.67em;
    line-height: 1;
    padding-bottom: .4em;
}


#social {
    position: absolute;
    right:0;
    bottom:0;
    width:370px;
    height:132px;
    background:url(images/socialbg.png) 0 0 no-repeat;
    font-size: .92em;
}
#social .twitter {
    height:57px;
    padding:8px 10px 0 70px;
}
#social .facebook {
    height:48px;
    padding:15px 30px 0 70px;
    line-height: 1.6;
}

.post .preview {
    margin-left:-7px;
    width:900px;
    padding:20px 47px 0;
    height:413px;
    overflow: hidden;
    position: relative;
    background: url(images/post-previewbg.png) 0 0 no-repeat;
}
.post .title {
    overflow: hidden;
    zoom:1;
    padding-bottom: 8px;
}
.post h2 {
    float:left;
    line-height: 1;
}
.post .posted {
    float:right;
    padding-top: 5px;
    text-transform: uppercase;
}
.post .posted .open-comments a {
    color:#565a52;
}
.post a.toggle {
    display: block;
    width:90px;
    padding-right:34px;
    height:41px;
    padding-top:16px;
    background: url(images/post-togglebg.png) 100% 0 no-repeat;
    font-size:1.33em;
    position: absolute;
    bottom:7px;
    left:46px;
}


.post .more {
    padding:30px 40px 16px;
    display: none;
}

/*.post-footer {
    margin-top: -8px;
    height:26px;
    background: url(images/post-footerbg.gif) 0 0 no-repeat;
}*/
.post-footer {
    height:18px;
}

.share {
    padding-top: 10px;
    overflow: hidden;
    height:40px;
    background: url(images/sharebg.gif) 0 100% no-repeat;
    margin-bottom: 16px;
}
.share ul {
    float:left;
    overflow: hidden;
}
.share ul li {
    float:left;
}
.share .actions li {
    text-transform: uppercase;
    font-size:1.08em;
    line-height: 1.31em;
    padding-left:39px;
    background:url(images/share-delim.gif) 17px 2px no-repeat;
}
.share .actions a {
    color:#808080;
}
.share .actions a:hover,
.share .actions a.visible {
    color:#e38c30;
}
.share .actions li.first {
    padding-left: 0;
    background: none;
}
.share .actions {
    margin-right:25px;
}
.share .buttons li a {
    text-indent: -9999px;
    float:left;
    width:17px;
    height:17px;
    margin-right: 6px;
    background-image: url(images/share.gif);
    background-repeat: no-repeat;
}
.share .gmail {
    background-position: 0 0;
}
.share .digg {
    background-position: -23px 0;
}
.share .flickr {
    background-position: -47px 0;
}
.share .linkedin {
    background-position: -72px 0;
}
.share .facebook {
    background-position: -96px 0;
}
.share .twitter {
    background-position: -120px 0;
}
.share .stumbleupon {
    background-position: -143px 0;
}
.share .rss {
    background-position: -168px 0;
}
.share .delicious {
    background-position: -192px 0;
}




.comments {
    overflow: hidden;
    padding-bottom: 23px;
    margin-bottom: 18px;
    background: url(images/sharebg.gif) 0 100% no-repeat;
}
.comments h4 {
    text-align: center;
    padding:10px 0;
}
.comments .list {
    height: 140px;
    overflow: hidden;
}
.comments ul {}
.comments ul li {
    padding-bottom: .5em;
}
.comments .author,
.comments .author a {
    color:#e38c30;
    text-transform: uppercase;
    text-decoration: underline;
}


.comment-n-share {}
.comment-n-share .comment-form,
.comment-n-share .share-form {
    overflow: hidden;
    zoom:1;
    display: none;
    padding:0 0 0 40px;
    margin:0 -40px;
    background: url(images/commentbg.gif) 0 100% no-repeat;
}
.comment-n-share h4 {
    margin-left:382px;
    line-height:1;
    padding-bottom: 5px;
}
.comment-n-share .inputs {
    float:left;
    width:382px;
}
.comment-n-share .area {
    width:468px;
    float:left;
}
.comment-n-share .say {
    float:left;
}

form .inputs input,
form .area textarea {
    color:#6d6e71;
    padding:3px 4px 1px 4px;
    font-size:1.08em;
    text-transform: lowercase;
    line-height: 1;
    border:0;
}
.comment-n-share .inputs input {
    width:353px;
    background:url(images/comment-inputbg.png) 0 0 no-repeat;
    margin-bottom:6px;
    height:20px;
}
.comment-n-share .area textarea {
    resize:none;
    width:452px;
    height:79px;
    background:url(images/comment-textareabg.png) 0 0 no-repeat;
}









#rss-search {
    overflow: hidden;
    zoom:1;
    padding:0 40px;
}
#rss-search .search {
    float:left;
}
#rss-search .rss {
    float:right;
    color:#b6b6b8;
    font-size:1.08em;
    line-height:1;
    background: url(images/rss.png) 100% 0 no-repeat;
    margin-top:12px;
    padding:15px 38px 0 0 ;
    height:30px;

}
#s {
    margin:12px 6px 0 0;
    float:left;
    width:129px;
    height:22px;
    background: url(images/searchbg.gif) 0 0 no-repeat;
    border:0;
}
#searchsubmit {
    float:left;
}






#footer {
    overflow: hidden;
    margin:0 -7px;
    height:148px;
    background: url(images/footerbg.png) 0 100% no-repeat;
}


#archives {
    padding:0 47px;
    text-transform: uppercase;
    font-size:1.08em;
    color:#a1a1a1;
    overflow: hidden;
    zoom:1;
}
#archives span.title {
    float:left;
    width:130px;
}
#archives .years {
    float:left;
}
#archives .years li {
    float:left;
    margin-left: 33px;
}
#archives a {
    
}
#archives .year a {
    color:#6d6e71;
}

#pagination {
    padding:0 7px;
    text-transform: uppercase;
    overflow: hidden;
    zoom:1;
    height:58px;
    margin-bottom: 24px;
    font-size:1.17em;
    color:#bababa;
}
#pagination a {
    color:#bababa;

}
#pagination .active_page a {
    color:#d5802b;
}

#pagination a.next,
#pagination a.prev {
    background: url(images/pagination-arrows.png) 0 0 no-repeat;
    height:36px;
    color:#d5802b;
    padding-top:16px;
}
#pagination a.prev {
    float:left;
    padding-left:46px;
}
#pagination a.next {
    float:right;
    padding-right:46px;
    background-position: 100% -52px;
}
#pagination a.prev:hover {
    background-position: 0 -104px;
    color:#949597;
}
#pagination a.next:hover {
    background-position: 100% -156px;
    color:#949597;
}
#pagination a.inactive {
    color:#6d6e71;
    cursor: default;
}
#pagination ul {
    text-align: center;
    padding-top:16px;
}
#pagination ul li {
    display: inline;
    padding:0 2px;
}
#pagination ul li.caption {
    padding-right:5px;
}









#cdwrapper {
    background: url(images/cdbg.png) 50% 0 no-repeat;
}
#cd {
    width:994px;
    margin:0 auto;
    height:53px;
    padding-top:15px;
    color:#6d6e71;
}
#copyright {
    float:left;
}
#developed {
    float:right;
}
#developed a {
    color:#6d6e71;
}









.page {
    margin-top: -7px;
    padding:37px 40px 0 40px;
    overflow: hidden;
    zoom:1;
    background: url(images/pagebg.png) 0 0 no-repeat;
}
.page h2 {
    font-size:2.67em;
    padding-bottom: .4em;
}

#about {
    padding-right:0;
    background: url(images/aboutbg.png) 0 0 no-repeat;
}
#about .content {
    width:398px;
    margin-right:40px;
    float:left;
}
#about .image {
    width:292px;
    overflow: hidden;
    float:left;
}
#about .contact-info {
    float:right;
    width:184px;
    padding-top:60px;
    color:#a4a5a8;
}
#about .contact-info p.title {
    font-size:1.08em;
    color:#565a52;
}
#about .contact-info p.title span {
    color:#d5802b;
}





#contact {
    padding-right:0;
    background: url(images/aboutbg.png) 0 0 no-repeat;
}
#contact .content {
    width:398px;
    margin-right:40px;
    float:left;
}
#contact .image {
    width:292px;
    overflow: hidden;
    float:left;
}
#contact .contact-info {
    float:right;
    width:184px;
    padding-top:60px;
    color:#a4a5a8;
}
#contact .contact-info p.title {
    font-size:1.08em;
    color:#565a52;
}
#contact .contact-info p.title span {
    color:#d5802b;
}

#contact .contact-form {
    clear:both;
    overflow: hidden;
    zoom:1;
    padding-top: 18px;
}
#contact form {}
#contact form p {
    height:30px;
    margin:0;
}
#contact form .area1 {
    float:left;
    width:447px;
}
#contact form .area1 label {
    float:left;
    width:192px;
    padding-right:12px;
    text-align: right;
}
#contact form .area1 input {
    border:0;
    width:215px;
    height:22px;
    padding:2px 6px 0;
    background: url(images/contact-inputbg.png) 0 0 no-repeat;
}

#contact form .area1 .name input {
    width:99px;
    background-image: url(images/contact-inputbg-small.png);
}

#contact form .area2 {
    float:left;
    width:322px;
}
#contact form h4 {
    padding:0;
    margin:0;
    line-height: 1;
    height:30px;
}
#contact form .area2 textarea {
    width:296px;
    padding:6px;
    height:161px;
    padding:6px;
    resize:none;
    background: url(images/contact-textareabg.png) 0 0 no-repeat;
    border:0;
}
#contact form .say {
    float:left;
    padding-top:82px;
}
#contact form .say input {
    width:69px;
    height:83px;
    border:0;
    background: url(images/comment-send.png) 0 0 no-repeat;
    cursor: pointer;
}


#testimonials {}
#testimonials h2 {
    text-align: center;
}
#testimonials ul {
    overflow: hidden;
    zoom:1;
}
#testimonials ul li {
    margin:0 0 22px 0;
    overflow: hidden;
    zoom:1;
}
#testimonials .image {
    float:left;
    padding:0 19px;
    width:260px;
    background: url(images/testimonials-entrybg.png) 0 0 no-repeat;
    margin-right:12px;
}
#testimonials .content {
    float:left;
    width:580px;
}



#press {
    padding-left:27px;
    padding-right:0;
}
#press h2 {
    text-align: center;
}
#press ul {
    overflow: hidden;
    zoom:1;
    color:#818286;
}
#press ul li {
    float:left;
    width:210px;
    padding:0 36px;
    margin-right: 40px;
    background: url(images/press-entrybg.png) 0 0 no-repeat;
}
#press ul li.last {
    margin-right: 0;
}
#press ul li h2 {
    font-size:2.33em;
    line-height: 1;
    text-align: left;
}
#press ul li .image {
    padding-bottom: 6px;
}



#vendors {
    padding-left:20px;
    padding-right:20px;
}
#vendors h2 {
    text-align: center;
}
#vendors ul {
    overflow: hidden;
    zoom:1;
    font-size: 0.92em;
    color:#818286;
}
#vendors ul li {
    float:left;
    width:450px;
    margin:0 0 40px 20px;
}
#vendors ul li.odd {
    margin-left:0;
    clear:both;
}

#vendors ul h2 {
    text-align: left;
    line-height: 1;
    font-size:1.67em;
}
/*
#vendors ul li .image {
    float:left;
    width:259px;
    background: url(images/vendors-entrybg.png) 0 0 no-repeat;
    padding:0 17px;
    margin-right: 5px;
}
#vendors ul li .content {
    float:left;
    width:152px;
}
*/
#vendors ul li {
    padding:0 0 0 50px;
    width:400px;
}


#vendor {
    padding-left:20px;
    padding-right: 20px;
}
#vendor h2 {
    text-align: center;
}

#vendor .image {
    float:right;
    width:680px;
}
#vendor .image img {
    float:left;
    margin-right:10px;
}
#vendor .content {
    float:left;
    width:215px;
    font-size: 0.92em;
    color:#818286;
    padding-left:10px;
}

#vendor .content h2 {
    text-align: left;
    line-height: 1;
    font-size:2.18em;
}





#venues {
    padding-left:20px;
    padding-right:20px;
}
#venues h2 {
    text-align: center;
}
#venues ul {
    overflow: hidden;
    zoom:1;
    font-size: 0.92em;
    color:#818286;
}
#venues ul li {
    float:left;
    width:450px;
    margin:0 0 40px 20px;
}
#venues ul li.odd {
    margin-left:0;
    clear:both;
}

#venues ul h2 {
    text-align: left;
    line-height: 1;
    font-size:1.67em;
}
#venues ul li .image {
    float:left;
    width:259px;
    background: url(images/vendors-entrybg.png) 0 0 no-repeat;
    padding:0 17px;
    margin-right: 5px;
}
#venues ul li .content {
    float:left;
    width:152px;
}







.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;

}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
        background: #f1efe5;
}
.jScrollPaneDrag {
	position: absolute;
	background: #e38c30;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}