/*  



Theme Name: Huston_Christian



Theme URI: http://www.houstonchristianmagazine.com/



Description: A magazine-style layout for Wordpress Redesigned by <a href="http://www.houstonchristianmagazine.com/">Houston Christian Magazine</a>.



Version: 1.0



Author: Houston Christian Magazine



Author URI: http://www.houstonchristianmagazine.com/



*/







/*========= SETUP =========*/







*{



	border: 0;



	margin: 0;



	padding: 0;



}



body{



	color: #666666;



	background-color: #ffffff;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	line-height: 18px;



}



a{



	color: #000000;



	text-decoration: none;



}



a:hover{



	text-decoration: underline;



}



input,select,textarea{



	border: #999999 1px solid;



	font-size: 12px;



	padding: 2px;



}



select{



	padding: 0;



}



li{



	list-style: none;



}







/*========= LAYOUT =========*/







#page{



	width: 960px;



	background-color: #FFFFFF;



	margin:15px auto;



	border: 1px solid #ffffff;



}







/*--- Main Columns ---*/







#columns{



	padding:15px 15px 25px;



	background-color: #FFFFFF;



	margin: 0px;



}



.col1{



	float: left;



	width: 595px;



	padding-right:15px;



}



.col2{



	float: left;



	width: 320px;



}







/*--- Sub Columns ---*/







.subcol{



	width: 150px;



}



.subcol h2{



	font-size: 14px;



	padding: 0 0 10px;



	color: #FFFFFF;



}







/*========= HEADER =========*/







/*- Page Navigation -*/







#nav{



	height: 30px;



	padding: 2px 0px !important;



	background-color: #FFFFFF;



	margin:15px 15px 0px !important;



	border-top:1px solid #ddd;



	border-bottom:1px solid #ddd;



	width: 930px !important;



}



#nav-left {



	float:left;



	display:inline;



	width:600px;



	}



#nav-right {



	float:right;



	display:inline;



	width:330px;



	margin:0px !important;



	padding:0px !important;



	}



#nav ul {



	position: relative;



	height: 30px;



	overflow: hidden;



}



#nav ul  li {



    float: left;



    list-style: none;



	font-weight:bold;



	font-size:14px;	



}



#nav .current_page_item {



	height:30px;



}



#nav .current_page_item a {



	color: #FFFFFF;



}



#nav ul  li.back {



	width: 9px;



	height: 30px;



	z-index: 8;



	position: absolute;



}







#nav ul  li a {



	text-decoration: none;



	outline: none;



	text-align: center;



	top: 6px;



	letter-spacing: 0;



	z-index: 10;



	display: block;



	float: left;



	height: 26px;



	position: relative;



	overflow: hidden;



	margin: auto 15px !important;



	margin: auto 7px;



	font-weight: bold;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	text-transform: uppercase;



}



#nav ul  li a:hover, #nav ul  li a:active, #nav ul  li a:visited {



	border: none;



}      







/*- Category Navigation -*/







#nav2, #nav2 * {



	margin:0;



	padding:0;



	list-style: none;



	



}



#nav2 {



	height: 30px;



	font-weight:bold;



	font-size:14px;



	line-height: 30px;



	margin:0px 15px;



	border:1px solid #ddd;



}



#nav2 li {



	line-height: 30px;



	float: left;



	list-style:none;



}



#nav2 li a {



	color: #666666;



	display: block;



	padding: 0 13px;



	font-size: 11px;



	font-weight: bold;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	line-height: 30px;



	border-right:1px solid #ddd;



}



#nav2 li a:hover {



	text-decoration: none;



}



#nav2 li ul {



	position:absolute;



	left: -999em;



	width:15em;



}



#nav2 li:hover ul, #nav2 li.sfhover ul {



	left:auto;



	z-index:10 !important;



}



#nav2 li ul li {



	display:block !important;



	width:15em;



	border:1px solid #ddd !important;



	border-top:none !important;



	background:#fff;



}







/*- Search -*/







