
/*
Theme Name: TintNet
Theme URI: http://TeensInTechNet.com/
Description: Built on Thematic Theme
Author: Mike Cohen
Author URI: http://mcdevzone.com/
Template: thematic
Version: 0.1
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.

*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
/* @import url('../thematic/library/layouts/2c-r-fixed.css'); */
@import url('layout.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('default.css'); 

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*@import url('../thematic/style.css');
@import url('../thematic/library/layouts/3c-r-fixed.css');*/

/* Plugin Specific */
@import url('extra.css');

html,body,div,span,applet,
object,iframe,h1,h2,h3,h4,h5,h6,
blockquote,pre,a,abbr,acronym,address,p,
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{
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;background:transparent}
		ol,ul{list-style:none}
		blockquote,q{quotes:none}
		blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
		ins{text-decoration:none}del{text-decoration:line-through}
		table{border-collapse:collapse;border-spacing:0}
		a { text-decoration: none; }
		a:hover {text-decoration: none;}

body{
	background:#163262 url(images/bg_body.png) left top repeat-x;
	font:normal 12px/21px "Lucida Grande", "Helvetica Neueu", Helvetica, Arial, Tahoma, Verdana, sans-serif;
	color:#666666;
	}
	.left { float:left; display:inline; padding-left: 40px;}
	.right { float:right; display:inline; padding-right: 40px;}
	.clear { clear:both; }
	.wrapper, #wrapper { margin: 0 auto ; }
	html, body, #container { height: 100%; }
	body > #container {  min-height: 100%; background: url(images/glow.jpg) center 69px no-repeat;}
	#container .wrapper, #wrapper { padding:0; }
	#content { padding:44px;  }
	/*  Header, Logo, Navigation  */

	#header { height: 85px; }
	#header h1 { float: left; width: 198px; height: 85px; /* background: url(images/logo.png) no-repeat; */ text-indent: -9999px; }
	#header h1 a { display: block; width: 198px; height: 85px; }
	#nav { float: right; padding:25px 0 0; z-index: 500; }
	#nav li { float: left; z-index: 500; }
	#nav li a { float:left; width: 88px; 
				height: 37px; 
				font:bold 14px/28px "Myriad Pro", "Helvetica Neueu", Helvetica, Arial, sans-serif; 
				text-transform: uppercase; color: #333; text-align:center; }
	#nav li a:active { color: #2a62ae; }
	#nav li a:hover { background:url(images/bg_NavLiHover.png) left top no-repeat; text-decoration: none; }

	/*  Main  */

	  #main { float:left; display:inline;}
    

	  #main .block { margin:0 0 28px; padding:6px 0 0 0; background:url(images/main_block.png) left top no-repeat; } 

	  #main .bot { padding:0 0 7px; background:url(images/main_bot.png) left bottom no-repeat; }

	  #main .mid { background:url(images/main_mid.png) left top repeat-y; }

	  #main .txt { /* width:615px; */ background:url(images/main_txt.png) left top repeat-x; min-height:325px; }

	  h2.title { color:#2054a5; font-size:20px; font-weight:normal; padding-left:22px; padding-top:15px; }

	  #main h2.title { background: url(images/mainh2.png) center bottom no-repeat; padding-bottom:40px; }

	  #main .txt p { padding:5px 15px 22px 22px; }

	/*  Sidebar */

	  #sidebar { float:right; display:inline; /* width:293px; */}

	  #sidebar h2.title { background:url(images/sbarh2.png) center bottom no-repeat; padding-bottom:36px; }

	  #sidebar .block { margin:0 0 5px -5px; padding:6px 0 0; background:url(images/sbar_block.png) left top no-repeat; } 

	  #sidebar .bot { padding:0 0 7px; background:url(images/sbar_bot.png) left bottom no-repeat; }

	  #sidebar .mid { background:url(images/sbar_mid.png) left top repeat-y; }

	  #sidebar .txt { /* width:291px; */ background:url(images/main_txt.png) left top repeat-x; min-height:325px; }

	  #sidebar .txt ul { padding:5px 15px 0 22px; }

	  #sidebar .txt li { padding:0 0 8px; }

	  #sidebar .txt li a { font-size:11px; color:#ccc; }

	  #sidebar .txt li span a { font-size:12px; color:#666; }

	  #sidebar .up20 { position:relative; top:-20px; }

	  #sidebar .contactUs .txt { min-height:260px; }

	  #sidebar .contactUs h2.title { background:url(images/sbarh2.png) center bottom no-repeat; padding-bottom:36px; }

	  #sidebar .contactUs table.contactInfo { margin-left: 20px; }

	  #sidebar .contactUs address { padding:25px 15px 0 20px; font-style:normal; }

	  #sidebar .contactUs address strong { color:#000; float:left; }

	  #sidebar .contactUs address span { float:left; padding:0 2px; }

	  #sidebar .contactUs address a, #sidebar .contactUs address b { float:left; color:#07adf3; font-weight:normal; }

	  #sidebar .contactUs address .multi { float:left; padding:3px 0 0; }

	/*  3 Columns */

	  .threeCol { height:100%; overflow:hidden; }

	  .threeCol .midCol { margin:0 22px;}

	  .threeCol .block { float:left; display:inline; /*width:297px;*/ padding:6px 0 0; background:url(images/3col_block.png) left top no-repeat; } 

	  .threeCol .bot { padding:0 0 7px; background:url(images/3col_bot.png) left bottom no-repeat; }

	  .threeCol .mid { background:url(images/3col_mid.png) left top repeat-y; }

	  .threeCol .txt { /*width:295px;*/ background:url(images/main_txt.png) left top repeat-x; min-height:245px; }

	  .threeCol .txt .logo { display:block; margin:0 auto; padding:5px 0 10px; text-align:center; }

	  .threeCol .midCol .logo { padding:30px 0; }

	  .threeCol .txt p { padding:0 10px 0 18px; }

	/*  Footer  */

	#footer { position: bottom; clear: both; height: 50px; margin:-81px 0 0; padding: 29px 0 0; border-top: 2px solid #0d1d3a; background: #0e2245; color: #949494; }
	#footer .wrapper { /* width:100%; */ }
	#footer .left a { float: left; display:inline; margin:0 40px 0 0; color: #949494; }
	#footer .left a:active, #footer .left a:hover { color: #e11a8d; }

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	clear: none;
}
h1 span{
	text-transform:none;
}
#wrapper{
/*	width: 1000px; 
	background:url(images/wrapper_bg.gif) top left repeat-y;
	margin:0 auto;
	text-align: left; */
	border:none;
}
#header {
	background:url(images/header_bg.jpg) top left no-repeat;
	z-index: -1;
	/* height:190px; */
	/*overflow:hidden;*/
}
#branding{
	/*display:none;*/
	/* width: 100%; */
	margin: 0;
}

