/* 
Theme Name: Tribune Juive Responsive 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 34 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support

*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');


body{
	background:#f8f8f8;
	color:#333333;
	font-family:Arial,sans-serif; 
}


img.wp-post-image, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail {
	display: block;
	margin: 0px auto;
	width: auto;
}

select, input[type="text"], input[type="password"], input[type="email"], area, textarea {
	border-color: #00a3e6;
	border-radius: 0 0 0 0;
	box-shadow:none;
	padding: 0.4em;
}

h1 {
	line-height:auto;
	font-size:1.5em;
	padding-left:0;
	padding-bottom:0.3em;
	margin:0 0 0.4em;
	border-bottom:2px solid #00a3e6;
}

h5 {
	
	font-size:1.125em;
	line-height:1.500em;
	margin-top:1.500em;
	margin-bottom:1.500em;
	font-weight:700;
	
}


/* Browser Resets */


h3.flexslider-title {

text-transform: uppercase;
font-size: 1.2em;
position: absolute;
top: 0;
left: 0.8em;
padding: 0.05em 0.4em;
background-color: #00a3e6;
color: #fff;
z-index: 1000;
}



p{
	margin-bottom:1em;
}

a {
	color:#00a3e6;
}

.navigation a {
	color:#FFFFFF;
	font-size:14px;
	background-color:#333333;
	padding:10px;
}

.navigation a:hover {
	background-color:#00a3e6;
	color:#FFFFFF;
}

#container {
	border:none;
}

#content {
	background-color:#fff;
	margin-top:0;
	padding:1.67em;
	width:61%
}

#wrapper {
	border:none;
	background:none;
	padding:0
}

/* Newsman Widget : signature */
.newsman-widget p{
	display:none
}

/* Ad rotate Styling Hack Adrotate non responsive par default
------------------------------------------------------------ */

	#adrotate_widgets-15{
		margin-bottom:2em
	}

	div.adrote_advblock{
		float:none;
		text-align:center;
	}


	.adrote_advblock {
		margin-left:auto !important;
		margin-right:auto !important;
	}

	.adrote_advadvert {
		margin-left:auto !important;
		margin-right:auto !important;
	}


	.adrote_advblock {
		width:100% !important;
	}


	.adrote_advadvert {
		width:100% !important;
	}


/* #top-header
------------------------------------------------------------ */

	#top-header{
		display:block;
		background:#e6e6e6;
		height:35px;
		border-bottom: 3px solid #00a3e6;
		padding-top:3px;
		overflow: hidden !important;
	}

	#top-header .col-260 {
		text-align: center;
		float: none; 
	}

	#top-header ul.social-icons li{
		display: inline;
		padding-right:0.5em;
	}

	#top-header ul{
		float:right;
		display:block;
		padding-top:0.2em;
	}

	.container-3cols-header{
		clear:both;
	}

	#socialcounter{
		position: absolute; bottom: 0; left: 0;
	}
	
/* Header
------------------------------------------------------------ */

	#header{
		display: block;
		min-height: 40px;
		padding:1em 0;
		margin:0;
    	text-align: center;
    	background-color: #FFF;
    	min-height:8em;
    }
	
	#header .yelp-icon,
	#header  .vimeo-icon, 
	#header  .youtube-icon, 
	#header .twitter-icon,
	#header .facebook-icon, 
	#header .linkedin-icon, 
	#header .rss-feed-icon, 
	#header .instagram-icon,
	#header .pinterest-icon, 
	#header .foursquare-icon,
	#header .google-plus-icon, 
	#header .stumble-upon-icon {
		display: inline;
		margin: 1px;
		padding-left: 3px;
	}

	#header .col-460{
		text-align: center;
	}
	
	#side-header-right, #side-header-right{
		height:90px;
		text-align:center;
		position: relative;
	}
	
	#header .widget-wrapper{
		border-radius:0;
	}


