/* @override http://www.switched.com/media/hgg-hub.css */

#hgg-content {
width: 644px;
}

#hgg-content #content {
padding-right: 1.5em;
}

#hgg-content h3 {
margin: .3em 0;
color: #333;
font-size: 1.6em;
font-weight: normal;
letter-spacing: -1px;
}

#hgg-header {
border-bottom: 2px solid #ddd;
width: 644px;
height: 91px;
}

#hgg-type-nav {
margin: 0;
padding: .4em .4em 0 .4em;
background: #c90019;
font-size: 11px;
overflow: auto;
_height: 1%;
width:636px;
}

#hgg-price-nav {
margin: 0;
padding: .4em .4em .5em .4em;
background-color: #fff;
border-bottom: 1px solid #c90019;
font-size: 11px;
overflow: auto;
_height: 1%;
}

#hgg-type-nav li {
float: left;
margin-right: .1em;
padding: 0 .3em 0 0;
display: inline;
}

#hgg-price-nav li {
float: left;
margin-right: .1em;
padding: .2em .4em;
display: inline;	
}

#hgg-type-nav li a {
display: block;
padding: 3px 5px;
color: #fff;
text-decoration: none;
}

#hgg-price-nav li a {
padding: 3px 5px;
color: #666;
text-decoration: none;
}

#hgg-type-nav li.active a, #hgg-type-nav li a:hover {
background: #fff;
color: #333;
}

#hgg-price-nav li.active a, #hgg-price-nav li a:hover {
background: #eee;
}

#hgg-top-feature {
margin: 1.5em auto 0 auto;
padding-bottom: .8em;
width: 616px;
border-bottom: 1px solid #eee;
overflow: hidden;
}

#hgg-top-feature img {
border: 1px solid #ddd;
border-right-color: #ccc;
border-bottom-color: #ccc;
padding: .3em;
float: left;
width: 305px;
height: 200px;
}

#hgg-top-feature-meta {
width: 280px;
float: right;
}

#hgg-top-feature h2 a {
color: #222;
font-size: 1.2em;
line-height: 1.1;
text-decoration: none;
letter-spacing: -1px;
}

#hgg-top-feature-meta h2 a:hover {
text-decoration: underline;
}

#hgg-top-feature-meta h3 {
color: #333;
font-size: 1.3em;
font-weight: normal;
line-height: 1.3;
}

#hgg-content .continue-reading a {
margin-top: .8em;
color: #87040c;
display: block;
font-size: 1em;
font-weight: bold;
text-decoration: none;
}

#hgg-features {
width: 616px;
margin: 1.1em auto;
overflow: hidden;
}

#hgg-features ul {
margin: 0;
}

#hgg-features .feature-pod {
margin: 0;
width: 141px;
float: left;
border-right: 1px dotted #e5e5e5;
_border-right: 1px solid #e5e5e5;
margin-right: .6em;
padding-right: .6em;
}

#hgg-features .feature-pod a {
display: block;
height: 190px;
text-decoration: none;
}

#hgg-features .feature-pod a:hover {
background: #d0deea;
}

#hgg-features .feature-pod h4 {
padding: .5em .4em;
font-size: 1.1em;
}

#hgg-features .last {
border: none;
margin-right: 0;
padding-right: 0;
}

#hgg-latest-posts {
width: 616px;
margin: 1.1em auto;
padding-bottom: 1.5em;
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
}

#hgg-latest-posts ul {
margin: 0;
}

#hgg-latest-posts .latest-pod {
width: 190px;
float: left;
border-right: 1px solid #e5e5e5;
margin-right: 1em;
padding-right: .8em;
}

#hgg-latest-posts .latest-pod a {
display: block;
text-decoration: none;
}

#hgg-latest-posts .latest-pod a:hover {
background: #d0deea;
}

#hgg-latest-posts .latest-pod img {
width: 190px;
height: 123px;
}

#hgg-latest-posts .latest-pod h4 {
margin: 0;
padding: .6em .4em 0 .4em;
letter-spacing: -1px;
font-size: 1.3em;
}

