@charset "utf-8";

* {
	margin:0;
	padding:0;
	border:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#ccc;
}
a {
	color:#8b2887;
	text-decoration:none;
}

h1,h2,h3 {
	font-weight:normal;
}

h1 a, h2 a {
	color:#fff;
	text-decoration:none;
}

h2{
	color:#363636;
	font-size:20px;
	line-height:20px;	
}

.home-content h1{
	color:#8b2887;	
	font-size:36px;
	line-height:40px;
	padding-bottom:10px;
}

em {
	font-style:normal;
}
p, h3, .left h2{
	margin-bottom: 20px;
}

.right h3{
	margin-bottom:0;	
	background:#8b2887;
	line-height:30px;
	padding:0 10px;
	color:#fff;
	font-size:16px;
}

hr {
	width:100%;
	height:1px;
	color:#ccc;
	background-color:#ccc;
	margin:17px 0 17px 0;
}

.clear {
	clear:both;
}

.wrapper {
	width:1000px;
	border:1px solid #000;
	border-top:20px solid #8b2887;
	margin:0 auto;
	background:#fff;
}

.header {
	width:988px;
	margin:0 auto;
	max-height:105px;
}

.header .logo {
	float:left;
	padding:10px;
}

.header .search {
	float:right;
	width:312px;
	height:35px;
	margin-top:16px;
	background-color:#f0f0f0;
	border:1px solid #a7a7a7;
}

.header .search input{
	position:absolute;
	background:none;
}

.header .search .keywords {
	width:245px;
	margin:9px 0 0 6px;
	padding:2px 2px 2px 2px;
	font-size:14px;
	color:#515151;
}

input::-webkit-input-placeholder {
	color:#515151;
	text-transform:uppercase;
}
input::-moz-placeholder {
	color:#515151;
	text-transform:uppercase;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	color:#515151;
	text-transform:uppercase;
}
input:-ms-input-placeholder { 
	color:#515151;
	text-transform:uppercase;
}

.header .search .submit {
	width:36px;
	height:35px;
	margin:0 0 0 276px;
	background:url('../i/search.png') no-repeat top left;
	cursor:pointer;
}

/*** Nav ***/

.menu {
    background: #000000; /* Old browsers */
    position:relative;
    margin-bottom:21px;
	display:inline-block;
	width:100%;
	list-style:none;
}
.menu li, .sub-menu li {
    float:left;
    height:32px;
    line-height:32px;
	padding-bottom:0;
}

.menu li:first-child, .sub-menu li:first-child {
    padding-left:0;
}
.menu a, .sub-menu a {
    font-size:15px;
    color:#fff;
    display:block;
    height:100%;
    padding:0 9px;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
}
.sub-menu a {
	color:#1a1a1a;	
	line-height:30px;
	height:30px;
	font-size:12px;
	padding:0 8px;
}
.menu a:hover, .sub-menu a:hover, .on a, .sub-menu .on a:hover {
    background:#85d0ef;
	color:#1a1a1a;
}
.sub-menu a:hover, .on a:hover, .sub-menu .on a{
	background:#000;
	color:#fff;	
	line-height:30px;
}

.sub-menu {
    background:#85d0ef;
    position:absolute;
    top:32px;
    left:0;
    border-top: 1px solid #fff;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 100ms;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    visibility: hidden;
    height: 0px;
	list-style:none;
	color:#1a1a1a;
	display:inline-block;
	width:100%;
}

.sub-menu .sub-menu{
	top:30px;	
}

.menu > li:hover .sub-menu {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 100;
    visibility: visible;
    height: 30px;
}
.menu > li:hover .sub-menu .sub-menu{
    visibility: hidden;
}
.menu .sub-menu > li:hover .sub-menu {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 100;
    visibility: visible;
    height: 30px;
}

.sub-menu li {
    height:30px;
    line-height:30px;
}
.nav{
	display:inline-block;
	width:988px;	
}
.nav, .nav ul {
    line-height:10px;
}