/* = BRANDING 
---------------------------------------------------------------*/
	
	/* logo */
    #logo {
	    float: none;
	    display:block;
		margin:auto;
		padding-top:10px;
		font-size:0.8em;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#333333;
    }
	
	#branding .widget-wrapper{
		padding-top:2em;
		margin:0;
		border:none;
		text-align: center;
	}

	#branding-left.col-220.grid {
		width: 24.4043%;
		display: inline;
		margin-right: 0.5%;
		margin-bottom:0;
		padding: 0;
	}
	
	
	/* = Widget Search-2 */	
	#branding .widget-wrapper#search-2 {
		padding:1.9em 0 0 0;
		text-align: right;
	}	
		
	
/* = Widget-BAR Sous-titre
---------------------------------------------------------------*/
	
	#sousTitre-widgets{
		background-color:#00a3e6;
		padding:0.4em;
		margin-bottom:0.5em
	}
	
	#sousTitre-widgets > div:first-child{
		margin-right:15% !important;
		float:left;
		width:45%;
		padding-left:1em
	}
	
	#sousTitre-widgets > div:nth-child(2){
		width:25%;
		float:right;
	}
	
	#sousTitre-widgets > div:last-child{
		clear:both;
		float:none
	}
	
	#sousTitre-widgets input[type="text"]{
		border:none
	}
	
	/* Newsman Widget (NL) */
	#sousTitre-widgets form {
		margin:0;
	}
	
	#sousTitre-widgets form:after {
		clear:both;
	}
	
	#sousTitre-widgets .newsman-form > div{
		float:left;
		padding: 0 0.4em !important;
	}
	
	#newsman-form-4 p{
		display:none
	}
	
	#sousTitre-widgets .newsman-form-item {
		margin: 0 !important;
	}
	
	#sousTitre-widgets form div {
		margin: 0 !important;
	}
	
	#sousTitre-widgets form div:after {
		clear:both
	}
	
	#sousTitre-widgets .newsman-button {
		font: bold 0.85em/2em "Helvetica Neue",Helvetica,Arial,sans-serif !important;
		margin-bottom: 0 !important;
		padding: 0 0.3em!important
	}

	/* Search */

	#sousTitre-widgets .widget_search input[type="text"]{
		width:70%;
		float:left;
		margin-right:0.5em
	}

	#searchform{
		padding:0;
	}


/* = megabanner
---------------------------------------------------------------*/
	
	#megabanner-widgets{
		width:100%;
		background:#FFF;
		display:block;
		margin-top:0;
		margin-bottom:0;
		max-width: 960px;
		overflow:hidden;
	}

	#megabanner-widgets div{
		padding:0;
		margin:0;
		border:none;
		background-color: #FFF;
		overflow:hidden;
	}

/* = Menu
-------------------------------------------------------------- */

	.menu  {
		background:#00a3e6;
	}


	.menu a {
		border-left:none;
		text-transform:uppercase;
		font-size:12px;
	}
	
	.menu a:hover {
    	background-color:#24242;
		background-image:none;
	}


	.menu .sub-menu li {
    	background-color:#FFFFFF;
		font-size:10px;
	}

	
	.menu .sub-menu a {
		font-size:10px;
		font-weight:bold;
	}
	
	.menu .sub-menu a:hover {
		font-size:10px;
		background-color:#00a3e6;
	}


	#menu-sousmenu{
		margin-top:0;
		width:100%;
	}
	
	#menu-sousmenu a{
		font-weight:bold;
		font-size:11px;
	}
	
	#menu-sousmenu a:hover{
		color:#00a3e6;
		text-decoration:underline;
	}


