/*
Theme Name: Meters
Theme URI: http://colorvila.com/themes/meters
Description: Meters is a mashable.com like technology News WordPress theme. This powerful theme will transform your website into a high-tech News/Magazine site. Responsive design makes the theme adaptive to all the devices(PC, iPad, iPhone, Android devices...). Meters features custom widgets, social media, shortcodes, portfolio, theme options, popular articles and many more. Three different color schemes and a team page templates.
Version: 1.2.0
Author: ColorVila
Author URI: http://colorvila.com
Tags: portfolio, blog, theme-options, corporate, business, meters, multiple-color-schemes, shortcodes-collection, built-in-SEO, page-templates, blog, personal, social-media
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*Copyright (c) 2012 ColorVila.  All rights reserved.
*http://colorvila.com
*/

@font-face {
    font-family: 'OpenSansRegular';
    src: url('styles/fonts/OpenSans-Regular-webfont.eot');
    src: url('styles/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('styles/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('styles/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('styles/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

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 { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
#main ul{list-style:disc;margin:0 0 5px 2.7em} #main ol{list-style-type:decimal;margin:0 0 5px 3em}#main .sidebar ul{margin:0px;}

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }




/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body {line-height:20px; font-size:13px; font-weight:normal; font-family:'OpenSansRegular',Arial; letter-spacing: 0; color:#444444; background:#ffffff; letter-spacing:normal;}

a { text-decoration: none; color: #1E598E;}
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; letter-spacing: 0px; line-height: 1.25em; font-weight:bold; }
h1, h2, h3, h4, h5, h6,.entry-title a,.slide-title,.breadcrumb-trail{font-family:Arial,Helvetica,san-serif;}
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
p { line-height: 20px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code {margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*------------------------------------------------*/
/*------------[ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.alignleft { display: inline; margin: 10px; float: left; border: none; }
.alignright { display: inline; margin: 10px; float: right; border: none; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }


/*------------------------------------------------*/
/*-------------------[COLOR]----------------------*/ 
/*------------------------------------------------*/

#menu-secondary a{color:#FFFFFF;}
#menu-secondary a:hover{background:#4e4e4e; text-decoration:none;}
#menu-primary .menu ul ul{background:#F3F6F9; border:1px solid #dce5ee; margin-top:-2px; border-top:none;}
#menu-primary .menu ul ul ul{margin-top:0px;}
#menu-primary .menu ul ul li{background:url(images/menu-line.png) repeat-x; background-position:top;}
#menu-primary .menu ul ul li a{padding:12px 17px 12px 12px;}
#menu-primary .menu ul ul li a:hover{background:#dee6ee;}


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#header{width:100%;}

.top-banner{height:28px; width:100%; background:#2A2A2A;overflow: hidden;}
.top-banner .top-banner-notice{color:#ffffff;line-height: 25px}

.top-content{background:#5E88B4; border-bottom:1px solid #4B6C8F; border-top:1px solid #83A4CC; padding:7px 0 6px;}
	#branding{float:left;}
	#logo{float:left; height:37px;}
	.breadcrumb-catetory{float:left; font-size:30px; line-height:37px; color:#FFFFFF; margin-left:12px;}
	#logo:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
	#header .search{float:right; margin-top:5px;}
	#header .search-text{height:27px; line-height:27px; width:260px; font-size:13px; float:left; padding:0px 8px; border:1px solid #3F6287; border-right:none; border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px; -moz-border-radius:4px 0px 0px 4px; -o-border-radius:4px 0px 0px 4px; margin:0px;}
	#header .search-submit{background:url(images/search.png) no-repeat; background-position:left top; height:29px; width:35px; border:none; margin:0px; cursor:pointer;}
	#header .search-submit:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
	#header .search-submit:active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.primary-menu-banner{background:#F3F6F9; border-bottom:1px solid #DCE5EE; border-top:1px solid #FFFFFF; padding:3px 0 0; font-weight:bold;}
	#menu-primary{float:left; margin-left:-12px;}
	.featured-topics{float:right; padding-top:4px; font-size:0.8em;}
		.featured-topics a{font-weight:bold; padding:3px 9px; line-height:11px;font-size:0.9em;}
		.featured-topics a:hover{background:#5E88B4; color:#ffffff; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}

#main{width:980px; margin:0px auto; padding-top:40px;}
	.title-small{font-size:10px !important; font-weight:bold !important; background:#F5F5F5 !important; padding-bottom:0px !important; text-transform:uppercase  !important; line-height:10px !important;}
		.title-small span{background:#FFFFFF; padding-right:5px;}
	.hentry img{max-width:100% !important;}
	.hentry .entry-img img{width:100% !important; height:100% !important;}
	.entry-title{font-family:Arial !important;}
	
	#main #content{width:640px; float:left;}
	#main .sidebar{float:right; width:300px;}
	
	#trending-story{margin-bottom:25px;}
	.trending-1{width:320px; float:left;}
		.trending-1 .hentry{margin-top:12px;}
			.trending-1 .entry-img{height:140px;}
			.trending-1 .social-media{margin:12px 0px; overflow: hidden;}
			.trending-1 .entry-title a{font-size:24px; font-weight:bold; line-height:28px;}
			.trending-1 .entry-title a:hover{background:#E3EDF4; text-decoration:none;}
			.trending-1 .entry-meta{margin:8px 0px; font-size:12px; line-height:12px; color:#aaaaaa;}
			.trending-1 .comments-link{background:url(images/comments.png) no-repeat; background-position:0px 4px; margin-left:5px; padding-left:13px;}
		
	.trending-story-right{float:right; width:305px;}
		.trending-2 .hentry{margin-top:12px; margin-bottom:20px;}
			.trending-2 .social-media{margin:5px 0px; overflow: hidden;}
			.trending-2 .entry-title{font-weight:bold;}
			.trending-2 .entry-title:hover{background:#E3EDF4; text-decoration:none;}
			.trending-2 .entry-img{width:140px; height:85px; float:left; margin-right:10px;}
			.trending-2 .comments-link{background:url(images/comments.png) no-repeat; background-position:0px 4px; margin-left:5px; padding-left:13px;}
		
		.trending-3 .title-small{margin-bottom:12px;}	
		.trending-3 a{font-weight:bold; font-family:Arial; font-size:12px;}
		.trending-3 a:hover{background:#E3EDF4; text-decoration:none;}
		
	.home-blog .hentry{margin-bottom:20px; border-top:1px dotted #cccccc; padding-top:30px;}
	.home-blog .first{border-top:none;}	
		.home-blog .hentry .hentry-left{float:left; border-right:1px dotted #cccccc; padding-right:15px; margin-right:10px;}
		.home-blog .hentry .entry-img{width:140px; height:85px; float:left; margin-right:20px;}
		.home-blog .hentry .entry-img img{width:100%; height:100%;}
		.home-blog .hentry .right{float:left; width:350px;}

			.home-blog .hentry .entry-meta{margin:8px 0px; font-size:12px; line-height:12px; color:#aaaaaa; display:block;}

		.home-blog .hentry .entry-content .category, #trending-story .trending-1 .entry-content .category{float:left; margin-right: 0.5em;}
			.home-blog .hentry .entry-content .category a, #trending-story .trending-1 .entry-content .category a{color: #00ADE6;text-transform: uppercase;}
			.home-blog .hentry .entry-meta{margin:8px 0px; font-size:12px; line-height:12px; color:#aaaaaa; display:block;}

			.home-blog .hentry .entry-title a{font-size:24px; line-height:28px;}
			.home-blog .hentry .entry-title a:hover{background:#E3EDF4; text-decoration:none;}
			.home-blog .hentry .comments-link{background:url(images/comments.png) no-repeat; background-position:0px 4px; margin-left:5px; padding-left:13px;}
		.home-blog .hentry .social-media{float:right; width:95px; height:auto; overflow: hidden;}
	
	#main .center #content .hentry{margin-bottom:20px; border-top:1px dotted #cccccc; padding-top:30px;}
	#main .center #content .first{border-top:none;}	
		#main .center #content .hentry .hentry-left{float:left; border-right:1px dotted #cccccc; padding-right:15px; margin-right:10px;}
		#main .center #content .hentry .entry-img{width:140px; height:85px; float:left; margin-right:20px;}
		#main .center #content .hentry .entry-img img{width:100%; height:100%;}
		#main .center #content .hentry .right{float:left; width:350px;}
		.disable-socials .hentry .hentry-left{width:100%; border-right:none !important;}
		.disable-socials .hentry .hentry-left .right{float:none !important; width:100% !important;}
			#main .center #content .hentry .entry-meta{margin:8px 0px; font-size:12px; line-height:12px; color:#aaaaaa; display:block;}
			#main .center #content .hentry .entry-title a{font-size:24px; line-height:28px;}
			#main .center #content .hentry .entry-title a:hover{background:#E3EDF4; text-decoration:none;}
			#main .center #content .hentry .comments-link{background:url(images/comments.png) no-repeat; background-position:0px 4px; margin-left:5px; padding-left:13px;}
		#main .center #content .hentry .social-media{float:right; width:95px; height:auto;}
		
	.singular #main .center #content .hentry-first{border-top:none; padding-top:0px;}
		
		
#footer{background:#E3EDF4; border-top:1px solid #C9DBEC; padding-top:40px; padding-bottom:60px;}
	#footer .center{width:980px; margin:0px auto;}
		#footer .sidebar{float:left; width:110px; padding-left:10px;}
		#footer .sidebar a{font-size:12px; font-weight:bold; font-family:Arial; text-shadow:1px 1px #FFFFFF;}
			#footer #sidebar-subsidiary-1{width:480px; margin-right:20px; padding-left:0px;}
	


/*-------------------------------------------¡ü----------------------------------------*/
/*----------------------------------------¡¾home¡¿-------------------------------------*/
#cv_social_share_trending-1 .cvsmc{float:left; margin-right:5px; width:31%;}
#cv_social_share_trending-2 .cvsmc{float:left; margin-right:5px; width:45%;}
#cv_social_share_home-blog-entry .cvsmc{padding-top:5px;}

#cv_social_share_single-trending .cvsmc{float:left; margin-left:3px; width:45%;}
#single-trending-story .social-media{margin:5px 0px; overflow: hidden;}
/*---------------------------------------¡¾index¡¿-------------------------------------*/
/*-------------------------------------------¡ı----------------------------------------*/


#main #socialite-small{margin:0px; padding:0px;}

.social-media #socialite-small > li{padding:0px; margin-bottom:5px; height:20px; width:75px;}
.home-blog .social-media #socialite-small > li{margin-bottom:7px;}
.trending-1 .social-media #socialite-small > li{margin-right:15px;}



#single-trending-story{margin-bottom:40px;}
#single-trending-story .hentry{width:300px; padding-right:40px; float:left;}
#single-trending-story .right{padding-right:0px;}
	#single-trending-story .hentry .entry-img{width:125px; height:80px; float:left; margin-right:12px;}
	.entry-right{float:left; width:160px;}
	.trending-title{margin-bottom:14px;}
	#single-trending-story .hentry .entry-title{font-weight:bold;}
	#single-trending-story .hentry .entry-title:hover{background:#E3EDF4; text-decoration:none;}
	#single-trending-story .hentry .comments-link{background:url(images/comments.png) no-repeat; background-position:0px 4px; margin-left:5px; padding-left:13px;}

.singular #nav-below{display:none;}

.singular #content .hentry .entry-title{border-top:10px solid #F5F5F5; display:block; padding-top:10px; font-size:30px; line-height:32px; margin-bottom:8px;}
.singular #content .hentry .entry-title a:hover{background:#E3EDF4; text-decoration:none;}
.singular #content .hentry .entry-meta{padding-bottom:12px; display:block;}
.entry-avatar img{width:40px; height:40px; padding:1px; border:1px solid #EEEEEE; float:left; margin-right:6px;}
.singular #content .hentry .comments-link{display:block; background:url(images/comments.png) no-repeat; background-position:45px 9px; margin-left:5px; padding-left:60px; padding-top:5px;}
.singular #content .hentry .entry-content p{margin:15px 0px;}

#main #sidebar-single{width:100%; float:none; margin:20px 0px;}

.story-nav{padding:20px 0px; border-top:1px dotted #cccccc; font-weight:bold;}
	.story-nav .previous{float:left; width:50%;}
	.story-nav .next{float:left; width:50%; text-align:right;}
	.story-nav .link{background:#F6F6F6; border:1px solid #C8D5E0; line-height:40px; padding:6px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
	.story-nav .link:hover{background:#c8d5e0; text-decoration:none;}
	.story-nav .entry-title a{font-weight:normal; font-size:13px; color:#888888; padding-right:40px;}
	.story-nav .next .entry-title a{padding-right:0px; padding-left:40px;}


.fullwidth .center{padding-bottom:40px;}







		
/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/ 
/*------------------------------------------------*/

.menu ul li,.menu ul li a{float:left;}
.menu a:hover{text-decoration:none;}

#menu-secondary .menu ul li,#menu-secondary .menu ul li a{line-height:11px;}
#menu-secondary .menu ul li a{padding:8px 17px 9px 12px; font-size:11px; font-weight:bold;}
#menu-secondary .menu ul ul{background:#2A2A2A; border-top:1px solid #333333; margin-top:-5px;}
#menu-secondary .menu ul ul ul{top:0px; margin-top:0px;}

#menu-primary .menu ul li,#menu-primary .menu ul li a{line-height:11px;}
#menu-primary .menu ul li a{padding:8px 17px 12px 13px; font-size:14px; font-weight:bold; color:#40668C; font-family:Arial;}



/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/





/*------------------------------------------------*/
/*-----------------[content]----------------------*/
/*------------------------------------------------*/



/*-------------------------------------------¡ü----------------------------------------*/
/*----------------------------------------¡¾home¡¿-------------------------------------*/

/*---------------------------------------¡¾index¡¿-------------------------------------*/
/*-------------------------------------------¡ı----------------------------------------*/



.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden; margin:0px auto 45px; padding-top:45px; border-top:1px dotted #cccccc; font-family:Arial; font-weight:normal;}
.page_navi a{padding:6px 10px;text-decoration:none; margin:0px 2px; font-size:12px; font-weight:bold; border: 1px solid #C8D5E0; color:#1E598E; background:#F6F6F6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}
.page_navi a:hover,.page_navi a.current{text-shadow:none;}
.page_navi a:hover{border:1px solid #C8D5E0; background:#C8D5E0; color:#1E598E;}
.page_navi a.current{border: 1px solid #C8D5E0; background:#ffffff; color:#1E598E;}



.fullwidth .page_navi{display:none;}


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

.widget-inside{padding-bottom:36px; overflow:hidden;}
#sidebar-single .widget-inside{padding-bottom:0px;}
	.widget-title{font-size:14px; font-weight:bold; color:#474747;}
	#main .widget-title{padding-bottom:10px;}
	.widget-title span span{padding-right:0px;}
	.widget-inside ul li{padding-top:6px; min-height:24px; list-style:none;  line-height:20px;}
	#footer .widget-inside ul li{background:url(images/footer-widget-style.png) no-repeat; background-position:left 12px;}
	.widget_recent_comments .widget-inside ul li{background:url(images/comments.png) no-repeat; background-position:left 12px; padding-left:22px;}
	.widget-popular .widget-inside ul li{margin-left:0px; border-bottom:1px dotted #dddddd; margin-bottom:0px; padding-top:12px; padding-bottom:12px; padding-left:0px; background:none;}
	#footer .widget-popular .widget-inside ul li{margin-left:0px; border-bottom:1px dotted #666666; margin-bottom:0px; padding-top:8px; padding-bottom:8px; padding-left:0px; background:none;}
	
.widget-contact .widget-inside .contact-info ul li{list-style:none; padding-left:26px; margin:0px;}


.widget-inside{color:#767676;}
#footer .widget-inside{color:#666666;}

.widget_text .textwidget p{line-height:22px; font-size:13px; font-weight:normal; padding-bottom:4px;}

#main .sidebar .widget-title{margin-bottom:12px;}

#gplus-one span {width:258px !important;}
/*-------------------------------------------¡ü----------------------------------------*/
/*----------------------------------------¡¾home¡¿-------------------------------------*/


/*---------------------------------------¡¾index¡¿-------------------------------------*/
/*-------------------------------------------¡ı----------------------------------------*/

.popular-posts ul li .feature-img{margin-right:10px; float:left;}
.widget-popular .popular-posts ul li .info{width:180px;}
.popular-posts ul li .info{float:left; width:140px;}
.popular-posts ul li .feature-img img{width:110px; height:70px; float:left; box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.15); -o-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.15);}
.Popular-Posts .entry-title{float:left;}
.popular-posts ul li .info h4{padding-bottom:1px; padding-top:4px; height:3.75em;overflow:hidden;}
	.popular-posts ul li .info h4 a{font-size:13px; font-weight:bold;}
	.popular-posts ul li .info h4 a:hover{background:#E3EDF4; text-decoration:none;}
	.widget .popular-posts ul li .comments-info{line-height:14px; font-size:11px; color:#bbbbbb; background:url(images/comments.png) no-repeat; background-position:0px 8px; padding-left:20px; display:block; overflow:hidden; padding-top:4px;}
	.widget .popular-posts ul li .comments-info a{color:#bbbbbb;}
.widget .Popular-Posts .entry-content{float:left; font-size:11px; color:#707070;}
	.widget .Popular-Posts .entry-content p{line-height:14px;}
	
.widget-inside .search-form{height:29px; margin-top:12px; position:relative;}
.widget-inside .search-text{height:27px; line-height:27px; width:248px; font-size:13px; float:left; padding:0px 8px; border:1px solid #3F6287; border-right:none; border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px; -moz-border-radius:4px 0px 0px 4px; -o-border-radius:4px 0px 0px 4px; margin:0px;}
.widget-inside .search-submit{background:url(images/search.png) no-repeat; background-position:left top; height:29px; width:35px; border:none; margin:0px; cursor:pointer;}
.widget-inside .search-submit:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.widget-inside .search-submit:active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

#main .sidebar .widget-inside ul ul{margin-left:1em;}
	
.flickr_badge_image img{width:70px; height:70px; margin-right:5px; margin-bottom:5px; float:left;}
#footer .flickr_badge_image img{width:60px; height:60px;}
.widget-inside .testimonial-info .cv-quote{border-top:none;}

.widget-contact .widget-inside .contact-info li{border:none; min-height:22px;}	
.widget-contact .widget-inside .contact-info .email{background:url(images/mail.png) no-repeat; background-position:0px 9px;}
.widget-contact .widget-inside .contact-info .address{background:url(images/address.png) no-repeat; background-position:0px 9px;}
.widget-contact .widget-inside .contact-info .telephone{background:url(images/telephone.png) no-repeat; background-position:0px 9px;}
.widget-contact .widget-inside .contact-info .skype{background:url(images/skype.png) no-repeat; background-position:0px 9px;}
.widget-contact .widget-inside .contact-info .twitter{background:url(images/twitter2.png) no-repeat; background-position:0px 9px;}


#sidebar-single .widget-popular .popular-posts ul li{width:320px; float:left; border:none;}

/*------------------------------------------------*/
/*-----------------[feature-content]--------------*/
/*------------------------------------------------*/




/*------------------------------------------------*/
/*---------------------[HEADER]-------------------*/
/*------------------------------------------------*/

.entry-img{position:relative;}
.entry-img strong {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); color: #FFFFFF; display: block; font-family: Georgia,serif; font-size: 35px; height: 100%; left: 0; margin: 0; opacity: 0;  position: absolute; text-align: center;top: 0;width: 100%; cursor:pointer;}
.entry-img a{position:absolute; display:block; z-index:9; width:100%; height:100%;}


/*------------------------------------------------*/
/*---------------------[MAIN]-------------------*/
/*------------------------------------------------*/

.page-portfolio .entry-img{position:relative;}
.page-portfolio .entry-img strong {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); color: #FFFFFF; display: block; font-family: Georgia,serif; font-size: 35px; height: 100%; left: 0; margin: 0; opacity: 0;  position: absolute; text-align: center;top: 0;width: 100%; cursor:pointer;}
.page-portfolio .entry-img a{position:absolute; display:block; z-index:9; width:100%; height:100%;}


#user_login{width:209px; height:22px; display:inline; margin:0px; padding:0px 5px; line-height:32px; color:#595959; border-color: #C9CACB #FFFFFF #FFFFFF #C9CACB; border-style:solid; border-width:1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; background: url(images/inputBg.gif) repeat-x scroll 0 0 #E1E2E3; max-width:455px;}
#user_pass{width:209px; height:22px; display:inline; margin:0px; padding:0px 5px; line-height:32px; color:#595959; border-color: #C9CACB #FFFFFF #FFFFFF #C9CACB; border-style:solid; border-width:1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; background: url(images/inputBg.gif) repeat-x scroll 0 0 #E1E2E3; max-width:455px;}
#wp-submit{margin-bottom: 25px; width:160px; height:26px; padding:0px; border:1px solid #CCCCCC; font-size:12px; font-family:'OpenSansRegular',Arial; color:#ffffff;	margin-left:100px; margin-top:6px; cursor:pointer; background: -moz-linear-gradient(top,  rgba(104,169,226,1) 0%, rgba(29,98,160,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,169,226,1)), color-stop(100%,rgba(29,98,160,1)));

background: -webkit-linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
background: -o-linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
background: -ms-linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
background: linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a9e2', endColorstr='#1d62a0',GradientType=0 );   border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;}
#loginform p{padding-bottom:12px;}

.login-username label,.login-password label{width:100px; display:block; float:left;}

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/




/*------------------------------------------------*/
/*---------------------[PORTFOLIO]-------------------*/
/*------------------------------------------------*/

.page-center{width:980px;}

#main ul#portfolio-filter{margin:20px 0px; min-height:30px; max-width:980px;}
#main ul#portfolio-filter a{color:#aaaaaa; background:#FFFFFF; border:1px solid #dddddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; padding:0px 12px; height:26px; line-height:26px; margin-bottom:5px;}
#main ul#portfolio-filter .selected,#main ul#portfolio-filter a:hover{background:#f5f5f5; color:#444444;}

.page-center .entry-info .entry-icon{width:16px; height:16px; opacity:0.2; float:left; margin-top:12px; margin-left:5px;}
.page-center .entry-info .gallery{background:url(images/gallery2.png) no-repeat;}
.page-center .entry-info .video{background:url(images/video2.png) no-repeat;}
.page-center .entry-info .post{background:url(images/post2.png) no-repeat;}

.page-center .hentry{float:left; position:relative; background:#FFFFFF; overflow:hidden; margin-right:20px; margin-bottom:20px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}

.page-center .four-column{width:225px; height:188px;}
.page-center .four-column img,.page-center .four-column .entry-img{width:100%; height:140px;}
.page-center .four-column .entry-title{padding-left:34px; padding-top:12px; padding-right:20px; font-size:13px; font-weight:normal;}

.page-center .three-column{width:306px; height:220px;}
.page-center .three-column img,.page-center .three-column .entry-img{width:100%; height:170px;}
.page-center .three-column .entry-title{padding-left:34px; padding-top:12px; padding-right:20px; font-size:14px; font-weight:normal;}

.page-center .two-column{width:470px; height:250px; padding-bottom:15px;}
.page-center .two-column img,.page-center .two-column .entry-img{width:100%; height:230px;}
.page-center .two-column .entry-title{padding-left:34px; padding-top:12px; padding-right:20px; font-size:16px; font-weight:normal;}


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/


#wp-calendar { empty-cells: show; margin: 0px auto; text-align:center; width:100%;}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; border:1px solid #cccccc;}
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; font-weight:normal; border:1px solid #cccccc; background:#e5e5e5;}
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }
	
#wp-calendar .pad{border:none;}

		
/*-----------------------------------------------------*/
/*---------------------[Comments]----------------------*/
/*-----------------------------------------------------*/

#comments-template{padding-top:0px;}
	#comments-number{top:0px;}
	.comment-author cite{font-style:normal;}

#main .comment-list{list-style:none; margin:0px; padding:0px; padding-bottom:30px;}
	#main .comment-list ol{list-style:none; margin:0px; padding:0px;}
	
	.comment-wrap{padding-left:55px; margin:20px 0px;}
	.comment-wrap .avatar{width:40px; height:40px; float:left; margin-left:-55px;}
	.comment-wrap .right{float:left; width:100%;}
	.comment-author,.comment-author a{font-size:12px; font-weight:bold; color:#1E598E; font-family:Arial;}
	#main .comment .children{margin-left:55px;}
	.comment-author{border-bottom:1px dotted #cccccc; margin-bottom:2px; padding-bottom:2px;}
	.comment-author span{border:none; margin-bottom:0px; padding-bottom:0px;}
	.comment-wrap .comment-meta{color:#A5A5A5; font-size:11px; margin-top:5px;}
	#main .comment .children .comment-wrap{background:#F6F6F6; padding:10px 0px 10px 65px;}

/*---------------------------------------------------------*/
/*---------------------[Comment form]----------------------*/
/*---------------------------------------------------------*/

#respond {position: relative; margin-top:0px; padding-top:0px;}
.comment-list #respond {	margin-top: 25px;	}
	#respond .log-in-out {	font-size: 15px;	color: #656565;	}
	#respond .log-in-out a {	font-style: italic;	}
	#reply-title small a {	font: italic normal normal 14px/25px Georgia, Times, 'Times New Roman', serif;	}

#respond label {color: #919191;	width:100px;	display:block;  font-size:12px; font-family:Arial; font-weight:bold; float:left;}
#respond #commentform .form-textarea label{float:left; margin-top:12px;}
#respond p.req label {	color: #919191; float:left; font-size:12px; font-family:Arial;}
#respond span.required {	font-size: 16px;	font-weight: bold;	color: #000;	}
#respond #submit{	margin-bottom: 25px; width:160px; height:26px;  padding:0px; border:1px solid #CCCCCC; font-size:12px; font-family:'OpenSansRegular',Arial; color:#ffffff;	margin-left:100px; margin-top:6px; background: -moz-linear-gradient(top,  rgba(104,169,226,1) 0%, rgba(29,98,160,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,169,226,1)), color-stop(100%,rgba(29,98,160,1)));

background: -webkit-linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
background: -o-linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
background: -ms-linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
background: linear-gradient(top,  rgba(104,169,226,1) 0%,rgba(29,98,160,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a9e2', endColorstr='#1d62a0',GradientType=0 );    border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; cursor:pointer;}
#input-field input{height:26px; width:200px; padding:0px; border:1px solid #cccccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; font-size:11px; color:#6c6c6c;}
#input-field .contact-submit{width:83px; background:url(images/submit.png); border:none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px;}
#input-field #your_message{color:#6c6c6c; font-size:13px;}
#commentform{position:relative; padding-top:20px;}
#commentform input{width:250px; height:22px; display:inline; margin:0px; padding:0px 5px; line-height:32px; color:#595959;  border-color: #C9CACB #FFFFFF #FFFFFF #C9CACB; border-style:solid; border-width:1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; background:#eeeeee;}
.form-author{width:410px; display:block; height:22px;}
.form-email{width:410px; display:block; height:22px; margin:15px 0px;}
.form-url{width:410px; display:block; height:22px;}
#comment{width:380px; height:170px; color:#595959; padding:0px; font-size:12px; padding:6px; margin:6px 0px; max-width:600px; line-height:20px; margin-top:15px; border-color: #C9CACB #FFFFFF #FFFFFF #C9CACB; border-style:solid; border-width:1px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; background:#eeeeee; max-width:455px;}
.fullwidth #comment{width:460px; max-width:700px;}


/*---------------------------------------------------------*/
/*---------------------[Page template]----------------------*/
/*---------------------------------------------------------*/


#contact #your_message{width:85%; height:168px;}




.page-center .entry-img .post-overlay{background:url(images/post-overlay2.png) no-repeat;}
.page-center .entry-img .video-overlay{background:url(images/video-overlay2.png) no-repeat;}
.page-center .entry-img .gallery-overlay{background:url(images/gallery-overlay2.png) no-repeat;}

.page-center .three-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:138px; top:70px; opacity:0.9;}
.page-center .three-column:hover .entry-icon-overlay{display:block;}
.page-center .two-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:220px; top:100px; opacity:0.9;}
.page-center .two-column:hover .entry-icon-overlay{display:block;}
.page-center .four-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:98px; top:55px; opacity:0.9;}
.page-center .four-column:hover .entry-icon-overlay{display:block;}



@media only screen and (min-width: 960px), only screen and (min-device-width: 960px){ 
.top-banner{display:block;}
#header .center{width:980px; margin:0px auto;}
#menu-primary-responsive{display:none;}
}


@media only screen and (max-width: 960px) and (min-width: 728px), only screen and (max-device-width: 960px) and (min-device-width: 728px)  {	
.top-banner{display:none;}
#main{width:728px; margin:0px auto; padding-top:20px;}
#header .center,#footer .center{width:728px;}
#menu-primary-responsive{display:none;}
.page-center .three-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:96px; top:47px; opacity:0.9;}
.page-center .three-column:hover .entry-icon-overlay{display:block;}
.page-center .two-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:144px; top:73px; opacity:0.9;}
.page-center .two-column:hover .entry-icon-overlay{display:block;}
.page-center .four-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:66px; top:33px; opacity:0.9;}
.page-center .four-column:hover .entry-icon-overlay{display:block;}
#menu-primary .menu ul li a{font-size:12px; padding:8px 13px 12px 13px;}
#main #content{width:475px;}
.trending-1{width:235px;}
.trending-story-right{width:225px;}
.trending-2 .entry-img{width:110px; height:66px;}
#main .sidebar{width:220px;}
.home-blog .hentry .entry-img{width:104px; height:63px; float:left; margin-right:20px;}
.home-blog .hentry .right{width:250px;}
.home-blog .hentry .social-media{width:75px;}
.popular-posts ul li .feature-img img{width:80px; height:50px;}
.widget-popular .popular-posts ul li .info{width:130px;}
.flickr_badge_image img{width:50px; height:50px;}
.widget-inside .search-text{width:167px;}
#footer #sidebar-subsidiary-1{width:348px;}
#footer #sidebar-subsidiary-5{display:none;}
#single-trending-story .hentry{width:215px;}
#single-trending-story .hentry .entry-img{width:90px; height:60px;}
.entry-right{width:110px;}
.page-center{width:728px;}
.page-center .four-column{width:162px; height:145px;}
.page-center .four-column img, .page-center .four-column .entry-img{height:97px;}
.page-center .three-column{width:222px; height:175px;}
.page-center .three-column img, .page-center .three-column .entry-img{height:125px;}
.page-center .two-column{width:344px; height:180px;}
.page-center .two-column img, .page-center .two-column .entry-img{height:160px;}
.trending-1 .entry-img{height:102px;}
}


@media only screen and (max-width: 728px), only screen and (max-device-width: 728px){  
.top-banner{display:none;}
#main{width:440px; margin:0px auto; padding-top:20px;}
#header .search{display:none;}
#branding{float:none; width:100%; text-align:center;}
#header .center{width:440px;}
#footer .center{width:440px;}
.page-center .three-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:85px; top:40px; opacity:0.9;}
.page-center .three-column:hover .entry-icon-overlay{display:block;}
.page-center .two-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:205px; top:85px; opacity:0.9;}
.page-center .two-column:hover .entry-icon-overlay{display:block;}
.page-center .four-column .entry-icon-overlay{display:none; width:30px; height:30px; position:absolute; left:85px; top:40px; opacity:0.9;}
.page-center .four-column:hover .entry-icon-overlay{display:block;}
#logo{float:none;}
.featured-topics{display:none;}
#menu-primary{display:none;}
#menu-primary-responsive{display:block;}
#menu-primary-responsive select{width:100%;}
#main #content{width:440px;}
#main .sidebar{display:none;}
.trending-1{width:440px; float:none;}
.trending-story-right{float:none; width:440px; margin-top:30px;}
.trending-3{margin-top:30px;}
.home-blog .hentry .hentry-left{margin-right:0px; border-right:none; float:none; padding-right:0px;}
.home-blog .hentry .social-media{display:none;}
.home-blog .hentry .right{width:280px;}
#footer .sidebar{width:100px; padding-right:10px; padding-left:0px;}
#footer #sidebar-subsidiary-1{width:440px; margin-right:0px; float:none;}
#single-trending-story .hentry{width:440px; padding-right:0px; margin-bottom:20px;}
.page-center{width:440px;}
.page-center .four-column{width:200px; height:155px; padding-bottom:3px;}
.page-center .four-column img,.page-center .four-column .entry-img{width:100%; height:110px;}

.page-center .three-column{width:200px; height:155px;}
.page-center .three-column img,.page-center .three-column .entry-img{width:100%; height:110px;}
.page-center .three-column .entry-title{font-size:12px;}

.page-center .two-column{width:440px; height:227px; padding-bottom:5px;}
.page-center .two-column img,.page-center .two-column .entry-img{width:100%; height:200px;}
.page-center .two-column .entry-title{padding-left:34px; padding-top:12px; padding-right:20px; font-size:13px; font-weight:normal;}

.trending-1 .entry-img{height:190px;}
}