#search{



	float: right;



	height: 27px;



	width:310px;



	margin: 3px 0px 0px !important;



	padding:0px !important;



}



* html #search{



	margin-right: 8px;



}



#search input{



	background: #ffffff;



	border: 1px solid #eee;



	color: #000000;



	float: left;



	font-size: 11px;



	width:223px;



	margin:1px 0px 0px;



	padding: 3px 4px 4px;



}



#search .btn{



	padding: 0;



	height:22px;



	width: auto;



	margin:1px 0px 0px 5px !important;



	border:none;



	width:69px;



}







/*- Header -*/







#header{



	height: 100px;



	background-color: #ffffff;



	margin: 0 15px;



	padding: 0px;



}







/*- Logo -*/







#header h1{



	float: left;



	display:inline;



	line-height: 100px;



	font-size: 24px;



}



#header h1 a{



	display: block;



	height: 93px;



	width: 389px;



	color: #000000;



	font-size: 28px;



}







/*- Top Banner -*/







#topbanner {



	float: right;



	width: 468px;



	padding:20px 0px 0px;



}







#topbanner img{



	float: right;



}







/*- RSS -*/







#rss a{



	color: #666666;



}



#rss h2{



	padding:10px;



	font-size:14px;



	margin-bottom:10px;



}



#rss ul{



	margin: 0px;



	padding: 10px;



	float:left;



}



#rss li{



	margin: 0px;



	border:none !important;



	padding: 5px;



}



#rss img{



	float: right;



	padding-left: 10px;



	margin-top: 5px;



}







/*========= FEATURED POSTS (FRONT-PAGE) =========*/







/* See slideshow.css */







/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/







#video-frame {



	background:#eee;



	float:left;



	width:583px;



	height:auto;



	margin:15px 0px 0px;



	padding: 5px;



	border: 1px solid #ddd;



	}



.video-left {



	float:left;



	width:285px !important;



	display:inline;



	background-color:#FFFFFF;



	}



.video-left p {



	padding:0px !important;



	margin:0px !important;



	}



.video-left h2 {



	display:none;



	}



.video-right {



	float:right;



	width:273px;



	display:inline;



	background-color:#FFFFFF;



	padding: 10px;



	}



.video-right h2{



	color: #000000;



	font-size:11px;



	line-height:normal;



	font-weight:bold !important;



	margin:0 !important;



	padding-top: 0px;



	padding-right: 0px;



	padding-bottom: 5px;



	padding-left: 0px;



	}



.video-right p{



	color: #666;



	font-size:11px;



	line-height:12px;



	margin-top: 10px;



	margin-right: 0;



	margin-bottom: 0px;



	margin-left: 0;



	padding-top: 0;



	padding-right: 0;



	padding-bottom: 20px;



	padding-left: 0px;



	}



.video-right h3{



	font-style: normal !important;



	font-weight: bold;



	font-size:18px;



	line-height:20px;



	padding-bottom: 0px;



	}



.video-right .mootabs_title {



	border-top:1px solid #FFF;



	list-style:none;



	margin:0px;



	padding:0px;



	}



.video-right .mootabs_title li {



	color:#000;



	font-weight:normal;



	font-size:11px;



	text-decoration:none;



	display:block;



	padding:10px;



	border: 1px solid #dddddd;



	background:#f7f7f7;



	line-height:10px;



	cursor: pointer;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 5px;



	margin-left: 0px;



	}



.video-right .mootabs_title li:hover, .video-right .mootabs_title li.active {



	background:#dddddd url(images/ico-watch.gif) right center no-repeat !important;



	}







/*========= BLOG POST STYLING =========*/







/*=== Small Box Post ===*/



.post{



	margin: 0;



}



.post h2{



	font-size: 18px;



	padding: 0 0 5px;



}



.post h3{



	font-size: 14px;



}



.post h3 a{



	color: #000000;



}



.post p{



	padding: 0 0 15px;



	line-height: 15px;



}







/*- Box -*/



.box{



	clear: both;



	height: 1%;



	padding-top: 15px;



	padding-right: 0;



	padding-bottom: 15px;



	padding-left: 0;



	margin: 0;



}