.breadcrumbs {
	padding-bottom:7px;
	background:#fff;
	width:100%;
}


.footer {
	width:1000px;
	height:44px;
	font-size:11px;
	color:#fff;
	background-color:#000;
}

.footer-left{
	position:relative;
	top:18px;
	left:6px;
	float:left;
}

.footer-right{
	position:relative;
	top:18px;
	right:6px;
	float:right;
}

.footer a, .footer a:hover {
	margin:0 3px;
	text-decoration:none;
	color:#fff;
	transition:color, 0.25s;
}

.home-content {
	width:986px;
	margin:0 auto;
}

.callout-main {
	text-align:center;
	width:983px;
	display:inline-block;
}

.main-left{
	width:491px;
	float:left;	
	border-right:1px solid #ccc;
	height:279px;
}

.main-left img, .main-right img{
	max-width:100%;	
}

.main-right{
	width:491px;
	float:right;
	height:279px;		
}

.main-left-bottom{
	float:left;
	width:471px;
	border-right:1px solid #eee;	
	background:#FFF766;
}
.main-right-bottom{
	float:right;
	width:471px;
	background:#85d0ef;	
}
.main-left-bottom, .main-right-bottom{
	padding:10px;
}

.main-right-bottom h2, .main-left-bottom h2{
	font-family: 'Anton', sans-serif;
}
.links{
	width:100%;	
}
.links a{
	color:#5a5a5a;	
	text-align:left;
	font-size:16px;
	line-height:18px;
	width:30%;
	display:inline-block;
}
.links a:first-child{
	width:40%;
}
.links a:hover{
	color:#1a1a1a;	
}
.callout-main h2 a{
	display:block;
	width:100%;
	text-align:left;
	font-size:24px;	
	line-height:24px;
	padding-bottom:10px;
	color:#1a1a1a;
}

.main-left-bottom a:nth-child(3), .main-right-bottom a:nth-child(3){ 
	padding-right:0;
}

.content {
	width:988px;
	font-size:12px;
	line-height:18px;
    margin-left:6px;
	display:inline-block;
	background: #fff url(../i/bkg-content.jpg) repeat-y right;
}

.right {
	width:300px;
	float:right;
	background:#eee;
	padding:10px;
}

.right h2 {
	font-size:22px;
}

.subnav, .inner{
	list-style:none;
	margin:0;
	padding:10px;
}	

.subnav {
	margin-bottom:15px;	
}

.titles {
	line-height:20px;
	margin-bottom:10px;
	width:100%;
}

.site-search-titles {
	line-height:20px;
	padding:21px 0 10px 0;
	text-transform:uppercase;
}

.site-search-titles em {
	color:#8b2887;
}

.right p,li{
	padding-bottom:10px;
}


.left {
	float:left;	
	width:630px;
	display:inline-block;
}

.left h3{
	font-weight:700;	
}

.left ul{
	margin-top:10px;	
}

.left li{
	margin-left:2em;	
}
.titles h1{
	color:#8B2887;
	line-height:20px;
	padding:5px 0;
	margin:10px 0;
	font-size:30px;
	font-family:'Anton', sans-serif;
}

.site-search-ppc .ppc{
	float:none;
	width:610px;
	border-left:none;
	padding:10px;
	margin:0;
	background:#fff7ed;
}

.site-search-ppc .ppc .ppctitle, .site-search-ppc .ppc .ppctitle a {
	color:#3718b5;
	text-decoration:underline;
}

.site-search-ppc .ppc .ppchost, .site-search-ppc .ppc .ppchost a {
	color:#107030;
}

.ppc {
	float:right;
	width:245px;
	border-left:1px solid #000;
	padding-left:20px;
	margin:0 20px 16px 20px;
}


.ppc .kw, .ppc .wt, .ppc .wt a {
	font-size:16px;
	color:#575757;
}

.ppc .kw {
	margin-bottom:15px;
}

