/**
 * Theme Name: Gadget Shock
 * Theme URI: http://technothemes.com
 * Description: Gadgetshock is our first, clean, simple, and easy to customize premium Wordpress theme Specifically designed for your news or magazine with gadget / phone / techno related topic. Gadgetshock is a wordpress child theme for hybrid framework, with modest color and layout, layout, design, color, and other element of gadgetshock Inspired by several the biggest gadget blog on the net.
 * Version: 1.0
 * Author: technothemes
 * Author URI: http://technothemes.com
 * Tags: blue, theme-options, threaded-comments, sticky-post, microformats, two-columns, three-columns, fixed-width, gadget, simple, fresh
 * Template: hybrid
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Copyright (c) 2008 - 2011 Technothemes.  All rights reserved.
 * http://technothemes.com
 */

/* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

 /*Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */
@import url('../hybrid/library/css/screen.css');

/* Get Fonts*/
@import url('fonts/carto/fonts.css');/*font-family: 'CartoGothicProBook';*/
@import url('fonts/droid/fonts.css');/*font-family: 'DroidSansRegular';*/

/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */
/*@import url('css/tabs.css'); */

/*---Header---*/
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}
a:hover{
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6{font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}

body {
    color: #444444;
    font: 14px/19px Georgia;
}

#header {
    margin: 20px 0 30px;
	position:relative;
}

.body-container, .body-container-header {
    margin: 30px auto 21px;
	overflow: hidden;
    width: 960px;
}

.body-container-header{
	margin:3px auto 0;
}

#site-title, #header > img {
    font-family: 'CartoGothicProBook';
	font-size:48px;
	color:#000306;
	letter-spacing:-0.06em;
	line-height:1em;
}

#site-title a {
    color: #000306;
}

#site-title a:hover {
	color:#00aef4;
	text-decoration:none;
}

#site-description {
    color: #666666;
    font-family: 'CartoGothicProBook';
    margin: 0;

}

#primary-menu{
	background:#000306;
	height:45px;
	margin-bottom:30px;
	*margin-top:30px;
	*position:relative;
	*z-index:9999;
}

#primary-menu .body-container{
	margin-top:-30px;
}

#primary-menu li a{
	border:none;
	font-family: 'CartoGothicProBook';
	color:#00aef4;
	background:none;
	text-transform:uppercase;
	font-size:18px;
	letter-spacing:-0.04em;
	padding-top:12px;
	padding-bottom:12px;
	font-weight: 300;
}

#primary-menu ul ul{
	margin-top:13px;
	*margin-top:-30px;
	*width:100%;
}

#primary-menu ul ul ul{
	margin-top:0;
}

#primary-menu > .menu ul li a:hover{
	color:#FFFFFF;
	border-top:3px solid #00aef4;
	text-decoration:none;
	padding-top:9px;
	padding-bottom:11px;
	background:#252525;
}

#primary {
    float: right;
    width: 320px;
}

/* END HEADER */

/*CONTENT*/

.the_content{
	width: 600px;
	float: left;
    position: relative;
}

.content, .home.no-widgets .content{
    width: 580px;
	margin-left:10px;
}

.entry-title{
	font: 28px/28px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	letter-spacing:-0.04em;
	font-weight: 300;
}

.entry-title a{
	color:#000306
}

.entry-title a:hover{
	text-decoration:none;
	color:#ffffff;
	background:#000306;
}

.entry-title + .entry-meta {
	font-family:Arial, Helvetica, sans-serif;
	color:#3f4038;
	font-size:12px;
	font-style:normal;
	width: 50%;
	background:url(images/clock.png) 0px 3px no-repeat;
	padding-left:20px;
	float:left
}

.entry-meta a:hover{
	color:#3f4038;
}

.entry-meta .category a{
	background:#e95a3c;
	padding:0 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#ffffff;
	text-transform:uppercase;
	display:inline-block;
}

.entry-meta .category{
	color:#ffffff;
	font-size:10px;
}

.entry-meta .category a:hover{
	text-decoration:none;
	background:#cf482c
}

.entry-content {
    overflow: auto;
	width: 580px;
	*overflow-y: hidden
}

.entry-content p:last-child{
	margin-bottom:0;
}