.box .post{



	width: 280px;



	background-color: #ffffff;



	border:1px solid #ddd;



}



.box .post h2 a{



	color:#333333;



}



.box .post h2{



	font-size: 18px;



	padding: 10px;



	line-height: 20px;



}



.box .post p{



	font-size: 11px;



	line-height: 16px;



	padding: 0px 10px 10px;



}







.box .post img{



	border: 1px solid #dddddd;



	float: right;



	padding: 5px;



	background-color: #FFFFFF;



	margin: 10px;



}







/*=== Traditional Blog Post ===*/



.post-alt{



	margin: 0 0 15px 0;



	



}



.post-alt h2{



	font-size: 24px;



	padding: 0;



	color:#000000;



	line-height: 26px;



}



.post-alt h3{



	font-size: 13px;



	padding-bottom: 5px;



	line-height: 18px;



	color: #000000;



}



.post-alt h4{



	font-size: 14px;



	padding-bottom: 5px;



	line-height: 16px;



}



.post-alt h3 a, .post-alt h2 a{



	color: #000000;



}



.post-alt p{



	padding: 0 0 15px;



}



.post-alt h3.post_date{



	color: #999999;



	padding: 5px 0px 10px;



	font-size: 12px;



	font-weight: normal;



}



h3.posted{



	font-size: 11px;



	color: #666666;



	font-style: normal;



	font-weight: normal;



	line-height: 15px;



	background-color: #eeeeee;



	padding: 5px;



	margin-top: 10px;



	text-align: right;



	border-top:1px solid #ddd;



	border-bottom:1px solid #ddd;



}



h3.posted a {



	color: #000000;



	font-size:11px;



}



/*=== Buttons ===*/



.continue{



	background: url(images/ico-arrow.gif) no-repeat left;



	font-weight:bold;



	padding-left: 15px;



}



.comments {



	padding-bottom:0px !important;



}



.comments a{



	background: url(images/ico-comm.gif) no-repeat left;



	color: #000000;



	font-weight:normal;



	font-size:11px;



	padding:0px 0px 0px 18px;



	margin-left:5px;



}



a.more{



	background: url(images/ico-arrow2.gif) no-repeat right;



	color: #c0c0c0;



	font-size: 1.2em;



	font-weight: bold;



	padding: 0 20px 0 0;



}



/*=== Traditional Blog Post ===*/



.navigation {



}



.navigation a {



	color: #c0c0c0;



	font-size: 1.2em;



	font-weight: bold;



}



.alignleft{



	display:inline;



	float:left;



}



.alignright{



	display:inline;



	float:right;



}







/*========= ARCHIVE SPECIFIC =========*/







#archivebox {



	margin-bottom:25px;



	padding:10px;



	color:#000 !important;



}



#archivebox h4, #archivebox h3, #archivebox h2{



	color:#333333;



}



#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{



	font-weight: normal;



}



#archivebox a, #archivebox h2 {



	color:#000;



}



.archivefeed {



	margin-top:10px;



	padding-bottom:0px;



}



.archivefeed a {



	background:url(images/ico-arcfeed.gif) center left no-repeat;



	height:20px;



	color:#000;



	font-weight:bold;



	font-size: 11px;



	font-weight: normal;



	padding:3px 0px 1px 22px;



}



.arclist{



	width: 260px;



	margin:0px 0px 25px;



	padding:5px 0px 0px;



	border-bottom: 1px solid #eee;



}



.arclist h2{



	color: #000;



	padding:0px 0px 15px;



}







.arclist ul li{



	color:#c0c0c0;



	font-size:12px;



	padding:8px 0 8px 10px;



	border-top:1px solid #eee;



}







/*========= SINGLE POST SPECIFIC =========*/







.singletags {



	margin-top:5px;



	font-weight:bold;



	color:#000 !important;



}



.singletags a { font-weight: normal !important; }



.entry p{



	text-align:left;



	font-size:12px;



	line-height:18px;



	}