.ppc .kw em {
	text-transform:uppercase;
	font-weight:bold;
}

.ppc .ppclisting {
	margin-bottom:15px;
}

.ppc .ppclisting > div {
	margin-bottom:3px;
}

.ppc .ppctitle, .ppc .ppctitle a {
	font-size:14px;
	line-height:16px;
	font-weight:700;
	text-decoration:none;
	color:#ef217d;
}

.ppc .ppcdescription, .ppc .ppcdescription a {
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#575757;
}

.ppc .ppchost, .ppc .ppchost a {
	font-size:12px;
	line-height:14px;
	color:#e51681;
}

.sitemap a {
	display:block;
	margin-bottom:5px;
}

.sitemap .col1, .sitemap .col2, .sitemap .col3 {
	float:left;
}

.sitemap .link1 {
	margin-top:15px;
	font-size:18px;
	font-weight:bold;
}

.sitemap .link2 {
	margin-left:10px; font-size:14px; color:#444;
}

.sitemap .link3 {
	margin-left:20px; font-size:12px; color:#666;
}

.sitemap .link4 {
	margin-left:30px; font-size:12px; color:#888;
}

.section-image{
	margin-bottom:15px;	
}

.image {
	float:right;
	clear:right;
	margin:35px 0 0 15px;	
}

.pagination{
	margin-bottom:10px;	
}

.pagination .current, .pagination a {
    font-weight:700;
    margin:0 3px;
}

.pagecount {
    display:none;
}

.rtitle {
	font-size:14px;	
	font-weight:700;
}

.pg-item h4{
	max-width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	font-size:16px;
	height:30px;
	line-height:30px;
	background:#333;
	color:#fff;
	padding:0 10px;
}

.pg-item h4 a{
	color:#fff;	
}

.pg-description{
	font-size:10px;
}	

.pg-item{
	text-align:center;
	margin-bottom:10px;	
}

.pg-padding{
	padding-top:10px;		
}

.pg-item-price{
	display:block;	
	color:#fff;
	background:#666;
	width:125px;
	margin:0 auto;
	height:20px;
	line-height:20px;
}


.pg h3{
	background:none;
	color:#333;
	padding:0;
	font-weight:700;
	font-size:20px;
	text-transform:uppercase;
}	

.pg h3 span{
	color:#8b2887;
}

.pg-item-button{
	display:block;
	margin:10px auto 0 auto;		
	color:#000;
	font-weight:700;
	line-height:25px;
	width:60%;
	height:25px;
	background:#fff200;
}

.blurb{
	background:#fcfcfc url('../i/guy.jpg') no-repeat;
	margin:5px 0;	
	position:relative;
}

.copy{
	position:absolute;
	bottom:10px;
	left:10px;
	width:450px;	
	background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.60);	
	box-shadow: inset 0 0 55px rgba(0,0,0,0.75);
	color:#fff;
	padding:10px;
}

.mod-title{
	background:#b277af;
	width:473px;
	height:55px;
	padding:0 10px;
}	

.mod-title h2{
	line-height:55px;
	text-align:center;
	margin:auto;
	font-family: 'Anton', sans-serif;
	font-size:30px;
}


.mods{	
	margin-left:493px;
}

.mod{
	width:492px;
	max-height:121px;
	position:relative;	
	}
	
.mods > .mod:hover .hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	z-index: 100;
	visibility: visible;
}

.mod .hover{
	position:absolute;
	top:0;
	left:0;	
	background-color: rgb(139, 40, 135);
    background-color: rgba(139, 40, 135,0.70);
	color:#fff;
	padding:10px;
	text-align:center;
	font-family: 'Anton', sans-serif;
	font-size:30px;	
	width:472px;
	height:101px;
	letter-spacing:1px;
	visibility:hidden;
	filter: alpha(opacity=0);
	opacity: 0;	
}
.mod .hover a{
	color:#fff;
	display:block;
	width:100%;
	height:101px;
}
.subnav a{
	font-size:14px;	
}