#hgg-latest-posts p {
color: #444;
margin: 0;
padding: .5em .4em;
}

#hgg-latest-posts .last {
border: none;
margin-right: 0;
padding-right: 0;
}

#hgg-tech-network {
width: 616px;
margin: 1.1em auto;
}

.hgg-micro-post {
padding-top:  1.2em;
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
}

.hgg-micro-post h4 a {
color: #222!important;
text-decoration: none;
letter-spacing: -1px;
font-size: 1.2em;
}

.hgg-micro-post h4 a:hover {
text-decoration: underline;
}

.hgg-micro-post h4 span {
color: #666;
display: block; 
font-size: .9em;
font-weight: normal;
}

.hgg-micro-post img {
display: block;
float: left;
width: 132px;
height: 88px;
margin-top: 1em;
margin-right: 1.5em;
}

.hgg-micro-post p {
margin-top: 1em;
}

#subcontent .hgg-about-module,  #subcontent .hgg-browser-module {
background: #111;
color: #fff;
_height: 1%;
width: 330px;
overflow: hidden;
margin: .5em 0;
}

#subcontent .hgg-about-module h3 {
background: url(http://www.blogsmithmedia.com/www.switched.com/media/hgg-about-h3-bg.gif) no-repeat;
text-indent: -9999px;
margin: 0;
width: 330px;
height: 42px;
}

.hgg-about-module p {
color: #999;
margin: 0;
padding: 14px 11px;
}

#subcontent .hgg-browser-module h3 {
background: url(http://www.blogsmithmedia.com/www.switched.com/media/hgg-browser-h3-bg.gif) no-repeat;
text-indent: -9999px;
margin: 0;
width: 330px;
height: 42px;
}

.hgg-browser-module #twocol {
margin: 0 12px;
overflow: hidden;
}

#subcontent .hgg-browser-module .col {
float: left;
width: 123px;
margin-right: 30px;
}

#subcontent .hgg-browser-module h4 {
color: #fff;
}

#subcontent .hgg-browser-module p a {
color: #ccc;
font-size: .9em;
}

#subcontent .hgg-browser-module p a:hover {
color: #FF6600;
text-decoration: underline;
}

#hgg-content #hgg-tag-main {
margin: 1.5em 1.3em;
}

#hgg-content #hgg-tag-main h2 a {
color: #222;
font: 1.2em/1.1em "Arial Black";
line-height: 1.1em;
text-decoration: none;
letter-spacing: -1px;
display: block;
}

#hgg-content #hgg-tag-main h2 a:hover {
text-decoration: underline;
}

.hgg-tag-micro-post {
margin: 0 1.3em;
padding-top:  1.2em;
border-bottom: 1px solid #e5e5e5;
overflow: hidden;
}

.hgg-tag-micro-post h4 {
margin-bottom: .4em;
}

.hgg-tag-micro-post h4 a {
color: #222!important;
text-decoration: none;
letter-spacing: -1px;
font-size: 1.2em;
}

.hgg-tag-micro-post h4 a:hover {
text-decoration: underline;
}

.hgg-tag-micro-post img {
display: block;
float: left;
width: 132px;
height: 88px;
margin-right: 1.5em;
}

p.hggtags {
font-size: 11px;
}

/* =PAGE NAV
-------------------------------------------------------------- */
p.page-nav {
clear: both;
margin: 1em 1.5em;
padding: 0;
}
p.page-nav .divider {display: none;}
#hgg-content p.page-nav a {
background: #ddd;
text-decoration: none;
background: red url(http://www.blogsmithmedia.com/www.switched.com/media/btn-pagenav.gif) no-repeat 0 0;
_display: inline-block;
height: 36px;
line-height: 35px;
font-size: 1.2em;
color: #000;
width: 161px;
}

#hgg-content p.page-nav a.previous-page {
float: left;
text-align:center;
}

#hgg-content p.page-nav a.next-page {
float: right;
text-align:center;
}

#hgg-content p.page-nav a:hover {
background-position: 0 -36px;
color: darkred;
}