.entry blockquote {



	padding: 10px;



	border: 1px solid #ddd;



	color:#000;



	width:85%;



	background-color: #f7f7f7;



	font-style: italic;



	margin:5px auto 15px;



	}



.entry blockquote p {



	font-size:12px;



	padding: 5px 0px;



	margin: 5px 0px;



	line-height: 20px;



	}



.entry img {



	padding: 4px;



	border: 1px solid #dddddd;



	float:left;



	display:inline;



	background-color: #FFFFFF;



	margin-right: 15px;



	margin-bottom: 15px;



	}



.entry ul, .entry ol {



	margin-bottom:15px;



	font-size:12px;



	line-height:20px;



	}



.entry ul li ul, .entry ol li ol{



	margin-bottom:0px;



	padding-top:3px;



	}



.entry ul li {



	list-style:circle inside !important;



	margin-left:15px;



	padding:3px 0px;



	}



.entry ul li ul li {



	list-style:disc inside !important;



	}



.entry ol li {



	list-style:decimal inside !important;



	font-size:12px;



	padding:3px 0px;



	}



.entry ol li ol li {



	list-style:decimal-leading-zero inside !important;



	}











/*========= COMMENTS =========*/







h2.commh2{



	font-size: 1.4em;



	padding: 0 0 5px;



	font-weight:bold !important;



}



ol.commentlist{



	margin: 10px 0 20px;



	padding: 0;



	list-style: none;



	font-size: 12px;



	line-height: 20px;



}



ol.commentlist p{



	margin-bottom:10px;



	line-height: 20px;



}



ol.commentlist cite{



	font-style: normal;



	font-weight: bold;



}



ol.commentlist li{



	padding: 20px 10px 10px 10px;



}



ol.commentlist li.alt{



	padding: 10px 10px 0 10px !important;



	background:#f7f7f7;



	border:1px solid #eee;	



}







/*========= SIDEBAR =========*/







#mpu_banner {



	width:300px;



	height:250px;



	background-color:#eeeeee;



	margin-bottom:15px;



	padding: 9px;



	border: 1px solid #dddddd;



}







/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/







.sideTabs {



	width:308px !important;



	height:auto !important;



	min-height:258px;



	padding:5px;



	border:1px solid #ddd;



	background-color:#eeeeee;



	float:left;



	display: block;



}



.col2 .mootabs_title{



	font-size: 12px;



	width: 100%;



	float:left;



}



.col2 .mootabs_title li{



	float: left;



	display:inline;



	font-size: 11px;



	line-height: 34px;



	background: #ffffff;



	color: #0031A1;



	border:1px solid #ddd;



	font-weight: bold;



	font-size: 11px;



	margin:0px 2px 0px 0px !important;



	padding:0px 5px !important;



	cursor: pointer;



}



.col2 .mootabs_title li:hover, .col2 .mootabs_title li.active{



	border: 1px solid #ddd;



	text-decoration: none;



}



.col2 .mootabs_panel {



	display: none;



	clear: both;



	float:left;



	height:auto !important;



}



.col2 .mootabs_panel.active {



	display: block;



	float:left;



}



.col2 .mootabs_panel ul{



	width: 296px !important;



	padding:5px !important;



	border:1px solid #ddd !important;



	margin:5px 0px 0px !important;



	background-color: #FFFFFF;



	min-height:203px;



	}



.list1 li,.list2 li, .list3 li{



	padding: 6px 0 6px 25px;



	border-bottom: 1px solid #eee;



}



.list1 li a,.list3 li a,.list4 li a, .list5 li a{



	color: #666666;



	font-size: 12px;



}



.list3 li {



	background: url(images/ico-mostcomm.gif) no-repeat left center !important;



	}



.list5 li{



	border-bottom: 1px solid #eee;	



	padding:6px 0px;



}



/*- Ads -*/



.ads{



	border: 1px solid #ddd;



	width:308px;



	padding: 5px;



	margin:0 0 15px;

        overflow: auto;



}



.ads img{



	float: left;



	margin:0 5px 0 0;



}