.entry-content p a{
	color:#00AEF3;
}

.entry-content p a:hover{;
	background:#00AEF3;
	color:#ffffff;
}

.socmed{
	width:43%;
	float:right;
}

.wp-caption img, .no-widgets .wp-caption img {
    border: 1px solid #666666;
    margin: 0 auto;
    max-width: 559px;
    padding: 0;
}

.wp-caption, .no-widgets .wp-caption {
    border: 1px solid #CCCCCC;
    margin-top: 6px;
    max-width: 575px;
    padding: 6px 1px 3px;
    text-align: center;
}

.hentry img, .no-widgets .hentry img {
    border: none;
    height: auto;
    max-width: 569px;
    padding:0;
}

.tweetbutton{width:100px; float:left;}
.likeButton{width:50px; float:left;}
.gplus{width:63px; float:left; position: relative; z-index: 99;}
.komen{
	background: url("images/comment.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    position: relative;
    text-align: center;
    width: 30px;
    z-index: 9;
	font-family:Arial, Helvetica, sans-serif;
}

.komen a{color:#ffffff}

.tag-post, .cat-post{
	font-family:Arial, Helvetica, sans-serif;
	padding-left:15px;
	font-size:12px;
	color:#3f4038;
	position:relative;
	margin-bottom:4px;
}

.cat-post{
	border-top:1px dashed #F48020;
	padding-top:5px;
}

.tag-post .before img,  .cat-post .before img{
	position:relative;
	right:7px;
	top:4px;
}

.tag-post a, .cat-post a{
	color:#3f4038;
}

.tag-post a:hover, .cat-post a:hover{
	color:#00aef4;
}

.tag-post .comments-link{
	color:#00aef4;
}

.tag-post .comments-link:hover{
	color:#3f4038;
}

.more-link, .more-link:visited{
	padding:1px 3px;
	color:#00aef4
}

.more-link:hover{
	background:#00aef3;
	color:#ffffff;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:17px;
line-height:13px;
font-family: 'DroidSansRegular';
text-align:center;
}
 
.pagination span, .pagination a {
display:block;
display:inline-block;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#000000;
background: #cceffd;
text-align:center;
}

.pagination span{
	background:none;
}
 
.pagination a:hover{
color:#fff;
background: #00aef4;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #00aef4;
color:#fff;
}

.navigation-links {
	display:none;
}

#popular-comments { list-style:none; width:320px; margin-left:0 } /*Set the width of your popular post*/

#popular-comments li { overflow:auto; margin:10px 0px; padding-bottom:5px; } /*Style your post list, I have opted for a bottom border which is 1 pixel thick.*/

#popular-comments li .img { float:left; margin-right:10px; width:120px} /*Give your thumbnail taken from the featured image a nice border! A thick border adds to the effect.*/

#popular-comments li .rightPop{width:170px; float:left;}

#popular-comments li .titlePost{font-family: 'DroidSansRegular'; font-size:16px}

#popular-comments li .datePost{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f4038; background:url(images/clock.png) 0px 2px no-repeat;; padding-left:20px;}

#popular-comments li a { text-decoration:none; color:#000000;} /*Give your active links a bit of color.*/

#popular-comments li a:hover{text-decoration:none;color:#ffffff;background:#000306;}

#popular-comments li p { margin-top:10px; }

.widget-wrap{
	overflow:auto;
}

.widget-title {
	color:#000306;
	font-family: 'DroidSansRegular';
	border-bottom:3px solid #000306;
	font-size:32px;
	text-transform:uppercase;
	font-weight:100;
	padding-top:10px;
	letter-spacing:-3px;
}

.sidebar .socmedia{
	margin-left:0;
	float:left;
}

.socmedia li{
	display:inline-block;
	list-style:none;
	margin-right:5px;
	position:relative;
	float:left;
}

.socmedia li a{
	display:block;
	width:32px;
	height:32px;
}

.socmedia li a.rss{
	background:url(images/socmed.png) 0px 0px;
}

.socmedia li a.rss:hover{
	background:url(images/socmed.png) 0px 101px;
}

.socmedia li a.email{
	background:url(images/socmed.png) 99px 0px;
}

.socmedia li a.email:hover{
	background:url(images/socmed.png) 99px 101px;
}

.socmedia li a.twitter{
	background:url(images/socmed.png) 66px 0px;
}

.socmedia li a.twitter:hover{
	background:url(images/socmed.png) 66px 101px;
}

.socmedia li a.facebook{
	background:url(images/socmed.png) 32px 0px;
}

.socmedia li a.facebook:hover{
	background:url(images/socmed.png) 32px 101px;
}



#searchform{
	width:160px;
	position:absolute;
	left:50%;
}

#searchform input[type="text"]{
	background:#d9f3fd;
	border:1px solid #00aef4;
	color:#00aef4;
	padding-left:20px;
	width: 125px;
	height: 24px;
}