/* Footer
-------------------------------------------------------------- */

	#footer{
		background:#000;
		padding:1em;
		color:#fff
	}


	#subfooter-widgets{
	display:none;
	}

	#subfooter-widgets{
		display:block;
		font-size:1.2em
	}
	
	#foot-col-1{
		background:url(images/logo-footer.png) no-repeat top left;
	}
	
	#footer .baseline{
		margin:0.7em 0 2em 90px;
		font-size:0.7em;
		text-transform:uppercase	
	}
	
	#subfooter-widgets ul{
		list-style:none;
		padding:0;
		margin:0
	}
	
	#subfooter-widgets li{
		padding:0.4em;
		margin:0 0 0.4em;
		background-color:#1a1a1a;
		transition: background-color 600ms ease 0s;
	}
	
	#subfooter-widgets li:hover{
		background-color:#323232;
	}
	
	#subfooter-widgets a{
		color:#00a3e6;
	}
	
	#subfooter-widgets .widget-title {
		padding: 0 0 1em;
	}	
	
	/* Newsman widget (NL) */
	
	#footer .newsman-widget{
		margin-top:2em;
		padding-top:0.5em;
		border-top:#333 1px dashed
	}
		
	#footer .newsman-widget p{
		display:none
	}
		
	/* tj-icons */
	.socialTitle{
		font-weight:lighter;
		font-size:1.8em;
		color:#00a3e6;
		margin:2em 0 0.2em
	}
	
	#subfooter-widgets .social-icons li, 
	#subfooter-widgets .social-icons li:hover{
		background:none;
		transition:none;
		padding:0 0.35em 0;
		margin:0
	}
	
	#subfooter-widgets a.tj-icons{
		display:inline-block;
		background-color:#fff;
		background-image:url(images/tj-icons.png);
		background-repeat:no-repeat;
		height:65px;
		width:65px;
		transition: background-color 600ms ease 0s;
	}
	
	#subfooter-widgets a.tj-icons:hover{
		background-color:#00a3e6;
	}
	
	.facebook-icon a.tj-icons{
		background-position:-90px 0
	}
	
	.rss-feed-icon a.tj-icons{
		background-position:-182px 0
	}
	

/* =Social Icons Header
-------------------------------------------------------------- */
	.social-icons{
		list-style: none;
		line-height: normal;
		margin: 0;
		text-align: right;
		display: inline;
	}

/* = Widgets
-------------------------------------------------------------- */

	#widgets{
		padding:0;
		margin:0;
	}

	.widget-title {
		font-size:12px;
		text-transform:uppercase;
	}
	
	/* .widget-wrapper */
	.home .col-620 .widget-wrapper{
		border:none;
	}

	.col-620 .widget-wrapper{
		border:none;
	}
	
	.fb-like-box{
		width:100%;
		margin:0 0 1em
	}

	.col-300 .widget-wrapper, .fb-like-box{
		border:none;
		background-color: #FFF;	
		background: none repeat scroll 0 0 #FFFFFF;
		border-top: 1px solid #F1F1F1;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);	
	}

	.widget-wrapper{
		border-radius:0;
		background-color:transparent
	}
	
    .col-620 .widget-wrapper{
    	padding:0;
    	margin: 0;
    	border-radius:0;	
    }

	.single .col-620 .widget-wrapper{
		background: #FFF;
		padding:1em;
	}
	
	.page .col-940 .widget-wrapper{
		background: #FFF;
		padding:1em;
	}
	
	.widget_adrotate_widgets,
	#text-26 .widget-title{
		text-align: center;
	}

	/* = Remplissage widgets */
	#recent-comments-3, 
	#calendar-3, 
	#text-26, 
	#tag_cloud-5,
	.col-300 .widget_adrotate_widgets{
		background-color: #FFF;	
	}

	/* = Hack social like
	-------------------------------------------------------------- */

	.tw-like, .fb-like{
	text-align: center;
	padding:0;
	margin:0;
	}


	/* = Double colonnes responsive pourcent
	-------------------------------------------------------------- */

	#section-news {
		padding:0;
		margin:0;
		width: 100%;
		list-style-type: none;
	}


	/* = Hack plugin zemanta WP Related Posts
	-------------------------------------------------------------- */

	.wp_rp_backlink{
		display: none;
	}


/********************************************************************
**																   **
**	 					    	HOME 							   **
**																   **
*********************************************************************/

	h3{
		font-size:1em;
		border-bottom:2px #00a3e6 solid;
		margin-bottom:1.5em;
		line-height:normal;
		padding:0 0 0.5em 0
	}