.ads img.last{



	margin: 0;



}







/*=== Styling Widget Lists ===*/







.widget h2 {



	padding: 5px;



}



.widget ul {



	margin:0 0 10px 0;



	padding:5px 0;



	border:none !important;



}



.widget ul li {



	border-bottom: 1px solid #eee;



	padding:5px 0 5px 5px;



	margin:0px;



}



.widget ul li a {



	color: #000000;



}







/*========= FOOTER =========*/







#footer{



	clear: both;



	color: #666666;



	height: 35px;



	line-height: 35px;



	margin:0px 15px 15px;



	padding:0px 15px;



	background-color: #f7f7f7;



	border: 1px solid #ddd;



}







/*========= MISC =========*/







.fix{



	clear: both;



	height: 1px;



	margin: 0 0 -1px;



	overflow: hidden;



}



.hl{



	border-bottom: 2px solid #eee;



}



.hl-full{



	float:left;



	clear:both;



	height:1px;



	width:100%;



	padding:0 !important;



	margin:0px 0px 15px;



}



.hl2{



	border-bottom: 3px solid #c0c0c0;



}







.blog{



	width:100% !important;



	float:left;



}



.between{



	height:2px;



	margin-bottom:15px;



	}



.fl{



	float: left;



}



.fr{



	float: right;



}



.ac{



	text-align: center;



}



.ar{



	text-align: right;



}



.th{



	border: 1px solid #dddddd;



	float: left;



	padding: 5px;



	background-color: #FFFFFF;



	margin-top: 0px;



	margin-bottom: 10px;



	margin-right: 10px;



}







table#wp-calendar {



	border-collapse: collapse;



	margin: 0px;



	padding: 0px;



}







table#wp-calendar a {



	color:#000000; 



}







table#wp-calendar caption { 



	font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; 



}



table#wp-calendar th { 



	width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; 



}



table#wp-calendar td { 



	width: 26px; line-height: 1.66667em; color: #999; text-align: center; 



}



table#wp-calendar td#next, table#wp-calendar td#prev { 



	width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; 



}



.gravatar {



	float:left;



	border: 1px solid #000;



	margin-right: 10px;



}























/*    Default  */







a{



	color: #000;



}



.subcol h2{



	color: #fff;



}



.nav2 li:hover,



.nav2 li.sfHover,



.nav2 li.current,



.nav2 a:focus, .nav2 a:hover, .nav2 a:active {



	color: #333333;



}



.featured h3 a:hover {



	color:#000;



}



.video-right h2{



	color: #000;



}



.catlist h2{



	color: #fff;



	background-color: #CC0000;



	background-image: url(default/ico-catlist.gif);



	background-repeat: no-repeat;



	background-position: right center;



}



#nav .current_page_item {



	background-color: #0031A1;



	color: #FFFFFF;



}



#nav ul  li.back {



	background-color: #CC0000;



	color: #FFFFFF;



}







#nav ul  li a {



	color: #0031A1;



}



#nav2 {



	background-color: #ffffff;



	border-bottom:5px solid #0031A1;



}



#nav2 li a:hover {



	background:#0031A1;



	color:#fff;



}



.video-right h3{



	color: #CC0000;



}	



.col2 .mootabs_title li:hover, .col2 .mootabs_title li.active{



	color: #FFFFFF;



	background-color: #0031A1;



}



.flickr h2{



	background-color: #CC0000;



	color: #FFFFFF;



}



.widget h2 {



	color: #FFFFFF;



	background-color: #0031A1;



}



#footer a{



	color: #0031A1;



}



#archivebox {



	background-color: #0031A1;



	border: 1px solid #0031A1;



}



#archivebox h4 em, #archivebox h2 em, #archivebox h3 em{



	color:#CC0000;



}



.list1 li, .list3 li{



	background: url(default/ico-star.gif) no-repeat left center !important;



}



.list2 li{



	background: url(default/ico-feat.gif) no-repeat left center !important;



}



#rss h2{



	background-color: #f5cccc;



	border: 1px solid #e06666;



	color:#000000;



}











