/*
Theme Name: iSquintV4
Theme URI: http://justinlangdesign.com
Description: V4 of iSquint.net
Author: JustinLangDesign
Author URI: http://JustinLangDesign.com
Version: 4.0b
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)

License:
License URI:

General comments (optional).
*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
        font-family: sans-serif;
	font-weight: 100;
        font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*****************************************/

a {
	text-decoration: none;
	color: orange;
}

p {
	padding-top: .5em;
}

hr {
	width: 75%;
}

blockquote {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background: #F8F8F8;
	font-style: italic;
}

.topbar {
	background-color: white;
	width: 100%;
	height: 45px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}
	
	.topbar960 {
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}

.wrapper {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
	top: 45px;
	position: relative;
}

.fl {
	width: 100%;
	float: left;
}

.header {
}

	.top {
		border-bottom: #E8E8E8  solid .5px;
		border-right: #E8E8E8  solid .5px;
		border-left: #E8E8E8  solid .5px;
		margin-bottom: 5px;
	}
	
	.logo-line {
		padding-top: 4px;
		border-bottom: 1px solid black;
		background-color: white;
		
	}
	
	.logo-line-info {
		width: 534px;
		padding: 6px 10px 0 0 ;
		font-size: .7em;
		color: grey;
	
	}
		.logo {
			width: 180px;
			
		}
			
			.logo h1, .footer-search-box h3, .sidebar_wrapper h3, .related_post_title, .fbcomments h3, .post_content h3 {
				font-size: 2.5em;
				font-weight: bold;
				color: #A0A0A0;
			}
			
			.logo span, .footer-search-box span, .sidebar_wrapper span, .related_post_title span, .fbcomments span, .post_content span {
				color: orange;
			}
			
			.fbcomments h3, .related_post_title {
				font-size: 1.75em;
				margin: 15 0 10 0;
			}
		
		.header-search {
			width: 321px;
			
		}
		
			.header-search input {
				padding: 10 0 10 5;
				width: 321px;
				
			}
		
	.header-menu {
		
		
	}
	
	.header-menu a {
		color: black;
	}
		
	
		
		
		
		#header-nav {
			float: left;
			width: 770px;
			height: auto;	
		}
		
		#header-nav-social {
			width: 244px;
			padding-top: 10px;
			
		}
		
		#nav-love a {
			color: red;
			font-weight: 900;
		}
			ul#menu-header-nav {
				margin:0;
				list-style:none;
				width:100%;
				font-size: .80em;
				font-weight: lighter;
				padding: 5px 0 0 5px;
			}
			
			ul#menu-header-nav li {
				margin:0;
				padding:0;
				display:block;
				float:left;
				position:relative;
				width:auto;
				text-transform: uppercase;
			}
			
			ul#menu-header-nav li a:link, ul#menu-header-nav li a:visited {
				padding:10px 40 10px 5;
				display:block;
				text-decoration:none;
				width:auto;
			}
			
			ul#menu-header-nav li:hover a, ul#menu-header-nav li a:hover, ul#menu-header-nav li a:active {
				padding: 10px 40 10px 5;
				background-color:;
				display:block;
				text-decoration:none;
				width:auto;
			}
				
			ul#menu-header-nav li ul.sub-menu {
				margin:0;
				list-style:none;
				display:none;
				width: 170px;
				position:absolute;
				top:32px;
				border-top: none;
				border-left: 1px solid orange;
				border-bottom: 5px solid orange;
			}
			
			ul#menu-header-nav li:hover ul.sub-menu {
				display:block;
			}
			
			ul#menu-header-nav li ul.sub-menu li {
				width:110px;
				clear:left;
			}
			
			ul#menu-header-nav li ul.sub-menu li a:link, ul#menu-header-nav li ul.sub-menu li a:visited {
				clear:left;
				background: white;
				padding:10px 40 10px 5;
				width:130px;
				border:none;
				position:relative;
				z-index:1000;
				text-transform: capitalize;
			}
			
			ul#menu-header-nav li ul.sub-menu li:hover a, ul#menu-header-nav li ul.sub-menu li a:active, ul#menu-header-nav li ul.sub-menu li a:hover {
				clear:left;
				color: orange;
				background:;
				padding: 10px 40 10px 5;
				width:130px;
				border:none;
				position: relative;
				z-index:1000;
			}
			
			ul#menu-header-nav li ul.sub-menu li ul.navigation-3
				{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; background:#ffffff; z-index:900; }
			ul#menu-header-nav li ul.sub-menu li:hover ul.navigation-3
				{ display:block; }
			ul#menu-header-nav li ul.sub-menu li ul.navigation-3 li a:link,
			ul#menu-header-nav li ul.sub-menu li ul.navigation-3 li a:visited
				{ background:; }
			ul#menu-header-nav li ul.sub-menu li ul.navigation-3 li:hover a,
			ul#menu-header-nav li ul.sub-menu li ul.navigation-3 li a:hover,
			ul#menu-header-nav li ul.sub-menu li ul.navigation-3 li a:active
				{ background:; }
			ul#menu-header-nav li ul.sub-menu li a span
				{ position:absolute; top:0; left:110px; font-size:12pt; color:#fe676f; }
			ul#menu-header-nav li ul.sub-menu li:hover a span,
			ul#menu-header-nav li ul.sub-menu li a:hover span
				{ position:absolute; top:0; left:110px; font-size:12pt; color:#ffffff; }
		

		
		#social_icon {
			padding-top: 8px;
			width: 25px;
		}

			
			
			
.leaderboard {
	width: 100%;
	float: left;
	text-align: center;
	padding: 10px 0px;
}
			
			
	
.top-storeis {

}

	.cont-320x360 {
		position: relative;
		width: 320px;
		height: 360px;
	}
	
	.cont-320x180 {
		position: relative;
		width: 320px;
		height: 180px;
	}
	
		.top-stories img {
			opacity: 0.4;
		}
		

	
		.top-stories h3 {
			position: absolute;
			top: 30px;
			left: 20px;
			width: 300px;
		}
		
			.cont-320x360 h3 {
				font-size: 1.75em;
			}
			
			.cont-320x180 h3 {
				font-size: 1.3em;
			}
			
		.cont-320x360 span, .cont-320x180 span {
			font-size: 16px;
		}
		
		.top-stories a {
			color: white;
			text-decoration: none;
		}
		

		



.ad-column {
	width: 300px;
	height: 300px;
	padding: 10px;
}

.header-story {
	width: 678px;
	height: 300px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.3em;
}

	.header-story h2 a, .quick-story h2 a {
		color: black;
		
	}

	.header-story p {
		font-size: 1.3em;
		line-height: 1.2em;
	}
	
	#ad-200x2500-cover {
		padding-top: 25px;
	}
	
	.ad-300x250 {
		width: 300px;
		height: 250px;

	}


	.header-story img {
		width: 200px;
		padding-right: 10px;
		height: auto;
		float: left;
	}
	
	.header-story h2 {
		font-weight: 100;
		font-size: 2.5em;
		line-height: 1.2em;
		padding-bottom: 10px;
	}
	
	.header-story a:hover {
		color: white;
		background-color: black;
	}
	
	.story-column hr {
		border: #E8E8E8  solid .25px;
		margin-bottom: 20px;
	}
	
		.story-byline {
			font-weight: 100;
			font-size: .80em;
			padding-bottom: 5px;
		}
		
		.story-byline a {
			font-weight: normal;
		}

/* Change the background of post titles for easy identification */
.quick-story a:hover, .header-story a:hover, #latest_headlines_list a:hover, .related_post a:hover {
	color: white;
	background-color: black;
}




		
.quick-story {
	width: 234px;
	padding: 10px;
	font-size: 14px;
	line-height: 1.2em;
	min-height: 500px;
	height: auto;
}
	.quick-story h2, .post_content h4 {
		font-weight: 100;
		font-size: 1.5em;
		line-height: 1.3em;
		padding-bottom: 10px;
	}
	

	.quick-story img {
		width: 100%;
		padding-bottom: 5px;
	}
	
	