.sitesearch{
	margin-top:15px;	
}

/* Facebook Posts */
.fb-embeds {margin:25px 0;}
.fb-post {float:left; width:48%; border:1px solid #d3d6db; font-family:Arial,Helvetica,sans-serif; overflow:hidden;}
.fb-post * {overflow:hidden;}
.fb-post2 {float:right;}
.fb-padding {padding:10px;}
.fb-post .fb-header .logo {float:left; margin-right:10px;}
.fb-post .fb-header .info {padding-top:8px;}
.fb-post .fb-header .info .name {font-size:14px; font-weight:bold; text-decoration:none; color:#000;}
.fb-post .fb-header .info .name:hover {text-decoration:underline;}
.fb-post .fb-header .info .likes {display:block; font-size:11px; color:#808080;}
.fb-post .fb-header .timeline {position:relative; top:10px; display:inline-block; float:right; background:url(http://media.techserious.com/i/fb-timeline.gif) 5px 4px no-repeat; padding:3px 10px 3px 25px; border:1px solid #d3d6db; border-radius:1px; box-shadow:1px 0 1px rgba(0,0,0,0.08); font-size:12px; font-weight:bold; text-decoration:none; color:#333;}
.fb-post .fb-caption {font-size:14px; line-height:125%; color:#333;}
.fb-post .fb-caption p {padding-top:0; margin-top:5px; line-height:115%}
.fb-post .fb-caption a {text-decoration:none; color:#2e57aa;}
.fb-post .fb-caption a:hover {text-decoration:underline;}
.fb-post .fb-article {margin-top:10px; border:1px solid #d3d6db;}
.fb-post .fb-article-photo {border:none;}
.fb-post .fb-article .image {width:154px; max-height:154px; float:left; display:inline-block;}
.fb-post .fb-article-photo .image {width:100%; max-height:inherit; float:none; box-shadow:0 4px 4px rgba(0,0,0,0.3);}
.fb-post .fb-article-photo .image img {margin-bottom:-4px; max-width:100%;}
.fb-post .fb-article .info {margin-left:154px; padding:15px 10px 10px 10px; border-left:1px solid #d3d6db;}
.fb-post .fb-article .info a {display:block; text-decoration:none;}
.fb-post .fb-article .info .title {font-family:"Times New Roman",Times,serif; font-size:20px; line-height:105%; color:#333;}
.fb-post .fb-article .info .description {margin-top:10px; font-family:"Times New Roman",Times,serif; font-size:14px; line-height:115%; color:#333;}
.fb-post .fb-article .info .caption {margin-top:10px; font-size:11px; text-transform:uppercase; color:#999;}
.fb-post .fb-updated {padding:12px 0 0 0; font-size:11px; color:#999;}
.fb-post .fb-actions {padding:3px 0; border-top:1px solid #d3d6db; border-bottom:1px solid #d3d6db; background-color:#f6f7f8; font-size:12px;}
.fb-post .fb-actions .share {float:left; display:inline-block; font-weight:bold; text-decoration:none; font-size:12px; padding:5px 10px 5px 25px; background:url(http://media.techserious.com/i/fb-share.png) 5px 7px no-repeat; color:#000;}
.fb-post .fb-actions .share:hover {background-color:#f0f2f2;}
.fb-post .fb-actions .comments, .fb-post .fb-actions .shares {float:right; padding:5px 10px; text-decoration:none; color:#333;}
.fb-post .fb-actions .shares {margin-left:10px;}
.fb-post .fb-likes {background-color:#f6f7f8; padding:5px 0;}
.fb-post .fb-likes a {text-decoration:none; font-size:12px; padding:5px 10px; color:#666;}
.fb-post .fb-actions .share:hover, .fb-post .fb-actions .comments:hover, .fb-post .fb-actions .shares:hover, .fb-post .fb-likes a:hover {background-color:#f0f2f2;}