/*  
Theme Name: Recode
Theme URI: http://wordpress.org
Description: The Recode theme
Version: 1.0
Author: Ramen Chatterjee
Author URI: http://ramenchatterjee.com
*/

/* force all content to the top of the window */
*{
	margin: 0px;
	padding: 0px;	
}

.clear{
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* some defaults for the page */
body{
	background-color: black;
	color: white;
	font-family: Arial;
}

/* the main container */
#container{
	text-align: left;
	width: 860px;
	min-height: 100%;
	margin: 0px auto; /* centre content */
	padding: 5px 5px 5px 5px;
	background: #09FEFF url('images/container-bottom.gif') no-repeat bottom center;
}

/* 
--------------------------------
HEADER (LOGO) and FOOTER
--------------------------------
*/

/* container for the logo */
#logobox{
	width:100%;
	margin: auto auto;
	background-color: black;
	padding: 10px 0px 0px 0px;
}

/* box for the logo with speakers and drop horizon */
#logo-small-horizon{
	width: 829px;
	margin: auto auto;
}

/* no border on the logo */
a img{
	border: none;	
}

#footer{
	padding: 5px 5px;
	border-left: 10px solid black;
	text-align: center;
	border-right: 10px solid black;
	background-color: black;
	color: white;
}

#credits, #credits a{
	border-left: 10px solid black;
	text-align: center;
	border-right: 10px solid black;
	background-color: black;
	color: white;
	font-size: 9pt;
}

/* 
--------------------------------
MENU
--------------------------------
Menu consists of 2 lists, the upper for the actual menu link and the lower for a menu
'bar' highlighting the selection
*/

#menu ul{
	list-style: none;
}

#menu li{
	float: left; 
	text-align: center;
	font-size: 11pt;
}

#menu a {
	float: left;
	display: block;
	text-decoration: none;
	color: white;
	white-space: nowrap;
	background-color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#menu a {
	float: none;
}

/* End IE5-Mac hack */

#menu a:hover {
	color: #09FEFF;
}

#menu .current a {
	color: #09FEFF;
}

/* the vertical 'bar' highlighting the selected item */
#menu .bar{
	background: #09FEFF url('images/menubar.gif') no-repeat center;
	margin: auto auto;
	width: 40px;
	height: 10px;
}

/* 
--------------------------------
BORDERS
For the logo, menu, main content and footers
-------------------------------- 
*/

/* Black border with black innards, logo, menu and footer */
.logo-top{	
	background: #09FEFF url('images/boxtop-black-10.gif') no-repeat scroll center;
	height: 10px;
}

/* Black border with white innards, content */
.contenttop{	
	background: #09FEFF url('images/boxtop.gif') no-repeat scroll center;
	height: 20px;
}

/* Black border with white innards, content */
.contentbottom{
	background: #09FEFF url('images/boxbottom.gif') no-repeat scroll center;
	height: 20px;
}

/* Black border with black innards, menu and footer */
.contenttop-bk-10{	
	background: #09FEFF url('images/boxtop-black-10.gif') no-repeat scroll center;
	height: 10px;
	margin-top: 10px;
}

/* Black border with black innards, logo, menu and footer */
.contentbottom-bk-10{	
	background: #09FEFF url('images/boxbottom-black-10.gif') no-repeat scroll center;
	height: 10px;
}

/*
--------------------------------
CONTENT AND POSTS
--------------------------------
*/

/* container for all content */
#contentwrapper{
	width: 840px;
	border-left: 10px solid black;
	border-right: 10px solid black;
	background-color: white;
	color: black;
}

/* container for posts, etc */
#content{
	width: 56%;
	float: left;
	background-color: inherit;
}

.post {
	margin: 0px 10px 25px 10px;
}

#content p, .postContent p {
	padding: 5px 10px;
	font-size: 10pt;
	color: #333;
}
  
h2.homeTitle {
	margin: 0px 0px 15px 0px;
}

h2.postTitle, #content h2, #content h3, #content h4, #content h5, #content h {
	padding: 0px 10px;
	font-size: 14pt;
	font-weight: bold;
	color: #333;
}

h2.postTitle a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {
	font-size: 14pt;
	font-weight: bold;
	color: #333;
	letter-spacing: -1px;
}

h2.postTitle a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {
	color: #215679;
}

#nextprevious {
	padding: 10px;
	font-size: 80%;
}

/*
--------------------------------
SIDEBARS
--------------------------------
*/

.sidebars{
	float: left;
	width: 44%;
}	

.sidebars h2 {
	padding: 2px 7px;
	font-size: 10pt;
	color: white;
	background: url(images/menubg.gif) left no-repeat;
	margin-bottom: 3px;
}

.sidebars ul {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.sidebars li {
	margin-bottom: 20px;
	list-style: none;
	font-size: 9pt;
}

.tml-links, .tml-user-links, .tml-user-avatar {
	margin: 0px 10px 10px 10px;
	list-style: none;
	font-size: 9pt;
}

/* nice left blue bar on menu items */
.sidebars ul ul li, .sidebaritem form {
	margin: 0px 7px 0px 0px;
	padding: 3px 2px 2px 10px;
	color: #222;
	line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
	border-left: 2px solid #009393; 
}

/* dotted blue line to seperate menu items */
.sidebars ul ul li {
	border-bottom: 1px dotted #009393;
}

.sidebars p.error, .sidebars p.error {
	padding-left: 10px;
	border-left: 2px solid #009393; 
}

.sidebars p.error, .sidebars p.error a{
	color: red;
}

.sidebars a {
	display: block;
	color: #333;
	text-decoration: none;
	display: inline;
}

.sidebars a:hover {
	color: #4C82A6;
	text-decoration: underline;
}

.sidebars p {
	padding: 2px 0;
	font-size: 9pt;
}

.sidebars ul.children li {
	border-bottom: none;
}

.sidebars ul.children {
	margin-bottom: -5px;
}

#sidebar1{
	float: inherit;
	width: 49%;
}

#sidebar2{
	float: inherit;
	width: 49%;
}

/*
--------------------------------
LOGIN
--------------------------------
*/

.sidebaritem form p input.mid	 {
    width: 95%;
    margin:5px 5px 5px 0px;
    border: 1px solid #000;
    float:left;
}