.seemoar {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 0px;
	text-align: center;

}
	
.sidebar_wrapper {
	width: 300px;
	min-height: 400px;
	float: left;
	padding: 10px;

}

	.sidebar_wrapper h3 {
		font-size: 1.5em;
		width: 100%;
	}
	
	#latest_headlines_list {
		padding-top: 10px;
	}
	
	#latest_headlines_list a {
		color: black;
	}
	
	
.post_wrapper {
	width: 1024px;
	float: left;
}

	#categories a {
		font-size: .75em;
		padding: 2px;
		color: white;
		background-color: black;
	}
	
		#categories a:hover {
			color: black;
			background: #A0A0A0;
		}

	.post_title {
		width: 984px;
		padding: 5 20 20 20;
		float: left;
	}
	
		.post_title i {
			color: grey;
			font-weight: bold;
		}
	
	.author_link a {
		color: orange;
	}
		
		.author_link a:hover {
			color:white;
			background-color: orange;
		}

	.post_content {
		width: 682px;
		padding: 10px;
		float: left;
		
	}
	
	.post_content img {
		max-width: 652;
	}
	
	.post_content ul {
		padding: 10 0 10 30;
		list-style: circle;
	}
	
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
	
	
	
	.shop_price_area {
		width: 30%;
		float: left;
	}
	
	.shop_details_area {
		width: 70%;
		float: left;
	}
	
	
	#shop_price {
		font-size: 2.25em;
		font-weight: 100;
		color: orange;
	}

	.shop_product_listing {
		width: 100%;
		height: 150px;
		padding: 25px 0;
	}
	
	
	
	.post_wrapper img {
		padding-right: 10px;
		padding-bottom: 10px;
		height: auto;
		max-width: 660px;
	}
	
	.post_wrapper h2 {
		font-weight: 100;
		font-size: 3.25em;
		line-height: 1.2em;
		padding-bottom: 10px;
	}
	
	.post_wrapper p {
		line-height: 1.1em;
		padding-bottom: 10px;
	}
	
	
	.archives330 {
		width:310px;
		height:450px;
		overflow: hidden;
		padding: 10px;
		border-bottom: #E8E8E8  solid 1px;
		
	}
	
		.archives330 h4 a {
			color: black;
		}
		
		.archives330 h4 a:hover {
			color: white;
			background-color: black;
		}
	
	.archives330:nth-child(even){
		border-left: #E8E8E8  solid 1px;
	}
	
	
	
	.justinsearchform {
		width: 100%;
		margin-top: 10px;
		
	}

		.justinsearchform input {
			padding: 5px;
			margin-left: 10px;
			font-size: 1.5em;
			color: grey;
		}