#blog-description{
	position:absolute;
	background: url(images/logo.png) no-repeat;
	float: left; width: 198px; height: 85px;
	text-indent: -9999px;
	top:0px;
	margin-left:10px;
	padding-left: 20px;
	border:none;
	color:#989796;
}
#blog-title{
	/*background:url(images/logo.gif) 0px 63px no-repeat;*/
	/*width:205px;*/
	/* height:83px;
	text-indent:0px;
	padding:0px;
	padding-top:60px; */
	height: 10px;
	border:none;
}
#blog-title a{
	display: none;
/*	display:block;
	height:60px;
	font-size:60px;
	color:#2772b3; */
	font-family:"Trebuchet MS";
	font-weight:normal;
	/*filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;*/
}
/******************************************** Ad areas */
#top_ad{
/*	width:728px;
	height:90px;
	position:absolute;
	top:46px;
	left:50%;
	margin-left:-245px; */
	/* display: none; */
	/*background:#2772b3;*/
}

/* =Menu
-------------------------------------------------------------- */

.skip-link {
    display:none;
}
#access {
	display: none;
	/* height:39px;
    font-size:14px;
    overflow:visible;
    z-index:100; */
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    float:left;
	border-left:1px solid #17447f;
}
.sf-menu a {
	height:29px;
	padding:10px 15px 0 15px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    /*border-bottom-color:#fff;*/
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-family:"Courier New", "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:			#fff;
}
.sf-menu li {
	border-left:1px solid #499bea;
	border-right:1px solid #17447f;	
}
.sf-menu li li {
	background:		#336aa0;
	border-top:1px solid #17447f;
}
.sf-menu li li li {
	background:		#336aa0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:url(images/menu_right_over.gif) top right no-repeat;
	outline:		0;
}
.sf-menu ul {
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:39px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#336aa0;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #fff;
}

/*************************************** LOGO  */
#logo h1{
	/*display:none;*/
	display: none;
}

/*********************************************  MAIN CONTENT */
#main{
	/* background:url(images/main_bg.gif) top left no-repeat; */
	padding:40px 10px 20px 20px;
	width:auto;
	height:1%;
}
#content{
	padding:0;