/*	= WOOSLIDER
	-------------------------------------------------------------- */
	
	#wooslider_slideshow_posts-4{
		position:relative
	}
	
	#metaslider_widget-2 h3, #wooslider_slideshow_posts-4 h3{
		text-transform:uppercase;
		font-size:1.2em;
		position:absolute;
		top:0;
		left:0.8em;
		padding:0.05em 0.4em;
		background-color:#00a3e6;
		color:#fff;
		z-index:1000
	}
	
	body .wooslider {
		background: none repeat scroll 0 0 #FFFFFF;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		margin-bottom:20px;
		border:none;
		height:25em; 
		overflow:hidden;
	    border-radius: 0;
	}
	
	.wooslider .slides > li {
		height:100%;
		overflow:visible
	}
	
	body .slide-excerpt, 
	body .wooslider .overlay-full.layout-text-bottom .slide-excerpt,
	.wooslider .overlay-full .slide-excerpt
	{
		opacity: 1.0;
		background-color: rgba(0, 0, 0, 0.8);
		position:absolute;
		top:18.5em;
		height:4.5em !important;
		overflow:visible !important;
		padding:0.5em;
		line-height:1em
	}
	
	.slides h2 {
		padding:0;
		margin:0
	}

	.slide-title a {
    	color:#fff;
		
	}

	body .wooslider-control-nav {
		display:none;
	}

	
	
	.slide-excerpt p{
		padding-left:0px;
	}


	/* = Blocs infos
	-------------------------------------------------------------- */
	
	#section-news .grid{
	float:left;
	}
	
	.blocinfo{
    	border-top: 1px solid #F1F1F1;
    	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		background-color:#fff;
		position:relative;
		transition:box-shadow 400ms ease 0s
	}
	
	.blocinfo:hover{
    	box-shadow: 0 0 0.4em #00a3e6;
	}
	
	.blocinfo .etiquette{
		display:block;
		position:absolute;
		z-index:2;
		background-color:#00a3e6;
		padding:0.6em;
		line-height:0.8;
		color:#fff;
		font-size:1em;
		font-weight:bold;
		top:0.5em;
		left:0.5em;
		text-transform:uppercase;
	}
	
	
	.blocinfo img{
		width:100%;
	}

	.blocinfo .post-text{
		position:relative;
		height:auto;
		padding:1em
	}
	
	.blocinfo .post-title  {
		margin:0;
		padding:0 0 1em 0;
		height:2em;
		border:none;
		font-size:1.2em
	}
	
	.blocinfo .excerpt{
		padding:0;
		margin:0;	
		margin-top:0.8em;
		margin-bottom:0.8em;
		height:6em
	}
   
	.blocinfo .post-more{
		padding:0;
		margin:0;
		padding-top:0.5em;
		padding-bottom:0.5em;
		position:relative
	}

	.blocinfo .post-date{
		padding:0 0 0 1em;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:0.8em;
		color:#aaaaaa;
	}

	.blocinfo .readmore {
		background-color:#333333;
		padding:8px;
		color:#FFFFFF;
		position:absolute;
		right:0;
		bottom:0
	}

	.readmore a {
		color:#FFFFFF;
	}
	
	.post-title a {
		color:#333333;
	}
	
	.post-title a:hover {
		color:#00a3e6;
	}
	
	.post-entry h2 {
   		color:#00a3e6;
   		font-size:1.5em;
	}

	.home .post-entry p{
		padding:0;
		margin:0;
	}