/*   Slide Show   */











#myGallery, #myGallerySet, #flickrGallery



{



	width: 595px;



	height: 270px;



	z-index:5;



	background-color: #000000;



	color: #FFFFFF;



	padding:0px !important;



	margin-bottom: 0px;



	display: hidden;



}







#flickrGallery



{



	width: 500px;



	height: 334px;



}







#myGallery img.thumbnail, #myGallerySet img.thumbnail



{



	display: none;



}







.jdGallery



{



	overflow: hidden;



	position: relative;



}







.jdGallery img



{



	border: 0;



	margin: 0;



	padding: 0;



}







.jdGallery .slideElement



{



	width: 100%;



	height: 100%;



	background-color: #000;



	background-repeat: no-repeat;



	background-position: center center;



	background-image: url('images/loading-bar-black.gif');



}







.jdGallery .loadingElement



{



	width: 100%;



	height: 100%;



	position: absolute;



	left: 0;



	top: 0;



	background-color: #000;



	background-repeat: no-repeat;



	background-position: center center;



	background-image: url('images/loading-bar-black.gif');



}







.jdGallery .slideInfoZone



{



	position: absolute;



	z-index: 10;



	margin: 0px !important;



	left: 0px !important;



	bottom: 0px !important;



	height: 60px !important;



	background: #000;



	color: #fff;



	text-indent: 0;



	overflow: hidden;



	padding: 10px;



	width:575px;



}







* html .jdGallery .slideInfoZone



{



	bottom: -1px;



}







.jdGallery .slideInfoZone h2



{



	padding: 0;



	font-size: 16px;



	margin: 0;



	font-weight: bold;



	color: #FFFFFF;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 10px;



	margin-left: 0px;



}







.jdGallery .slideInfoZone p



{



	padding: 0;



	font-size: 12px;



	margin: 0px;



	color: #FFFFFF;



	line-height: 16px;



}







.jdGallery div.carouselContainer



{



	position: absolute;



	height: 135px;



	width: 100%;



	z-index: 10;



	margin: 0px;



	left: 0;



	top: 0;



}







.jdGallery a.carouselBtn



{



	position: absolute;



	bottom: 0;



	right: 30px;



	height: 20px;



	/*width: 100px; background: url('images/carousel_btn.gif') no-repeat;*/



	text-align: center;



	padding: 0 10px;



	font-size: 13px;



	background: #000;



	color: #fff;



	cursor: pointer;



	display: none;



}







.jdGallery .carousel



{



	position: absolute;



	width: 100%;



	margin: 0px;



	left: 0;



	top: 0;



	height: 115px;



	background: #000;



	color: #fff;



	text-indent: 0;



	overflow: hidden;



}







.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 .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail



{



	cursor: pointer;



	background: #000;



	background-position: center center;



	float: left;



	border: solid 1px #fff;



}







.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;



	margin: 0;



}







.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton



{



	font-size: 10px;



	position: absolute;



	bottom: 5px;



	right: 10px;



	padding: 1px 2px;



	margin: 0;



	background: #222;



	border: 1px solid #888;



	cursor: pointer;



}







.jdGallery .carousel .label .number, .jdExtCarousel .label .number



{



	color: #b5b5b5;



}







.jdGallery a



{



	font-size: 100%;



	text-decoration: none;



	color: inherit;



}







.jdGallery a.right, .jdGallery a.left



{



	position: absolute;



	height: 70%;



	width: 30%;



	cursor: pointer;



	z-index:10;



	filter:alpha(opacity=20);



	-moz-opacity:0.2;



	-khtml-opacity: 0.2;



	opacity: 0.2;



}







* html .jdGallery a.right, * html .jdGallery a.left



{



	filter:alpha(opacity=50);



}







.jdGallery a.right:hover, .jdGallery a.left:hover



{



	filter:alpha(opacity=80);



	-moz-opacity:0.8;



	-khtml-opacity: 0.8;



	opacity: 0.8;



}







.jdGallery a.left