/* 	width: 90%; */
}
/*********************************************************** post */
.post{
	border:1px solid #e6e5e5;
	background:url(images/post_bg.gif) 0px 0px repeat-x #f6f6f6;
	/* background:url(images/post_bg.gif) 0px 1px repeat-x #f6f6f6; */
	margin-top:10px;
	padding:10px;
}
h1.entry-title, h2.entry-title{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#4378ae;
	font-size:28px;
	font-weight:normal;
}
h2.entry-title a{
	color:#4378ae;
}
h2.entry-title a:hover{
	text-decoration:underline;
}
a.more-link{
	background:url(images/read_more.gif) top left no-repeat;
	width:89px;
	height:22px;
	padding:2px 0 0 0;
	text-align:center;
	float:right;
}
a.more-link:hover{
	background:url(images/read_more_o.gif) top left no-repeat;
	text-decoration:none;
	color:#1b5185;
}
div.entry-utility{
	margin-top:5px;
	clear:both;
	border:1px solid #e6e5e5;
	padding:2px;
	background:#fff;
}
span.comments-link a{
	color:#da7f13;
}
.hentry ol{
	list-style-position:inside;
}
.hentry ul{
	list-style-position:inside;
}
.entry-content p {
	padding-top: 0.5em;
}
/*********************************************************** columns */
#primary{
	width:250px;
	float:right;
	margin:0 0 0 0;
	position: relative;
}
#secondary{
	width:250px;
	float:right;
	margin:0 0 0 0;
	position: relative;
}
.aside ul.xoxo{
	list-style:none;
	padding:0;

}
.aside ul.xoxo li{
	padding:0;
	margin:0;
	background:#eae9e9;
	border:1px solid #e6e5e5;	
}
.aside ul.xoxo li{
	margin-top:10px;
}
.aside ul.xoxo li h3{
	color:#da7f13;
	background:url(images/side_header.gif) top left repeat-x #f2f2f2;
	height:22px;
	padding:6px 0 0 10px;
}
.aside ul.xoxo li#rss-links h3{
	color:#da7f13;
	background:url(images/rss_bg.gif) top left repeat-x #f2f2f2;
	height:22px;
	padding:6px 0 0 25px;
}
.aside ul.xoxo li ul{
	list-style:none;
	padding:0;
	margin:0;
}
.aside ul.xoxo li ul li{ 
	list-style:none;
	padding:0;
	margin:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
	border-left:none;
	border-right:none;
}
.aside ul.xoxo li ul li.recentcomments{
	padding:2px 20px 2px 10px;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;	
*/
}
.aside ul.xoxo li ul li.recentcomments a{
	display:inline;
	color:#2772b3;
	text-decoration:none;
	border:none;
	padding:0;
}
.aside ul.xoxo li ul li.recentcomments a:hover{
	color:#000;
	text-decoration:underline;
	background:none;
}

.aside ul.xoxo li ul li a{
	background:#f1f1f1;
	display:block;
	padding:2px 2px 2px 10px;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
*/
	text-decoration:none;
}
.aside ul.xoxo li ul li a:hover{
	background:#d2d2d2;
	color:#000;
	text-decoration:none;
}
.aside ul.xoxo li ul li.cat-item a{
	display:block;
	color:#2772b3;
	text-decoration:none;
/*
	border-top:1px solid #fff;
	border-bottom:1px solid #e6e5e5;
*/
	padding-left:35px;
	background:url(images/folder-ico.gif) center left no-repeat #f1f1f1;
}
.aside ul.xoxo li ul li.cat-item a:hover{
	background:url(images/folder-ico.gif) center left no-repeat #d2d2d2;
	color:#000;
	text-decoration:none;
}
/***************************************************************** Search */
li#search form div{
	padding:0 0 0 7px;
}
li#search form div input#s{
	width:110px;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
/***************************************************************** Tag Cloud */
.aside ul.xoxo li#tag_cloud{
	padding:10px;
}
.aside ul.xoxo li#tag_cloud h3{
	color:#da7f13;
	background:url(images/side_header.gif) top left repeat-x #f2f2f2;
	height:22px;
	padding:7px 0 0 10px;
	margin:-10px -10px 0 -10px;
}
.aside ul.xoxo li#tag_cloud a{
	font-size:18px;
}
/***************************************************************** Calendar */
#calendar{
	background:#fff;
}
#calendar_wrap{
	padding:0 0 0 12px;
	/*background:#fff;*/
}
#wp-calendar{
	/*border-collapse:collapse;*/
}
#wp-calendar tr th{
	padding:0 5px;
	margin:0;
	border:1px solid #e6e5e5;
}
#wp-calendar tr td{
	padding:0 5px;
	margin:0;
	border:1px solid #e6e5e5;
}
/*********************************************************** Comments */
#comments{
	border:1px solid #e6e5e5;
	background:#f1f1f1;
	padding-top:0px;
}
#comments .comment-meta a{
	color:#2772c8;
}
#comments .comment-author a{
	color:#2772c8;
}
#comments h3{
	color:#323232;
	font-size:20px;
}
#comments li.comment{
	margin-bottom:10px;
	border:1px solid #fff;
	background:url(images/comment.gif) top left repeat-x #e3e3e3;
	color:#323232;
}
#comments li.alt{
	background:url(images/comment_alt.gif) top left repeat-x #eae9e9;
}
#comments li.bypostauthor{
	background:url(images/bypostauthor.jpg) top left repeat-x #d8ebf7;
	color:#323232;
}
#respond{
	margin-bottom:10px;
	border:1px solid #fff;
	background:url(images/comment.gif) top left repeat-x #e3e3e3;
	color:#323232;
}
#respond input{
	font-family:Arial, Helvetica, sans-serif;
}
#respond textarea{
	font-family:Arial, Helvetica, sans-serif;
}
/***********************************************************  FOOTER  */

#footer a{
	color:#ffffff;
}
#footer a:hover{
	color:#ee0000;
}
#subsidiary{

}
#siteinfo{
	text-align:center;
/*	width:800px; */
	color:#323232;
	padding:0 0 20px 0;
}
#siteinfo a{
	color:#323232;
}
#ll{}