/********************************************************************
**																   **
**	 					   SINGLE POSTS							   **
**																   **
*********************************************************************/
	
	.post-meta{
		color:#333333;
		border-bottom:1px #CCCCCC dotted;
		font-size:12px;
		margin-bottom:25px;
	}
	
    #content .post-entry {
   		padding-left:0px;
	}

	.entry-content{
    	font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
		line-height:140%;
		padding:0 20px 0 20px;
		margin-top:0;
		margin-bottom:10px;
	}

	.wp-caption p.wp-caption-text {
    	font-size: 13px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}

	.front .post-title  {
		margin-bottom:0px;
		padding-bottom:0px;
	}

	.front .post-entry p  {
		margin-top:0px;
		padding-top:0px;
	}

	#content-archive h6  {
		display:none;
	}
	
	.comment-link  {
		display:none;
	}
	
	.post-data  {
		display:none;
	}
	
	.post-meta{
		color:#333333;
		border-bottom:1px #CCCCCC dotted;
		font-size:12px;
		padding-bottom:5px;
	}
	
	.post-entry h2 {
   		color:#00a3e6;
	}
	
	#wp_rp_first{
		margin:3em 0
	}
	
	/* #fin-article .newsman-widget */
	#fin-article .newsman-form div{
		float:left;
		width:50%
	}
	
	#fin-article .newsman-form div input[type="text"] {
		width: 85%;
	}
	
/********************************************************************
**																   **
**	 				  CATEGORY	/ ARCHIVES						   **
**																   **
*********************************************************************/
	
	#content-archive{
		background:#f8f8f8;
		margin-top:0 
	}

	#content-archive #postsloops{
		padding:0;
		margin:0;	
	}

	
/* PAGE CONTACTEZ-NOUS
-------------------------------------------------------------- */

div.wpcf7 {
	width:50%
}

/* Share slider
-------------------------------------------------------------- */

#dd_ajax_float {
    border: none !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.dd_buttons .dd_button:first-child{
	width:95px
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }


}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    #top-header .col-300, #top-header ul{
		text-align: center;
		float:none;
		padding:0;
		overflow: hidden;
    }

    #top-header .social-icons{
		text-align: center;
		width: 100%;
		padding:0;
		margin:0;
		margin-bottom:0.2em;
		display: block;
    }


    #logo {
	    /*float: none;*/
        margin: 0;
	    text-align: center;
	    clear:both;
	    display:block;
	    width: 100%;
	    margin-left:auto;
		margin-right:auto;
    }


	#branding-left{
		/*padding-top:10px;*/
	}

    .grid, 
	.grid-right {
	    float: none;
		
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
	
	.home #widgets {
		margin-top: 40px;
	}
    
    .top-widget,
    .home .top-widget {
        margin-top: 0 !important;
    }

	.adrote_advblock {
	width:100% !important;
	}

	#section-news {
	padding:0;
	margin:0;
	width: 100%;
	list-style-type: none;
	}

	/* = Widget-BAR Sous-titre
	---------------------------------------------------------------*/

	#sousTitre-widgets > div:first-child{
		margin: 0!important;
		width:60%;
		padding:0
	}

	#sousTitre-widgets > div:nth-child(2){
		width:37%;
	}

	#sousTitre-widgets .widget_search input[type="text"] {
		width: auto;
	}
	
	
 
}

@media screen and (max-width: 650px) {

	
    body {}

    #logo {
	    /*float: none;*/
        margin: 0;
	    text-align: center;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
    }
    
    .top-widget {
        float: none;
        margin: 0 auto 10px auto;
        position: relative;
        text-align: center;
        width: auto;
    }
    
    .top-widget .widget-title {
        text-align: center;
    }
	
    .js .menu,
	.js .sub-header-menu {
		display: none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float: none;
        font-size: 11px;
	    text-align: center;
    }
	
	.tinynav { 
	    display: block;
		margin: 0 auto;
		width: 100%;
	}
	
	.tinynav {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		background: #fff url(images/bg-select.png) no-repeat right;
		border: 1px solid #ccc;
        font-size: 12px;
		overflow: hidden;
		padding: 0.5em 1em 0.5em 0.75em;
	}
	
	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right: 10px;
	}
	
	.ie9 .tinynav  {
		padding-right: 8px;
	}
	
    #author-meta {
        padding: 20px;
    }
    
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
        padding-bottom: 10px;
	    text-align: center;
    }

	#section-news {
		padding:0;
		margin:0;
		width: 100%;
		list-style-type: none;
	}

