/*
Theme Name: Byty
Theme URI: http://cozmoslabs.com/byty-theme
Description: Built on Thematic Theme
Author: Cristi Antohe
Author URI: http://cozmoslabs.com/
Template: thematic
Version: 0.3
.
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('reset.css');

/* Apply basic typography styles */
@import url('typography.css');

/* Apply a basic layout */
@import url('3c-r-fixed.css');

/* Apply basic image styles */
@import url('images.css');

/* Apply default theme styles and colors */
@import url('default.css');

/* Prepare theme for plugins */
/* @import url('plugins.css'); */

/*@import url('../thematic/style.css');
@import url('../thematic/library/layouts/3c-r-fixed.css');*/

/* Plugin Specific */
@import url('extra.css');

body{
	background:url(images/body_bg.jpg) top left repeat-x #989796;
	text-align: center;
	color:#494a4b;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	clear: none;
}
h1 span{
	text-transform:none;
}
#wrapper{
	/* width: 1000px; */
	max-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;
	height:190px;
	/*overflow:hidden;*/
}
#branding{
	/*display:none;*/
}
#blog-description{
	position:absolute;
	top:10px;
	padding:0 0 0 10px;
	margin:0;
	border:none;
	color:#989796;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 1.2em;

}

#blog-title{
	background:url(images/mr_small.png) left 60px no-repeat;
	/*width:205px;*/
	height:83px;
	text-indent:0px;
	padding:0px;
	padding-top:60px;
	border:none;
	margin-left:30px;
}

@media only screen and (min-width: 820px) {
    #blog-title{
        background:url(images/mr.png) left 60px no-repeat;
    }
}

@media only screen and (max-width: 470px) {
    #blog-title{
        margin-left:20px;
    }
}


#blog-title a{
	display:none;
	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;
	/*background:#2772b3;*/
}

/* =Menu
-------------------------------------------------------------- */

.skip-link {
    display:none;
}

#access {
    overflow:visible;
    z-index:100;
	height:39px;
    font-size:14px;
    min-width: 370px;
}

@media only screen and (max-width: 470px) {
    #access {
        height:39px;
        font-size:12px;
    }
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	/* margin:			0; */
	padding:		0;
	list-style:		none;
}
.sf-menu {
	margin-bottom:	0;
	margin-left:	30px;
	line-height:	1.0;
}

@media only screen and (max-width: 470px) {
    .sf-menu {
        margin-left: 20px;
    }
}

.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;
}

@media only screen and (max-width: 470px) {
    .sf-menu a {
        /* height:29px; */
        padding:10px 10px 0 10px;
    }
}

.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; */
    font-family: Verdana,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;*/
}

/*********************************************  MAIN CONTENT */
#main{
	background:url(images/main_bg.gif) top left no-repeat;
	padding:0px 10px 20px 20px;
	width:100%;
	height:1%;
}

@media only screen and (max-width: 600px) {
  #container {
    width: calc(100% - 20px);
  }
}

@media only screen and (min-width: 601px) {
  #container {
    width: calc(100% - 250px);
  }
}

@media only screen and (max-width: 470px) {
  #container {
    width: calc(100% - 5px);
  }
}

#container{
  min-height:450px;
}

#content{
	padding:0 0px 0 0;
}
/*********************************************************** 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; */
    font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-transform:none;
	color:#4378ae;
	font-size:2em;
	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;
}
/*********************************************************** columns */
@media only screen and (max-width: 600px) {
  #primary {
	float:none;
  }
}

#primary {
	width:200px;
	float:left;
	margin-right:0;
}
#secondary{
	width:200px;
	float:left;
}
.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) bottom left repeat-x #f2f2f2;
	min-height:22px;
	padding:6px 0 4px 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{

	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#hot-inc li a{
	line-height: 1.3em;
	padding-top: 3px;
}

.aside ul.xoxo li ul li a:hover {
	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{
	background:url(images/footer_bg.gif) top left no-repeat #989796;;
	border:none;
	min-height:100px;
	width:100%;
	padding:40px 0 0px 0;
	margin:0;
	color:#323232;
}
#footer a{
	color:#2772b3;
}

#footer a:hover {
	color:#000;
}
#subsidiary{

}
#siteinfo{
	text-align:center;
	width:800px;
	color:#323232;
	padding:0 0 20px 0;
}
#siteinfo a{
	color:#323232;
}
#ll{}

.nav-archives {
    float:left;
    width:50%;
    margin-top: 10px;
}


.aside ul.xoxo li ul li p {
    display:block;
    padding:2px 2px 2px 10px;
    text-decoration:none;
    margin-bottom: 2px;
    font-size:0.9em;
    line-height: 1.3em;

}

.aside ul.xoxo li ul li:hover {
    background:#D2D2D2 none repeat scroll 0 0;
}
.aside ul.xoxo li ul li {
    background:#F1F1F1 none repeat scroll 0 0;
}

.aside ul.xoxo li.plain {
	background: #FFFFFF;
    border:0 none;
    margin-left: 4px;
    margin-right: 5px;
}

.aside ul.xoxo li ul li#aboutme:hover {
    background:#F1F1F1 none repeat scroll 0 0;
	color: #494A4B;
}

.aside ul.xoxo li ul li#aboutme:hover a {
	color: #2772B3;
}

.dataTables_length {
	float: left;
	width: 40%;
	font-family: Georgia, serifl
}

.dataTables_filter {
	float: right;
	text-align: right;
	width: 50%;
	font-family: Georgia, serifl
}

.dataTables_info {
	color: #787878;
	font-size: 11px;
}

table#archives {
	clear: both;
	width: 100%;
	margin-top: 28px;
	margin-bottom: 7px;
}

table#archives thead {
	border-bottom: 1px solid;
}

table#archives tbody {
	padding-top: 10px;
}

table#archives thead th {
	cursor: pointer;
	padding: 3px;
}

table#archives thead th.title {
	width: 60%;
}

table#archives tbody tr td {
	padding: 1px 3px;
}

table#archives tbody tr td.tr-first {
	margin-top: 6px;
}

a.archives-cat {
	color: #787878;
	font-size: 11px;
	font-style: italic;
}

td.archives-date {
	color: #787878;
	font-size: 11px;
}

div#archives_wrapper {
	margin-top: 4px;
}

#aboutme p {
    display:block;
    padding:2px 2px 2px 10px;
    text-decoration:none;
    margin-bottom: 2px;
    font-size: 100%;
    line-height: 1.5em;
	font-style: italic;

}

#aboutme p a {
	display: inline;
	padding: 0;
}

#aboutme img {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div#disqus_thread {
	padding-top: 14px;
}
