/*
Theme Name: CSS Globe 
Theme URI: 
Description: CSS Globe Web Magazine
Version: 1.0
Author: CSS Globe
Author URI: http://cssglobe.com/
Tags: 
*/

/* HTML elements  */		
	
	html{overflow-y:scroll;}
	html, body{margin:0;padding:0;}
	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;
		}	
	h1{font-size:2em;margin-bottom:.5em;}	
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
	h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{display:block;line-height:inherit;margin:0 0 1.5em 0;}
	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;padding:0;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:block;clear:both;height:1px;border:0;border-top:1px solid #ccc;margin:0 0 1.5em 0;padding:0;}	
	table{width:100%;border-collapse:collapse;display:table;}
	th,caption{text-align:left;}	
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input, select{vertical-align:middle;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
	input::-moz-focus-inner{border:0;padding:0;}

/* //  HTML elements */	

/* helpers */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.block{display:block;clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic, #logo{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // helpers */			

/* base */

	@font-face {
		font-family: black;
		src: url('black.eot');
		src: local(':)'), url('black.woff') format('woff'), url('black.ttf') format('truetype'), url('black.svg#webfontfa3kE9MX') format('svg');
		font-weight: normal;
		font-style: normal;
		}
	@font-face {
		font-family: regular;
		src: url('regular.eot');
		src: local(':)'), url('regular.woff') format('woff'), url('regular.ttf') format('truetype'), url('regular.svg#webfontfa3kE9MX') format('svg');
		font-weight: normal;
		font-style: normal;
		}		
	body, table, input, textarea, select, li, button{
		font:1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		line-height:1.5em;
		color:#444;
		}		
	body{
		font-size:12px;
		background:#000;
		text-align:center;
		}	
	a, a:visited{
		text-decoration:none;
		color:#06C;
		}
	a:hover{color:#999;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		display:block;
		padding:20px 10px;
		border:2px solid #bae2f0;
		background:#e3f4f9;	
		margin:0 0 1.5em 0;
		overflow:auto;
		overflow-Y:hidden;
		width:574px;
		line-height:1.5em;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;vertical-align:top;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div{margin:.5em 0;clear:both;}
	form div.col{clear:none;}form div.first{clear:both;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #bbb;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		-moz-box-shadow:inset 0 0 4px rgba(0,0,0,.2);
		-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);
		box-shadow:inset 0 0 4px rgba(0,0,0,.2);		
		}
	select{width:312px;}
	textarea, .area{overflow:auto;height:150px;width:400px;resize:vertical;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{
		border:1px solid #999;
		outline:none;
		}
	.submit{}
	button, input[type="submit"], input[type="reset"], input[type="button"], a.button{
		display:inline-block;
		border: 1px solid #aaa;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		background:#eee; 
		background:-moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); 
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); 
		background:-webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background:-o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background:-ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		background:linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
		color:#333;
		text-shadow: 0 1px rgba(255, 255, 255, .75);
		font-weight:bold;
		padding:0 15px;
		height:32px;
		line-height:32px;
		cursor:pointer;
		}
	button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.button:hover{	
		background:#ddd; 
		-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
		box-shadow:0 0 3px rgba(0,0,0,.2);
		}
		
	.message, form span.error{
		display:block;
		padding:5px 10px;		
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		}
	form span.error{margin-top:5px;}	
	.error{background:#fee0e0;border:1px solid #efa1ac;color:#900;}
	.success{background:#d5ffcf;border:1px solid #8fe78f;color:#060;}
	.note{font-weight:bold;background:#fffed0;border:1px solid #d4d287;color:#333;}
	
	.notvalid{border:1px solid #efa1ac !important;}

/* base */

/* layout */

	.inner{	
		margin:0 auto;
		width:980px;
		text-align:left;
		position:relative;
		}
	header[role="banner"]{
		position:relative;
		height:75px;
		background:#eee;
		}	
	footer[role="contentinfo"]{
		position:relative;
		clear:both;
		background:#000;
		color:#fff;		
		padding:2em;
		}	
		
	.content{
		background:#eee url(images/bg_content.gif) repeat;
		padding:30px 0;
		}
	.content .inner{
		background:#fff;
		border-top:5px solid #000;
		padding:30px 0;
		}
	.main, .secondary{
		float:left;
		display:inline;
		}
	.main{width:600px;margin-left:40px;}
	.secondary{width:280px;margin-left:30px;}
	
	/* percentage based grid */
		
		/* 
			class name .cols used for column containers
			class name .col used for individual columns
		*/
		
		.cols{margin-bottom:1.5em;overflow:hidden;} /* main column container class */
		.col, .col2, .col3, .col4, .col5{
			float:left;
			display:inline;	
			margin-left:2%;
			}		
		.col{width:49%;} /* 2 equal width columns - default */
		.cols3 .col{width:32%;} /* 3 equal width columns */
		.cols4 .col{width:23.5%;} /* 4 equal width columns */
		.cols5 .col{width:18.4%;} /* 5 equal width columns */
		.cols6 .col{width:15%;} /* 6 equal width columns */
		
		/* double width columns */
		.cols3 .col2{width:66%;} 
		.cols4 .col2{width:49%;} 
		.cols5 .col2{width:38.8%;} 
		.cols6 .col2{width:32%;} 
		
		/* triple width columns */
		.cols4 .col3{width:74.5%;} 
		.cols5 .col3{width:59.2%;} 
		.cols6 .col3{width:49%;} 
		
		/* quadruple width columns */
		.cols5 .col4{width:79.6%;} 
		.cols6 .col4{width:66%;} 
		
		/* quintuple width columns */
		.cols6 .col5{width:83%;} 	
		
	/* percentage based grid */

/* // layout */

/* navigation */
	
		
		nav[role="navigation"]{height:45px;background:#111;}
		nav[role="navigation"] ul{width:960px;margin:0 auto;text-align:left;}		
		nav[role="navigation"] li{
			float:left;
			display:inline;
			position:relative;
			line-height:45px;
			height:45px;
			margin:0 2em 0 0;
			font-size:11px;
			}	
		nav[role="navigation"] li a{color:#eee;}
		nav[role="navigation"] li a:hover{color:#999;}
		
				
/* //navigation */

/* header */

	#logo{
		position:absolute;
		top:20px;
		left:0;
		margin:0;
		height:38px;
		width:291px;
		background:url(images/bg_logo.png) no-repeat 0 0;
		}
	#logo a{	
		display:block;
		height:38px;
		}	
		
	form#searchForm{
		margin:0;
		float:left;
		position:absolute;
		top:35px;
		right:0;
		height:25px;
		width:320px;
		background:url(images/bg_search.png) no-repeat 0 0;
		}		
	#searchForm input{
		border:none;
		background:none;
		padding:3px 5px;
		width:250px;
		position:absolute;
		top:1px;
		left:15px;
		margin:0;
		font-size:12px;
		color:#555;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;	
		}		
	#searchForm input:focus{outline:none;}
	#searchForm button{
		display:inline;
		float:left;
		background:none;
		border:none;
		height:25px;
		width:50px;
		position:absolute;
		right:5px;
		top:0;
		text-indent:-8000px;
		}
	#searchForm button:hover{	
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;	
		}
	form#searchForm label{display:none !important;}
		
/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:underline;
		}
	h2.alt, h3.alt{
		text-transform:uppercase;
		color:#777;
		font-size:11px;
		letter-spacing:.5em;
		margin-bottom:1.5em;
		position:relative;
		}
	h2 a{text-decoration:none !important;}	
	
	.main h2.alt:after, #intro h2:after{
		content:'';
		float:left;
		width:40px;
		height:35px;
		background:url(images/bg_pointer.png) no-repeat 0 0;
		position:absolute;
		top:-6px;
		left:-60px;
		}
	#intro h2:after{top:10px;}
	
	#intro{
		text-align:left;
		width:900px;
		margin:0 auto;
		background:#eee;
		padding:2em 40px;
		border-bottom:3px solid #e1e1e1;
		}
	#intro p{font-size:10px;margin-bottom:0;color:#999;}
	#intro h2{font-size:30px;margin:0;position:relative;color:#000;}
	
	p.info{
		font-size:11px;
		border-top:1px solid #e5e5e5;
		height:25px;
		line-height:25px;
		}
	p.info a, p.info span{
		float:left;
		border-right:1px solid #e5e5e5;		
		height:25px;
		line-height:25px;
		color:#555;
		padding-right:12px;
		margin-right:12px;
		text-decoration:none !important;
		}
	p.info a:hover{color:#000;}

	p.more{height:25px;}		
	p.more.alt{margin-bottom:2.5em;}		
	p.more a{
		float:left;
		height:25px;
		line-height:25px;
		padding:0 20px;
		background:#f1f1f1;
		font-size:11px;
		color:#555;
		text-decoration:none !important;
		}			
	p.more a:hover{background:#06c;color:#fff;}

	ul.social{border-top:1px solid #e5e5e5;}						
	ul.social li{
		margin:0;
		list-style:none;		
		border-bottom:1px solid #e5e5e5;
		padding:0 !important;
		}	
	ul.social li.rss{background:url(images/ico_feed.png) no-repeat 0 50%;}
	ul.social li.facebook{background:url(images/ico_facebook.png) no-repeat 0 50%;}
	ul.social li.twitter{background:url(images/ico_twitter.png) no-repeat 0 50%;}
	ul.social a{text-decoration:none !important;display:block;padding:1.5em 0 1.5em 42px;}	

	.main img{
		border:2px solid #e1e1e1;
		}
	
	.box{
		margin-bottom:1.5em;
		color:#555;
		border:2px solid #e1e1e1;
		background:#f9f9f9;
		padding:10px;
		}
	.box img{
		background:#fff;
		padding:2px;
		border:2px solid #e1e1e1;
		float:left;
		margin-right:10px;
		}
	
	.bookmark{
		font-size:90%;
		color:#555;
		border:2px solid #e1e1e1;
		background:#f9f9f9;
		padding:5px 10px;
		}
	.bookmark a{
		color:#555;
		padding-left:20px;
		margin-right:10px;
		float:left;
		line-height:24px;
		height:24px;
		text-decoration:none !important;
		}
	.bookmark a:hover{text-decoration:underline;}
	
	.bookmark .delicious{background:url(images/ico_delicious.png) no-repeat 0 50%;}
	.bookmark .digg{background:url(images/ico_digg.png) no-repeat 0 50%;}
	.bookmark .stumble{background:url(images/ico_stumble.png) no-repeat 0 50%;}
	.bookmark .reddit{background:url(images/ico_reddit.png) no-repeat 0 50%;}
	.bookmark .feed{background:url(images/ico_subscribe.png) no-repeat 0 50%;}	
	.bookmark .facebook{background:url(images/ico_facebook16.png) no-repeat 0 50%;}
	.bookmark .twitter{background:url(images/ico_twitter16.png) no-repeat 0 50%;}
	
	.imp{background:#fff7c6;padding:15px;border:2px solid #f0e6a6;text-align:center;}
	.imp a{display:inline-block;border:4px solid #fff;background:#fff;padding:0 5px;color:#333;text-decoration:none !important;}
	.imp a:hover{background:#f0e6a6;border:4px solid #f0e6a6;color:#333;}
	
	#pagination a, #pagination span{ 
		float:left;
		margin-right:3px;
		padding:1px 5px;
		text-align:center;
		border:2px solid #e1e1e1;
		}	
	#pagination a{text-decoration:none !important;}	
	#pagination span{background:#e1e1e1;}
	
	#commentform em{display:block;font-size:11px;color:#999;}
	
	#comments li{
		margin:0 0 1.5em 0;
		list-style:none;
		}
	#comments li .details{
		float:left;
		width:100px;
		font-size:11px;
		}
	#comments .details span, omments .details a{display:block;}	
	#comments li .body{
		float:right;
		width:420px;
		padding:10px 20px;
		border:2px solid #eee;
		background:#f9f9f9;
		}	
	#comments p:last-child{margin:0;}
	
	.member, .date, .comments, .favorite, .news, .edit, .logoff{padding-left:18px;min-height:1.5em;}
	.member{background:url(images/ico_member.gif) no-repeat 0 50%;}
	.date{background:url(images/ico_date.gif) no-repeat 0 50%;}	
	.comments{background:url(images/ico_comments.gif) no-repeat 0 50%;}
	.favorite{background:url(images/ico_favorite.gif) no-repeat 0 50%;display:none !important;}		
	.news{background:url(images/ico_news.gif) no-repeat 0 50%;}	
	.edit{background:url(images/ico_edit.gif) no-repeat 0 50%;}
	.logoff{background:url(images/ico_logoff.gif) no-repeat 0 50%;}					

	ul.items, .secondary ul{
		border-top:1px solid #e5e5e5;
		}					
	ul.items a, .secondary ul a{text-decoration:none !important;}
	ul.items li, .secondary ul li{
		padding:1em 0;
		border-bottom:1px solid #e5e5e5;
		margin:0;
		list-style:none;
		}	
	ul.items li h3{font-size:15px;}	
	ul.items li p{margin:0;}	
	ul.items li div{
		float:left;
		display:inline;
		width:416px;			
		}	
	ul.items ul{
		float:left;
		display:inline;
		width:150px;
		margin-left:30px;
		padding:.5em 0;
		}				
	ul.items ul li{
		border-bottom:1px solid #f2f2f2;
		font-size:10px;
		padding:.25em 0 .25em 20px;
		color:#555;
		}		
	ul.items ul li.last{
		border-bottom:none;
		background:url(images/ico_permalink.gif) no-repeat 0 50%;
		}	
	ul.items ul li a{
		color:#555;
		}			
	ul.items ul li a:hover{
		text-decoration:underline;
		}
	
	.ads2{margin-bottom:1.5em} 	
	.ads1 a, .ads2 a{
		display:block;
		width:250px;
		height:125px;
		overflow:hidden;
		padding:15px;
		background:#eee;
		margin:0 0 1px 1px !important;
		}
	.ads2 a{
		float:left;
		display:inline;
		width:125px;
		height:125px;
		padding:7px;
		}
	
	.secondary iframe{margin-bottom:1.5em;}

.bsa_it_p { display: none !important; }
	
/* // content */

/* footer */
	
	footer[role="contentinfo"] a, footer[role="contentinfo"] a:visited{
		text-decoration:underline;
		}
	
/* // footer */

/* clearfix (use class name "block") */

	.inner:before, .content:before, .cols:before, .block:before, .items li:before,
	.inner:after, .content:after, .cols:after, .block:after, .items li:after{
		content:"";
		display:table;
		}
	.inner:after, .content:after, .cols:after, .block:after, .items li:after{clear:both;}
	.inner, .content, .cols, .block, .items li{zoom:1;}
	
/* // clearfix */


/* media queries */

@media only screen and (max-width: 480px) {
 
	#container, .inner{	
		margin:0 auto;
		width:auto;
		margin:0 1em;
		}
	.main, .secondary, .tertiary, .quaternary{
		float:none;
		display:block;
		margin:0 0 1.5em 0;
		width:100%;
		}
 
}

@media only screen and (max-width: 768px) {
  
}