/******************/
/****** HOME ******/
/******************/

	body .wooslider {
		height: 20em;
	}
	body .slide-excerpt, 
	body .wooslider .overlay-full.layout-text-bottom .slide-excerpt, 
	.wooslider .overlay-full .slide-excerpt {
		top: 13.5em;
	}
	.slides h2 {
		font-size:2em;
	}
	
	#section-news .grid{
		float:left;
	}

	/* = Widget-BAR Sous-titre
	---------------------------------------------------------------*/

	#sousTitre-widgets > div:first-child, #sousTitre-widgets > div:nth-child(2){
		float:none;
		clear:both;
		width:auto;
		margin:0;
		padding:0.5em
	}

	#sousTitre-widgets .widget_search input[type="text"] {
		width: auto;
	}

	#sousTitre-widgets .newsman-form > div{
		float:left;
		padding: 0!important;
	}
	
	#sousTitre-widgets .newsman-form > div{
		float:left;
		padding: 0 0.5em 0.5em 0!important;
	}


}

@media screen and (max-width: 480px) {

    body {}

    #logo {
	    float: none;
	    text-align: center;
    }


	#adrote_advblock1 img {
		width:80%;
		margin-left:5%;
		margin-right:5%;
		border: 10px solid #e3e3e3;
	}
 
	#adrote_advblock1 .adrote_advadvert {
		border:none !important;
	}


    #section-news .grid, 
	#section-news .grid-right {
	    float: none;
		display:block;
		width:100%
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin: 20px 0 0 0;
	}
	
	.featured-title {
	    font-size: 40px;
	    padding: 40px 20px 0 20px
    }
    
    .navigation .next,
    .navigation .previous {
        text-align: center;
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float: none;
	    text-align: center;
        text-rendering: optimizeSpeed;
    }
	
    #footer {
	    text-align: center;
    }

    #footer .social-icons {
	    text-align: center;
    }

	#header #searchform .field{
	width: 90%;	
    clear:none;
    float:left;
    margin:0;
	}

/******************/
/****** HOME ******/
/******************/

	body .wooslider {
		height: 16em;
	}
	body .slide-excerpt, 
	body .wooslider .overlay-full.layout-text-bottom .slide-excerpt, 
	.wooslider .overlay-full .slide-excerpt {
		top: 10em;
	}
	.slides h2 {
		font-size:1.5em;
	}


}

@media screen and (max-width: 320px) {
    
    body {
    }

    #logo {
	    float: none;
	    text-align: center;
    }
	
	#featured p {
	    font-size: 12px;
		line-height: 1.2em;
    }

    .featured-title {
	    font-size: 35px;
    }
	
	.featured-subtitle {
		font-size: 15px;
	}

    .call-to-action a.button {
	    font-size: 14px;
	    padding: 7px 17px;
    }

	.slides h2 {
    	font-size: 12px;
   		opacity: 1;
	}

	#header #searchform .field{
		width: 90%;	
    	clear:none;
    	float:left;
    	margin:0;
	}

}

@media screen and (max-width: 240px) {
    
    body {}
	
	#featured p {
	    font-size: 11px;
		line-height: 1.1em;
    }

    .featured-title {
	    font-size: 20px;
    }
	
	.featured-subtitle {
		font-size: 11px;
	}

    .call-to-action a.button {
	    font-size: 12px;
	    padding: 5px 15px;
    }
    
    .top-widget area,
    .top-widget select,
    .top-widget textarea,
    .top-widget input[type="text"], 
    .top-widget input[type="password"] {
        width: 75%;
    }
    
	.slides h2 {
    font-size: 12px;
    opacity: 1;
	}

	#header #searchform .field{
	width: 90%;	
    clear:none;
    float:left;
    margin:0;
	}

}

#recent-posts-flexslider-2{position: relative; background: url(loading.gif)50% 50% no-repeat; min-height: 150px !important; border: none !important; padding: 0; }
@media screen and (min-width: 500px){.flexslider-caption{min-height: 75px; vertical-align:;}}
@media (max-width: 480px) {.flexslider-caption{max-height: 35px !imporatnt;}}