#searchform #searchsubmit{
	background:url(images/search.png);
	width:14px;
	height:17px;
	border:none;
	position:absolute;
	right:87%;
	top:20%;
}

#tertiary {
	overflow: hidden;
	float: right;
	width: 153px;
	}
	
#secondary {
    clear: right;
    float: right;
    margin: 0 0 0 14px;
    overflow: hidden;
    width: 153px;
}

.singular.no-widgets .content {
    width: 580px;
}

div.menu{
	height:45px;
	margin:0 auto;
	width:960px;
}

#primary-menu div.menu ul ul{
	background:#000306;
	*position:relative;
	*z-index:9999;
}

#primary-menu div.menu ul ul a:hover{
	background:#252525;
	border:none;
	padding-top:12px;
	padding-bottom:12px;
}


#subsidiary .widget{
	color:#666666;
}

#footer-container {
    clear: both;
	margin-bottom:0;
	background:#000306;
	border-top:5px solid #00AEF4;
	min-height:100px;
	padding-top:10px;
}

#footer-container #footer, #footer-container > div, #subsidiary{
	width:960px;
	margin:0 auto;
	color:#FFFFFF;
}

#subsidiary .widget-title{
	border:none;
}

.footer-insert{
	display:none;
}

#footer-container .footerLeft{
	width:50%;
	position:relative;
	top: 15px;
}

#footer-container .footerLeft .blogTitle{
	font-family: 'CartoGothicProBook';
	font-size:32px;
	color:#FFFFFF;
	letter-spacing:-0.06em;
	font-style:normal;
	line-height:1em;
}

#footer-container .footerLeft .blogTitle a{
	text-decoration:none;
	color:#ffffff;
}

#footer-container .footerRight{
	width:50%;
	text-align:right;
	float:right;
	color:#FFFFFF;
	font-size:14px;
	font-family: 'DroidSansRegular';
	font-style:normal;
	position:relative;
	z-index:9;
}

#footer-container .footerRight a:visited{
	color:#00AEF4;
}

#footer-container .footerRight a:hover{
	color:#ffffff;
}

#footer-container .sidebar .widget-title{
	color:#ffffff;
	font-size:18px;
}

#footer-container .sidebar a, #footer-container .sidebar a:visited{
	color:#ffffff;
}

#footer-container .sidebar a.url{
	color:#00AEF4
}

#footer-container .sidebar a.url:hover{
	color:#ffffff;
}

#footer-container .sidebar a:hover{
	color:#00AEF4;
}

#footer-container #subsidiary{
	border-bottom: 1px dashed #555555;
    margin-bottom: 14px;
    padding-bottom: 10px;;
}

#secondary-menu{
	position:relative;
	top:-15px;
	width:50%;
}

#secondary-menu ul li{
	margin-right:18px;
	font-family: 'DroidSansRegular';
	color:#ffffff;
	font-size:14px;
}

#secondary-menu ul li a{
	text-decoration:none;
	color:#ffffff;
}

#secondary-menu ul li a:visited{
	color:#ffffff;
}

#secondary-menu ul li a:hover{
	color:#00AEF4;
}

.sidebar{
	font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}

.sidebar ul{
	margin-left:18px;
}

.sidebar a, .sidebar a:visited{
	color:#000000;
	text-decoration:none;
}

.sidebar a:hover{
	text-decoration:none;
	color:#ffffff;
	background:#000306;
}