/*from Social network plugin */

	#socialbuttonnav {
		float: right;
		padding: 10 0;
		width: 100%;
		background-image:url('images/get_social_background.png');
		background-repeat: no-repeat;
	}

	#socialbuttonnav li{
		list-style:none;
		overflow:hidden;
		margin:0 auto;
		background:none;
		overflow:hidden;
		width:62px;
		height:70px;
		line-height:10px;
		margin-right:1px;
		float:right;
		text-align:center;}

	.related_post {
		margin-bottom: 30px;
	}

	.related_post a{
		color: black;
	}
	
	.related_post li {
		margin: 5 0 10 20;
	}

.footer {
	width: 1004px;
	padding: 10px;
	background-color: black;
	color: white;
}
	.footer a {
		color: grey;
	}
	
	.footer-column {
		width: 200px;
		padding: 20px 0 0 20px;
	}
		.footer-column h3 {
			font-size: .95em;
			color: #A0A0A0;
			font-weight: 100;
			padding-bottom:5px;
			text-transform: uppercase;
		}
		
		.footer-column span {
			color: orange;
		}
		
		.footer-column li {
			font-size: .85em;
			line-height: 1.75em;
			font-weight: 100;
		}
	
	.footer-search {
		width: 340px;
	}
	
		.footer-search-box {
			width: 320px;
			padding: 20px 0 0 0;
		}
		
		.footer-search-box input {
			margin-top: 20px;
			width: 100%;
			font-size: .85em;
			padding: 10 0 10 5;
		}
		
		.footer-about {
			width: 320px;
			height: auto;
			margin-top: 100px;
			font-size: .70em;
			font-weight: 100;
			line-height: 1.3em;
			text-align: right;
		}
		
		/* for the footer-search-box H3 & span, see line 94 & 99 */


/* for SLDC header */

#SLDC_table img {
	float: none;
	padding: 0;
}

#SLDC_gif {
	height: 1px;
}

#sdc_page_nav {
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 0 10px 0;
}

#sdc_page_nav li {
	width: 140px;
	display: inline-block;
	padding: 5px 0 5px 0;
	margin-right: 10px;
	background-color: #CC6600;
	border-bottom: thin solid #333333;
}

#sdc_page_nav a {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	color:#333333;
}

#sdc_page_nav li:hover {
	background-color: #333333;
	border-bottom: thin solid #CC6600;
}

#sdc_page_nav a:hover {
	color: #CC6600;
}

#sdc_registration_closed {
	width: 350px;
	margin: 30px 0 20px 0;
	padding: 20px;
	display: block;
	background-color: #F00;
	color: #FFF;
	font-size: 48px;
	font-weight: bold;

}

.sdc_question {
	padding-top: 25px;
	font-size: 24px;
	font-weight: bold;
	color: #C60;
}

.sdc_question span {
	display: block;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 18px;
	color:#000;
	font-weight: 100;
}

ol {
	padding-left: 50px;
	list-style-type:decimal;
}



.border {
	border: #E8E8E8  solid 1px;
	
}

.left-border {
	border-left: #E8E8E8  solid 1px;
}

.bottom_border {
	border-bottom: #E8E8E8  solid 1px;
}

.alignleft {
	float: left;
}

.h150 {
	height: 300px;
}

.margin40top {
	margin-top: 40px;
}


.3d {
	text-shadow: -0.06em 0 red, 0.06em 0 cyan;
}


.black {
	background-color: black;
}

.grey {
	background-color: #F0F0F0;
}

.dark-grey {
	background-color: #787878;
}

.red {
	background-color: red;
}

.green {
	background-color: green;
}

.blue {
	background-color: blue;
}

.amber {
	background-color: orange;
}