/*
Theme Name: Gastheme
Theme URI: http://www.gasface.net
Description: thme created by Js Bartos.
Version: 0.1
Author:  Js Bartos
 
Creation Theme by  Js Bartos || http://www.downtown.asso.fr
 
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
.clearing {
clear : both;
height : 0;
overflow : hidden;
margin : -1px 0 0 0;
}
body {
background : #fafafa;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#wrapper {
margin : 15px auto;
z-index : 1;
width : 980px;
position : relative;
}
#header {
position : relative;
border-bottom : 1px solid #ccc;
margin-top : 10px;
}
body.home #header {
border : 0;
}
#header-ad {
width : 728px;
position : absolute;
top : 0;
left : 50%;
margin-left : -234px;
}
#social-icons {
position : absolute;
top : 34px;
right : 2px;
}
#searchform {
position : absolute;
right : 52px;
}
#s {
outline : 0;
border : 1px solid #ccc;
padding : 2px;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 11px;
color : #888;
margin : 0;
}
#s:focus {
border-color : #aaa;
color : #444;
}
#footer {
padding : 15px 0;
padding-bottom : 30px;
border-top : 1px solid #ccc;
margin-top : 15px;
}
body.page-id-2 #footer .right, body.page-id-22 #footer .right {
display : none;
}
body.page #footer {
margin-top : 10px;
}
body.page-id-873 #footer {
margin-top : 15px;
}
#footer p {
font-size : 11px;
color : #333;
}
#footer .left {
width : 200px;
float : left;
}
#footer .right {
width : 200px;
float : right;
text-align : right;
}
#footer .right a {
color : #999;
text-decoration : none;
}
#footer .right a:hover {
color : #333;
}
#wall {
display : none;
margin-top : 10px;
height : 217px;
overflow : hidden;
}
#showhideallvideos {
padding-bottom : 2px;
}
#loading {
margin : 15px 0 15px 0;
}
#player {
width : 640px;
height : 480px;
top : 50%;
left : -9999px;
margin-left : -320px;
margin-top : -250px;
position : fixed;
background : #000;
padding-bottom : 50px;
}
#player object, #player embed {
margin : 0 0 10px 0;
}
#player:hover h2 {
display : block;
}
#player h2 a {
color : #fff;
text-decoration : none;
border-bottom : 1px solid #fff;
font-size : 18px;
}
#player h2 a:hover {
color : #999;
border-color : #999;
}
h1 {
color : #333;
font-weight : bold;
font-size : 28px;
margin : 0 0 15px 0;
}
h1 a {
color : #333;
text-decoration : none;
width : 200px;
height : 45px;
display : block;
overflow : hidden;
}
h1 a:hover {
color : #666;
background-position : -151px 0%;
}
h1 span {
font-size : 13px;
float : right;
color : #bbb;
cursor : pointer;
margin-right : 15px;
}
h1 span a {
color : #999;
text-decoration : none;
}
h2 {
color : #333;
font-weight : bold;
font-size : 14px;
margin : 10px;
}
h2 span {
float : right;
color : #333;
font-size : 11px;
cursor : pointer;
}
h2 span:hover {
color : #888;
}
h3 {
font-size : 16px;
color : #333;
margin-bottom : 5px;
line-height : 1.3;
}

h6 {
font-size : 18px;
color : #333;
margin-bottom : 5px;
line-height : 1.3;
text-decoration : none;}


h3 a {
color : #333;
text-decoration : none;
}
h3 a:hover {
color : #777;
}
div.date {
font-size : 11px;
color : #999;
margin-bottom : 15px;
}
h3.topcolumtitle {
font-size : 16px;
}
h4 {
font-size : 13px;
color : #888;
font-weight : normal;
margin-bottom : 15px;
padding-bottom : 15px;
border-bottom : 1px solid #ccc;
text-decoration: none;}
body.category h4, body.search h4 {
margin : 15px 0 0;
}
body.home h4 a {
color : #888;
font-weight : bold;
text-decoration : none;
}
body.home h4 a:hover {
color : #bbb;
text-decoration: none;}
body.page h4 {
font-size : 18px;
font-weight : bold;
color : #333;
text-decoration: none;}
h4 span {
float : right;
font-size : 11px;
color : #888;
line-height : 20px;
text-decoration: none;}
h5 {
font-size : 13px;
color : #888;
font-weight : normal;
margin-bottom : 15px;
}
#menu {

margin : 30px 0 15px;
position : absolute;
top : 4px;
left : 125px;
width : 650px;
}
body.home #menu {

}
#menu li {
float : left;
font-weight : 300;
font-size : 15px;
color : #888;
text-transform : uppercase;
}
#menu li a {
display : block;
text-decoration : none;
color : #888;
padding-right : 15px;
}
#menu li a.contact {
border-right : 0;
}
#menu li a.open {
color : #333;
}
#menu li a:hover {
color : #183f8c;
}
#menu li a.active {
font-weight : bold;
color : #222;
}
body.buy #menu li a.buy {
font-weight : bold;
color : #222;
}
#submenu {
position : fixed;
bottom : 15px;
right : 0;
overflow : hidden;
}
#submenu li {
float : left;
margin-right : 15px;
font-size : 10px;
color : #888;
}
#submenu li a {
display : block;
font-weight : bold;
text-decoration : none;
color : #888;
}
#submenu li a:hover {
color : #333;
}
#layer {
width : 100%;
height : 100%;
overflow : hidden;
z-index : 0;
position : fixed;
display : none;
cursor : pointer;
}
#columns {
clear : both;
display : none;
margin-top : 15px;
}
.col1 {
width : 243px;
float : left;
margin-right : 15px;
padding-bottom : 10px;
padding-right : 14px;
border-right : 1px solid #ccc;
overflow : hidden;
}
.col1 .cat-link a {
color : #888;
text-decoration : none;
font-size : 13px;
font-weight : bold;
}
.cat-link a:hover {
color : #999;
}
.col1 img {
margin-bottom : 5px;
}
#columns .col1.last {
margin-right : 0;
border-right : 0;
width : 290px;
padding-right : 0;
}
#columns .col2 {
width : 620px;
float : left;
overflow : hidden;
margin-right : 15px;
}
body.buy #columns .col1 {
border : 0;
padding : 0;
margin : 0;
}
#top-columns {
margin-bottom : 15px;
border-bottom : 5px solid #ccc;
}
.col1-featured {
width : 306px;
float : left;
display : inline;
margin-right : 15px;
padding-right : 14px;
border-right : 1px solid #ccc;
overflow : hidden;
margin-bottom : 15px;
height : 325px;
overflow : hidden;
}

.col1-featured .post {
border-bottom : 0;
padding-bottom : 0;
margin-bottom : 0;
}
#top-columns .last {
margin-right : 0;
padding-right : 0;
border-right : 0;
width : 306px;
}
.col1-featured h4 {
font-size : 14px;
}




.col1-small {
width : 160px;
float : right;
display : inline;
}
.square {
width : 125px;
height : 125px;
background : #aaa;
margin-bottom : 15px;
}
.skyscraper {
width : 160px;
height : 600px;
background : #aaa;
color : #fff;
}
#ask-levi {
margin-bottom : 15px;
}
.singleviewpost {
font-size : 12px;
line-height : 1.5;
color : #333;
}
.singleviewpost a {
color : #888;
font-weight : bold;
border-bottom : 1px solid #bbb;
text-decoration : none;
}
.singleviewpost a:hover {
color : #444;
border-color : #444;
}
.post p {
font-size : 12px;
line-height : 1.5;
color : #333;
padding-bottom : 5px;
}
.post p a {
color : #888;
font-weight : bold;
border-bottom : 1px solid #bbb;
text-decoration : none;
}
.post p br {
margin : 0;
padding : 0;
}
.post p a:hover {
color : #444;
border-color : #444;
}
body.category .post img {
margin-bottom : 10px;
}
.post .video {
font-size : 11px;
}
.post .video a {
display : block;
color : #fff;
border : 0;
padding : 10px;
background : #333;
}
.post .video a:hover {
background : #ccc;
color : #fff;
}
.post {
padding-bottom : 10px;
margin-bottom : 20px;
border-bottom : 1px solid #ccc;
}
body.page .post {
margin : 0;
padding : 15px 0 0;
border-bottom : 0;
}
body.page .post p {
font-size : 11px;
line-height : 1.5;
color : #333;
padding-bottom : 10px;
}
body.single .post, body.category .post, body.search .post {
padding-top : 15px;
}
body.single .post h3, body.category .post h3, body.search h3 {
font-size : 24px;
}
body.single .post p, body.category .post p, body.search .post p {
font-size : 13px;
line-height : 1.5;
color : #333;
}
body.single .post p a, body.single .post p a, body.search .post p a {
color : #888;
font-weight : bold;
border-bottom : 1px solid #bbb;
text-decoration : none;
}
body.single .post p a:hover, body.category .post p a:hover, body.search .post p a:hover {
color : #444;
border-color : #444;
}
body.single .post img {
padding-top : 5px;
}
body.search .post img, body.category .post img {
padding-bottom : 10px;
}
#buy-images {
width : 620px;
float : left;
padding-right : 15px;
overflow : hidden;
border-right : 1px solid #ccc;
}
#buy-images img {
cursor : pointer;
display : block;
margin-bottom : 15px;
}
.buy-now {
width : 270px;
float : right;
}
.buy-now table {
margin-bottom : 10px;
margin-right : 20px;
}
.buy-now form {
font-size : 13px;
color : #333;
}
.buy-now form select {
margin-bottom : 10px;
}
.buy-now form input {
float : left;
margin-right : 10px;
}
h3#comments {
margin-bottom : 15px;
padding-bottom : 15px;
border-bottom : 1px solid #ccc;
}
ol.commentlist li {
padding-bottom : 15px;
margin-bottom : 15px;
border-bottom : 1px solid #ccc;
font-size : 11px;
line-height : 1.5;
position : relative;
}
ol.commentlist li a {
color : #888;
font-weight : bold;
border-bottom : 1px solid #bbb;
text-decoration : none;
}
ol.commentlist li a:hover {
color : #444;
border-color : #444;
}
ol.commentlist .comment-meta {
position : absolute;
top : 0;
right : 0;
display : none;
}
ol.commentlist li:hover .comment-meta {
display : block;
}
ol.commentlist .comment-author {
margin-bottom : 15px;
max-width : 400px;
}
.comment-author img {
padding-right : 10px;
vertical-align : top;
}
.comment-author cite {
font-weight : bold;
font-style : normal;
}
#respond label {
display : block;
font-size : 11px;
margin-top : 5px;
color : #555;
padding : 5px 0 30px;
}
#respond input {
display : block;
margin : 0;
padding : 5px;
font-size : 11px;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
border : 1px solid #ccc;
outline : 0;
width : 250px;
}
#respond input#submit {
width : 150px;
font-weight : bold;
margin-top : 15px;
}
#respond input#submit:hover {
background : #000;
color : #fff;
cursor : pointer;
}
#respond h3 {
margin-bottom : 15px;
}
#respond textarea {
outline : 0;
border : 1px solid #ccc;
padding : 5px;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 11px;
width : 630px;
}
.quantity {
width : 70px;
}
body.page label {
font-size : 11px;
margin-top : 20px;
color : #555;
float : left;
}
.quantity input {
width : 15px;
float : right;
}
a#buy-now {
display : block;
background : #444;
color : #fff;
padding : 10px 12px;
font-size : 11px;
font-weight : normal;
text-decoration : none;
margin-top : 15px;
width : 50px;
}
a#buy-now:hover {
background : #777;
}
a#buy-now:active {
background : #ccc;
}
#shirt {
position : relative;
height : 600px;
}
#shirt img {
position : absolute;
top : 0;
left : 0;
display : none;
}
#tooltip {
position : absolute;
font-size : 11px;
font-weight : bold;
color : #fff;
padding : 6px 9px;
background-color : rgb(25, 25, 25);
display : none;
z-index : 10;
}
#tiptip_holder {
display : none;
position : absolute;
top : 0;
left : 0;
z-index : 99999;
}
#tiptip_holder.tip_top {
padding-bottom : 5px;
}
#tiptip_holder.tip_bottom {
padding-top : 5px;
}
#tiptip_holder.tip_right {
padding-left : 5px;
}
#tiptip_holder.tip_left {
padding-right : 5px;
}
#tiptip_holder.tip_left #tiptip_content {
margin-right : 5px;
}
#tiptip_content {
font-size : 11px;
color : #fff;
padding : 4px 8px;
background-color : rgb(25, 25, 25);
}
#tiptip_arrow, #tiptip_arrow_inner {
position : absolute;
border-color : transparent;
border-style : solid;
border-width : 6px;
height : 0;
width : 0;
}
#tiptip_arrow_inner {
border-width : 6px;
}
#tiptip_holder.tip_top #tiptip_arrow {
border-top-color : #fff;
}
#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color : #fff;
}
#tiptip_holder.tip_right #tiptip_arrow {
border-right-color : #fff;
}
#tiptip_holder.tip_left #tiptip_arrow {
border-left-color : #fff;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top : -7px;
margin-left : -6px;
border-top-color : rgb(25, 25, 25);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top : -5px;
margin-left : -6px;
border-bottom-color : rgb(25, 25, 25);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top : -6px;
margin-left : -5px;
border-right-color : rgb(25, 25, 25);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top : -6px;
margin-left : -7px;
border-left-color : rgb(25, 25, 25);
}
@media screen {
#tiptip_content {
padding : 4px 8px 5px 8px;
}
}
.more {
text-align : center;
}
.more a {
color : #333;
text-decoration : none;
font-weight : bold;
font-size : 18px;
display : block;
}
.more a:hover {
color : #777;
}
#banner {
margin-bottom : 15px;
padding-bottom : 15px;
border-bottom : 5px solid #ccc;
display : block;
clear : both;
height : 250px;
}
#banner a {
display : block;
}
#banner p {
margin : 0;
padding : 0;
}
#banner-image {
width : 665px;
overflow : hidden;
float : left;
display : inline;
}
#banner-ad {
width : 300px;
float : right;
overflow : hidden;
display : inline;
}
#bread {
margin-top : 15px;
margin-bottom : 0;
}
#bread a {
color : #888;
text-decoration : none;
}
#bread a:hover {
color : #666;
}
.vimeoBadge {
margin : 0;
padding : 0;
font : normal 10px verdana, sans-serif;
}


.vimeoBadge img { filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5; }

.vimeoBadge a:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}



.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active {
color : #3a75c4;
text-decoration : none;
cursor : pointer;
display : block;
}
.vimeoBadge a:hover {
color : #00ccff;
}
.vimeoBadge #vimeo_badge_logo {
margin-top : 10px;
width : 57px;
height : 16px;
display : none;
}
.vimeoBadge .credit {
font : normal 11px verdana, sans-serif;
}
.clip {
padding : 0;
float : left;
margin : 0;
width : 98px;
line-height : 0;
height : 73px;
position : relative;
overflow : hidden;
background : #111;
}
	.caption { font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; overflow:hidden; position:absolute;bottom:0;left:0;opacity:0;line-height:1.4;}
	.caption a {padding:10px;display:block;}





.vimeoBadge .clear {
display : block;
clear : both;
visibility : hidden;
}

.comments {
margin-top : 15px;
}
.comments-links {
font-size : 11px;
margin : 15px 0;
}
.comments-links a {
color : #333;
text-decoration : none;
font-weight : bold;
}
.comments-links a:hover {
color : #888;
}
p.comments-number {
font-size : 11px;
margin-top : 15px;
}
#big-ad {
display : block;
width : 980px;
margin : 0 auto;
}
#big-ad img {
display : block;
}
#content {
width : 645px;
float : left;
display : inline;
padding-right : 15px;
border-right : 1px solid #ccc;
}
#sidebar {
width : 300px;
display : inline;
margin-top : 5px;
}
#home-sidebar {
width : 290px;
min-height : 90px;
padding-bottom : 1px;
}
#home-sidebar p {
width : 150px;
font-size : 10px;
font-family : Verdana;
color : #666666;
text-align : left;
padding : 5px;
margin : 5px;
padding-bottom : 2px;
overflow : hidden;
}
.postlarge p {
font-size : 11px;
line-height : 1.5;
color : #333;
padding-bottom : 5px;
}
.postlarge p a {
color : #888;
font-weight : bold;
border-bottom : 1px solid #bbb;
text-decoration : none;
}
.postlarge p br {
margin : 0;
padding : 0;
}
.postlarge p a:hover {
color : #444;
border-color : #444;
}
body.category .postlarge img {
margin-bottom : 10px;
}
.postlarge {
padding-bottom : 10px;
margin-bottom : 15px;
border-bottom : 1px solid #ccc;
}
body.page .postlarge {
margin : 0;
padding : 15px 0 0;
border-bottom : 0;
}
body.page .postlarge p {
font-size : 11px;
line-height : 1.5;
color : #333;
padding-bottom : 10px;
}
body.single .postlarge, body.category .postlarge, body.search .postlarge {
padding-top : 15px;
}
body.single .postlarge h3, body.category .postlarge h3, body.search h3 {
font-size : 24px;
}
body.single .postlarge p, body.category .postlarge p, body.search .postlarge p {
font-size : 13px;
line-height : 1.5;
color : #333;
}
body.single .postlarge p a, body.single .postlarge p a, body.search .postlarge p a {
color : #888;
font-weight : bold;
border-bottom : 1px solid #bbb;
text-decoration : none;
}
body.single .postlarge p a:hover, body.category .postlarge p a:hover, body.search .postlarge p a:hover {
color : #444;
border-color : #444;
}
body.single .postlarge img {
padding-top : 5px;
}
body.search .postlarge img, body.category .postlarge img {
padding-bottom : 10px;
}
.tblquestion {
border : 0;
margin-bottom : 20px;
}
.tblqtd {
vertical-align : top;
}
.tblqtdl {
vertical-align : top;
text-align : right;
width : 15px;
}
.tblqtdr {
vertical-align : top;
text-align : left;
width : 15px;
}
.tblqtdqbl {
background-color : #eceaeb;
vertical-align : top;
padding : 15px;
width : 593px;
font-size : 15px;
font-weight : bold;
}
.tblqtdqbr {
text-align : right;
background-color : #eceaeb;
vertical-align : top;
padding : 15px;
width : 593px;
font-size : 14px;
}
.separator {
border-bottom : 1px solid #bbb;
margin-bottom : 10px;
}
div.fwvvw_vthumb {
float : left;
padding : 3px;
border : 1px solid #ebebeb;
margin : 2px;
cursor : pointer;
}
.fwvvw_nodisplay {
display : none;
}
.fwclear {
clear : both;
}
#fwvvw_full_video {
margin-top : -250px;
margin-left : -400px;
z-index : 100;
width : 800px;
height : 500px;
background : #000;
color : #fff;
position : absolute;
padding-top : 20px;
border : 4px solid #ccc;
top : 50%;
left : 50%;
text-align : center;
}
#fwvvw_bg_video {
top : 0;
left : 0;
z-index : 99;
width : 100%;
height : 100%;
background : url(images/opacity.png) repeat;
color : #fff;
position : fixed;
}
img.closewindow {
display : block;
position : absolute;
top : 10px;
right : 10px;
cursor : pointer;
}
.fwvvw_pagelink fwvvw_current_page a
{
color:#bbb;
font-size: 14px;
font-weight:bold;
}
.fwvvw-pagination {
color:#ccc;
font-size: 14px;
font-weight:bold;}

.fwvvw-pagination a.fwvvw_current_page {
color:#ccc;
font-size: 14px;
font-weight:bold;
}
.fwvvw-videotitle {
font-size : 0.8em;
}
#myGallery, #myGallerySet, #flickrGallery {
width : 664px;
height : 250px;
z-index : 5;
}
.jdGallery .slideInfoZone {
background : black;
color : white;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : black;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : black;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone h2 {
padding : 0 !important ;
font-size : 14px !important ;
background-color : black !important ;
margin : 2px 5px !important ;
font-weight : bold !important ;
color : white !important ;
background-image : none !important ;
text-align : left !important ;
}
.jdGallery .slideInfoZone p {
padding : 0 !important ;
background-color : black !important ;
font-size : 11px !important ;
margin : 2px 5px !important ;
color : white !important ;
background-image : none !important ;
text-align : left !important ;
}
.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : black;
color : white !important ;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : black;
color : white;
text-indent : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : black;
background-position : center center;
float : left;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : black;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : white;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : white;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : black;
color : white;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : black;
}
.jdGallery .gallerySelector h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : white;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
padding : 5px;
height : 40px;
color : white;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : black;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : black;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : white;
}
.imageElement {
display : none;
}
#flickrGallery {
width : 500px;
height : 334px;
}
.jdGallery .slideInfoZone {
position : absolute;
z-index : 50;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
text-indent : 0;
overflow : hidden;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
* html .jdGallery .slideInfoZone {
bottom : 100px;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0 !important ;
margin : 0;
}
.jdGallery a.right, .jdGallery a.left {
position : absolute;
height : 99%;
width : 25%;
cursor : pointer;
z-index : 10;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat left center;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') no-repeat left center;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat right center;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') no-repeat right center;
}
.jdGallery a.open {
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 25%;
height : 99%;
width : 50%;
cursor : pointer;
z-index : 10;
background : none;
}
.withArrows a.open:hover {
background : url('img/open.png') no-repeat center center;
}
* html .withArrows a.open:hover {
background : url('img/open.gif') no-repeat center center;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow : hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
}
#myGallery, #myGallerySet, #flickrGallery {
width : 664px;
height : 250px;
z-index : 5;
}
.jdGallery .slideInfoZone {
background : black;
color : white;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : black;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : black;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.jdGallery .slideInfoZone h2 {
padding : 0 !important ;
font-size : 14px !important ;
background-color : black !important ;
margin : 2px 5px !important ;
font-weight : bold !important ;
color : white !important ;
background-image : none !important ;
text-align : left !important ;
}
.jdGallery .slideInfoZone p {
padding : 0 !important ;
background-color : black !important ;
font-size : 11px !important ;
margin : 2px 5px !important ;
color : white !important ;
background-image : none !important ;
text-align : left !important ;
}
.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : black;
color : white !important ;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : black;
color : white;
text-indent : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : black;
background-position : center center;
float : left;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : black;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : white;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : white;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : black;
color : white;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : black;
}
.jdGallery .gallerySelector h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : white;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
padding : 5px;
height : 40px;
color : white;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : black;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : black;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : white;
}
.imageElement {
display : none;
}
#flickrGallery {
width : 500px;
height : 334px;
}
.jdGallery .slideInfoZone {
position : absolute;
z-index : 50;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
text-indent : 0;
overflow : hidden;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
* html .jdGallery .slideInfoZone {
bottom : 100px;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0 !important ;
margin : 0;
}
.jdGallery a.right, .jdGallery a.left {
position : absolute;
height : 99%;
width : 25%;
cursor : pointer;
z-index : 10;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat left center;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') no-repeat left center;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat right center;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') no-repeat right center;
}
.jdGallery a.open {
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 25%;
height : 99%;
width : 50%;
cursor : pointer;
z-index : 10;
background : none;
}
.withArrows a.open:hover {
background : url('img/open.png') no-repeat center center;
}
* html .withArrows a.open:hover {
background : url('img/open.gif') no-repeat center center;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow : hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
}
.jdGallery .slideInfoZone {
height : 60px;
}
.separator {border-bottom:1px solid #bbb;margin-bottom: 10px;}
.single{margin-bottom: 20px;}



#crp_related {
   

    margin-bottom: 10px; 

}

#crp_related img{
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;

    margin: 4px 0 4px 5px;
    padding: 4px;
    position: relative;

}
#crp_related ul{
 float: left;


   }
#crp_related li{
 
   float: left;
   margin: 0 15px;
 }



.twitterdiv {
    border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    min-height: 190px;
    padding-bottom: 5px;
    padding-right: 
5px;
  padding-left: 5px;
    padding-top: 5px;
    width: 250px;
}
.twitterdiv2 {
    border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    min-height: 190px;
    padding-bottom: 5px;
    padding-right: 
5px;
  padding-left: 5px;
    padding-top: 5px;
    width: 280px;
}

.twitterdiv h3{

    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
   
}
.twitterdiv a {
 color: #183f8c;
    font-size: 10px;
}
.twitter_update_list {
    border-bottom: 1px dashed #CCCCCC;
    color: #666666;
    font-family: Verdana;
    font-size: 9px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    text-align: right;
    width:240px;
}
#twitter_update_list li {
    border-bottom: 1px dashed #CCCCCC;
    color: #666666;
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
   width:240px;
}

#twitter_update_list li a{
  color: #183f8c;
    font-size: 10px;
 
}
 


.twitter2 a {
    color: #183f8c;
}

.twitterdiv2 h3{

    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
   
}
.twitterdiv2 a {
 color: #183f8c;
    font-size: 10px;
}
.twitter_update_list {
    border-bottom: 1px dashed #CCCCCC;
    color: #666666;
    font-family: Verdana;
    font-size: 9px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    text-align: right;
    width:240px;
}
#twitter2_update_list li {
    border-bottom: 1px dashed #CCCCCC;
    color: #666666;
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
   width:240px;
}
}
#twitter2_update_list li a{
  color: #183f8c;
    font-size: 10px;
 
}
 
#content2 {
border-top: 1px solid #CCCCCC;
    display: inline;
    float: left;
    margin-top: 49px;
    width: 100%;


}

.twitter2 a {
    color: #183f8c;
}

.grid {

}

.navigation
{
width:100%;
height:100%;
}



.esgbox-wrap, .esgbox-skin, .esgbox-outer, .esgbox-inner, .esgbox-image, .esgbox-wrap iframe, .esgbox-wrap object, .esgbox-nav, .esgbox-nav span, .esgbox-tmp {
    border: 0 none;
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: top;
}
.esgbox-wrap {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8020;
}
.esgbox-skin {
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 4px;
    color: #444;
    position: relative;
    text-shadow: none;
}
.esgbox-opened {
    z-index: 8030;
}
.esgbox-opened .esgbox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.esgbox-outer, .esgbox-inner {
    position: relative;
}
.esgbox-inner {
    overflow: hidden;
}
.esgbox-type-iframe .esgbox-inner {
}
.esgbox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.esgbox-image, .esgbox-iframe {
    display: block;
    height: 100%;
    width: 100%;
}
.esgbox-image {
    max-height: 100%;
    max-width: 100%;
}
#esgbox-loading, .esgbox-close, .esgbox-prev span, .esgbox-next span {
    background-image: url("../images/esgbox_sprite.png");
}
#esgbox-loading {
    background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    z-index: 8060;
}
#esgbox-loading div {
    background: url("../images/esgbox_loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 44px;
    width: 44px;
}
.esgbox-close {
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index: 8040;
}
.esgbox-nav {
    background: url("../images/blank.gif") repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 40%;
    z-index: 8040;
}
.esgbox-prev {
    left: 0;
}
.esgbox-next {
    right: 0;
}
.esgbox-nav span {
    cursor: pointer;
    height: 34px;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    visibility: hidden;
    width: 36px;
    z-index: 8040;
}
.esgbox-prev span {
    background-position: 0 -36px;
    left: 10px;
}
.esgbox-next span {
    background-position: 0 -72px;
    right: 10px;
}
.esgbox-nav:hover span {
    visibility: visible;
}
.esgbox-tmp {
    left: -99999px;
    max-height: 99999px;
    max-width: 99999px;
    overflow: visible !important;
    position: absolute;
    top: -99999px;
    visibility: hidden;
}
.esgbox-lock {
    overflow: hidden !important;
    width: auto;
}
.esgbox-lock body {
    overflow: hidden !important;
}
.esgbox-lock-test {
    overflow-y: hidden !important;
}
.esgbox-overlay {
    background: url("../images/esgbox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 8010;
}
.esgbox-overlay-fixed {
    bottom: 0;
    position: fixed;
    right: 0;
}
.esgbox-lock .esgbox-overlay {
    overflow-x: auto;
    overflow-y: scroll;
}
.esgbox-title {
    font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    visibility: hidden;
    z-index: 8050;
}
.esgbox-opened .esgbox-title {
    visibility: visible;
}
.esgbox-title-float-wrap {
    bottom: 0;
    margin-bottom: -35px;
    position: absolute;
    right: 50%;
    text-align: center;
    z-index: 8050;
}
.esgbox-title-float-wrap .child {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 24px;
    margin-right: -100%;
    padding: 2px 20px;
    text-shadow: 0 1px 2px #222;
    white-space: nowrap;
}
.esgbox-title-outside-wrap {
    color: #fff;
    margin-top: 10px;
    position: relative;
}
.esgbox-title-inside-wrap {
    padding-top: 10px;
}
.esgbox-title-over-wrap {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
#esgbox-loading, .esgbox-close, .esgbox-prev span, .esgbox-next span {
    background-image: url("../images/esgbox_sprite@2x.png");
    background-size: 44px 152px;
}
#esgbox-loading div {
    background-image: url("../images/esgbox_loading@2x.gif");
    background-size: 24px 24px;
}
}
#esgbox-buttons {
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 8050;
}
#esgbox-buttons.top {
    top: 10px;
}
#esgbox-buttons.bottom {
    bottom: 10px;
}
#esgbox-buttons ul {
    background: -moz-linear-gradient(center top , rgb(68, 68, 68) 0%, rgb(52, 52, 52) 50%, rgb(41, 41, 41) 50%, rgb(51, 51, 51) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #111;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
    display: block;
    height: 30px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    width: 166px;
}
#esgbox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}
#esgbox-buttons a {
    background-color: transparent;
    background-image: url("../images/esgbox_buttons.png");
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    opacity: 0.8;
    outline: medium none;
    text-indent: -9999px;
    width: 30px;
}
#esgbox-buttons a:hover {
    opacity: 1;
}
#esgbox-buttons a.btnPrev {
    background-position: 5px 0;
}
#esgbox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}
#esgbox-buttons a.btnPlay {
    background-position: 0 -30px;
}
#esgbox-buttons a.btnPlayOn {
    background-position: -30px -30px;
}
#esgbox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px;
}
#esgbox-buttons a.btnToggleOn {
    background-position: -27px -60px;
}
#esgbox-buttons a.btnClose {
    background-position: -56px 0;
    border-left: 1px solid #111;
    width: 35px;
}
#esgbox-buttons a.btnDisabled {
    cursor: default;
    opacity: 0.4;
}
#esgbox-thumbs {
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 8050;
}
#esgbox-thumbs.bottom {
    bottom: 2px;
}
#esgbox-thumbs.top {
    top: 2px;
}
#esgbox-thumbs ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#esgbox-thumbs ul li {
    float: left;
    opacity: 0.5;
    padding: 1px;
}
#esgbox-thumbs ul li.active {
    border: 1px solid #fff;
    opacity: 0.75;
    padding: 0;
}
#esgbox-thumbs ul li:hover {
    opacity: 1;
}
#esgbox-thumbs ul li a {
    background: none repeat scroll 0 0 #111;
    border: 1px solid #222;
    display: block;
    outline: medium none;
    overflow: hidden;
    position: relative;
}
#esgbox-thumbs ul li img {
    border: 0 none;
    display: block;
    max-width: none;
    padding: 0;
    position: relative;
}
.esgbox-title iframe {
    min-height: 30px;
    vertical-align: middle;
}
.esgbox-type-iframe .esgbox-nav {
    width: 60px;
}
.esgbox-type-iframe .esgbox-nav span {
    opacity: 0.5;
    visibility: visible;
}
.esgbox-type-iframe .esgbox-nav:hover span {
    opacity: 1;
}
.esgbox-type-iframe .esgbox-next {
    right: -60px;
}
.esgbox-type-iframe .esgbox-prev {
    left: -60px;
}