{



	left: 10px;



	top: 0;



	background: url('images/fleche1.png') no-repeat center left;



}







* html .jdGallery a.left { background: url('images/fleche1.gif') no-repeat center left; }







.jdGallery a.right



{



	right: 10px;



	top: 0;



	background: url('images/fleche2.png') no-repeat center right;



}







* html .jdGallery a.right { background: url('images/fleche2.gif') no-repeat center right; }







.jdGallery a.open



{



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



}







.withArrows a.open



{



	position: absolute;



	top: 0;



	left: 25%;



	height: 80%;



	width: 50%;



	cursor: pointer;



	z-index: 10;



	background: none;



	-moz-opacity:0.8;



	-khtml-opacity: 0.8;



	opacity: 0.8;



}







.withArrows a.open:hover { background: url('images/open.png') no-repeat center center; }







* html .withArrows a.open:hover { background: url('images/open.gif') no-repeat center center;



	filter:alpha(opacity=80); }



	



	



/* Gallery Sets */







.jdGallery a.gallerySelectorBtn



{



	z-index: 15;



	position: absolute;



	top: 0;



	left: 30px;



	height: 20px;



	/*width: 100px; background: url('images/carousel_btn.gif') no-repeat;*/



	text-align: center;



	padding: 0 10px;



	font-size: 13px;



	background: #000;



	color: #fff;



	cursor: pointer;



	opacity: .4;



	-moz-opacity: .4;



	-khtml-opacity: 0.4;



	filter:alpha(opacity=40);



}







.jdGallery .gallerySelector



{



	z-index: 20;



	width: 100%;



	height: 100%;



	position: absolute;



	top: 0;



	left: 0;



	background: #000;



}







.jdGallery .gallerySelector h2



{



	margin: 0;



	padding: 10px 20px 10px 20px;



	font-size: 20px;



	line-height: 30px;



	color: #fff;



}







.jdGallery .gallerySelector .gallerySelectorWrapper



{



	overflow: hidden;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton



{



	margin-left: 10px;



	margin-top: 10px;



	border: 1px solid #888;



	padding: 5px;



	height: 40px;



	color: #fff;



	cursor: pointer;



	float: left;



}







.jdGallery .gallerySelector .gallerySelectorInner div.hover



{



	background: #000;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview



{



	background: #000;



	background-position: center center;



	float: left;



	border: none;



	width: 40px;



	height: 40px;



	margin-right: 5px;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3



{



	margin: 0;



	padding: 0;



	font-size: 14px;



	font-weight: normal;



}







.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info



{



	margin: 0;



	padding: 0;



	font-size: 12px;



	font-weight: normal;



	color: #aaa;



}















#writer {



	background:#f7f7f7;



	margin:15px 0;



	padding:12px;



	border:1px solid #CCDDE6;



}



#writer img {



	padding:1px;



	border:1px solid #CCDDE6;



	float:left;



	width:80px;



}



#writer span {



	display:block;



	padding-top:4px;



	border-top:1px solid #CCDDE6;



	margin-top:12px;



}



#writer p {



	margin:0;



	width:550px;



}







.clearfloat:after {



	display:block;



	visibility:hidden;



	clear:both;



	height:0;



	content:".";



}



.clearfloat {



	display:inline-block



}



.clearfloat {



	display:block



}







h3#respond {



	border-top:1px dotted #b6b6b6;



	margin-top:25px;



	padding-top:20px



}















#leftcol {



	width:290px;



	padding-right:10px



}







#leftcol, #rightcol {



	margin-top:10px;



	float:left;



}	







#rightcol {



	width:280px;



	padding-left:10px;



}







.subscribe {



text-align:right;



text-decoration:none; 



background-color:#FFFFFF;  



font-family:Arial, Helvetica, sans-serif; 



font-size:12px; color:#676767; 



text-align:right; 



float: right; 



border:none; 



}



.subscribe a:hover, .subscribe a:active, .subscribe a:visited {



	border: none;



	background-color:#FFFFFF;



	text-decoration:none;



}