.sidebar .textwidget a:hover, .sidebar calendar-wrap a:hover{
	color:#00AEF4;
	background:none;
}

#wp-calendar td a, #wp-calendar td a:visited{
	font-weight:bold;
	color:#00AEF4;
}

#wp-calendar td a:hover{
	color:#000000;
}

.sidebar ul{
	font-size:14px;
	list-style:disc;
}

.comment-meta{
	font-family: 'DroidSansRegular';
	font-style:normal;
	position:relative;
}

.comment-meta a, comment-meta a:visited{
	font-style:normal;
	color:#00aef4;
}

.comment-meta a:hover{
	color:#000000
}

.comment-meta .comment-reply-link, .tag-post .comments-link {
    position: absolute;
    right: 0;
	padding:0 3px;
	background:#00AEF4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#ffffff;
}

.tag-post .comments-link{
	margin-top:4px;
}

.comment-meta .comment-reply-link:hover, .tag-post .comments-link:hover{
	background:#D9F3FD;
	color:#000306;
}

input[type="submit"], #submit{
	background:#E95A3C;
	color:#ffffff;
}

input[type="submit"]:hover, #submit:hover{
	background:#cf482c;
}

#primary-menu ul li .sf-sub-indicator{
	background:url(images/down.png) no-repeat;
	position:absolute;
	width:11px;
	height:10px;
	text-indent:-9999em;
	right:5px;
	top:15px;
}

#primary-menu ul li ul li .sf-sub-indicator{
	background:none;
	position:absolute;
	width:11px;
	height:10px;
	text-indent:-9999em;
	right:-1px;
	top:16px;
}

#primary-menu .menu ul > li a{
	padding-right:20px;
	position:relative;
}

.single-subscribe{
	font-family: 'DroidSansRegular';
	font-size:12px;
	margin-bottom:15px;
	margin-top: 10px;
	border:1px solid #CCCCCC;
	padding:2px 5px;
	overflow:auto;
}

.single-subscribe span:first-child{
	float:left;
}

.single-subscribe span:last-child{
	float:right;
	line-height: 2em;
}

.after-entry{
	margin-bottom:20px;
}

.single-subscribe a{
	position:relative;
	top:2px;
	opacity:0.6;
}

.single-subscribe a:hover{
	opacity:1;
}

.after-entry #utility-after-singular{
	float: left;
    margin-right: 25px;
    max-height: 250px;
    max-width: 250px;
}

.after-entry .related-post{
	float:left;
	font-family: 'DroidSansRegular';
	font-size:16px;
	width:305px;
}

.after-entry .related-post ul{
	margin-left:1.5em;
	font-size:15px;
}

.after-entry .related-post ul li{
	margin-bottom:5px;
}

.after-entry .related-post ul li a, .after-entry .related-post ul li a:visited{
	color:#000000;
}

.after-entry .related-post ul li a:hover, .after-entry .related-post ul li a:focus{
	color:#00AEF4;
}

.after-entry .related-post .title{
	font-size:22px;
	margin-bottom:15px;
	margin-top:5px;
	letter-spacing:-0.08em;
	color: #000306;
}

.comments-header {
	font-weight: normal;
	background: #000306;
	color: white;
	font-style: italic;
}

#utility-header{
	position:absolute;
	right: 0;
    top: 6%;
}

.textwidget{
	overflow:hidden
}

.textwidget img{
	margin:0 11px;
}

.hentry img.attachment-category{
	width:175px;
	height:125px;
	margin-right:15px;
	float:left;
}

.container-archive{
	overflow: auto;
	overflow-x: hidden;
}

.archive .entry-meta, .search .entry-meta{
	display: block;
	margin-bottom: 10px;	
}

.archive .socmed, .search .socmed{
	display: block;
	width: 100%;
}

#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single{
	border:none;
}

.page-template-no-widgets #primary{
	display:none;
}

.page-template-no-widgets #content, .page-template-no-widgets #content .entry-content{
	width:100%;
}

.page-template-no-widgets .single-subscribe{
	display:none;
}

.page-template-no-widgets .socmed{
	width:29%;
}

.page-template-no-widgets #comments-template{
	width:99%;
}

.page-template-default .after-entry{
	display:none;
}