/*   
Theme Name: Coding My Thoughts
Description: A theme for Marian's blog done by Clauz for by Cricava
Author: Clauz
Author URI: http://clauz.com.ar
Tags: grey and white, two columns, fluid, widget-ready
Version: 1.0
License: http://www.opensource.org/licenses/gpl-license.php
*/


body 
{
	background: #e1e1e1;
	font-size: 9pt;
	line-height: 1.5;
	color: #505050;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica;
}

#wrapper 
{
	width: 90%;
	text-align:left;
}

#hd 
{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
}


#bd 
{
	margin: 0px 260px 0px 0px;
        color: #505050;
}

#footnote
{
	margin-top: 20px;
	color: #a0a0a0;
}


/* MENU */

#menu 
{
	float: left;
	height: 46px;
	width: 465px;
	min-width: 465px;
	background: #d0d0d0;
	position: relative;
	left: 5px;
	margin-top: 15px;
}

div.menuOpen
{
	float: left;
	position: relative;
	left: -5px;
	top: -1px;
}

div.menuClose
{
	float: right;
	width: 5px;
	position: relative;
	left: 5px;
	top: -1px;
}

div.menuOptions
{
	float: left;
}

div.menuOptionsOther
{
	float: right;
	width: 128px;
	position: relative;
	top: 3px;
	left: 2px;
}	

div.menuOptionsOther img
{

}

#menu ul 
{
	float: left;
	list-style:none outside;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 13px;
}

#menu ul li 
{
	float: left;
}

#menu ul li a 
{
	float: left;
	font-size: 10pt;
	padding-left: 0px;
	font-weight: normal;
	text-decoration: none;
	color: #6b6b6b;
	margin-left: 0px;
	margin-right: 15px;
	text-transform: lowercase;
}

#menu ul li a:hover 
{
	color: #ffffff;
}

#menu ul li a.selected
{
	background: #737373;
	padding: 8px;
	color: #ffffff;
	position: relative;
	top: -8px;
}


/* POST */


div.topLeft
{
	float: left;
	width: 5px;
	height: 5px;
	font-size: 0px;
	background: url(images/box-top_left.png) no-repeat;
	position: relative;
	left: -0px;
	top: -0px;
}

div.topRight
{
	float: right;
	width: 5px;
	height: 5px;
	background: url(images/box-top_right.png) no-repeat;
	font-size: 0px;
	position: relative;
	left: 1px;
}

div.bottomLeft
{
	float: left;
	width: 5px;
	height: 5px;
	background: url(images/box-bottom_left.png) no-repeat;
	font-size: 0px;
	position: relative;
	left: 0px;
	top: -4px;
}

div.bottomRight
{
	float: right;
	width: 5px;
	height: 5px;
	background: url(images/box-bottom_right.png) no-repeat;
	font-size: 0px;
	position: relative;
	left: 1px;
	top: -4px;
}

.post-wrap 
{
	margin-left: 0px;
	padding-top: 10px;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 0px;
	background: #ffffff;
	padding-bottom: 60px;
}

.post-wrap h1
{
	padding-left: 10px;
	padding-right: 10px;
}


div.story-content
{
	padding-left: 10px;
	padding-right: 10px;
}

div.date
{
	float: left;
	height: 45px;
	width: 100%;
	background: url(images/boxes-date.gif) no-repeat;
	position: relative;
	left: 10px;
	font-size: 11px;
}

span.month
{
	float: left;
	position: relative;
	top: 12px;
	width: 40px;
	text-align: center;
}

span.day
{
	float: left;
	position: relative;
	top: 12px;
	left: 2px;
	width: 40px;
	text-align: center;
}

span.year
{
	float: left;
	position: relative;
	top: 12px;
	left: 6px;
	width: 40px;
	text-align: center;
}


div.post-meta
{
	float: left;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

div.comments
{
	float: right;
	width: 30px;
	position: relative;
	top: 30px;
	left: -10px;
}

div.follow
{
	float
}


#main div.comments a
{
	float: right;
	text-align: center;
	width: 30px;
	height: 30px;
	background: url(images/icon-comments.png) no-repeat;
	color: #000000;
	font-weight: bold;

}




#sitemeta 
{
	float: right;
	font-size: 10px;
}

#sitemeta ul
{
        list-style: none;
	display: inline;
}

#sitemeta li 
{
        float: left;
        margin: 0 0 0 10px;
}

#sitemeta a 
{
        color: #252525;
}


/* COMMENTS AND SEARCH */

#author, #email, #url, #comment, .s 
{
	border: 1px solid #bdc1a3; 
	padding: 5px;
	font-size: 8pt;
	background:#ffffff;
	color: #363636;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#author, #email, #url, #comment 
{
	padding: 5px;
}

.authorpost 
{
	background: #f0f0f0;
	padding: 10px;
	margin-bottom: 10px;
}

.s 
{
	padding: 3px;
}

#submit, #searchsubmit 
{
	font-size: 8pt;
	background: transparent;
	color: #33333;
	border: 0px solid; 
}

textarea
{
	overflow: auto;
}

#main #searchform
{
	float: left;
}

#main #searchform input.s
{
	border: 0px solid white;
	width: 110px;
	background: url(images/search-background.gif) no-repeat; 
}


#commentwrap 
{
	margin-left: 0px;
	margin-top: -30px;
}

div.commentsTitle
{
	float: left;
	height: 46px;
	width: 100%;
	background: #d0d0d0;
	margin-top: 15px;
}

div.commentsTitle h3
{
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	position: relative;
	top: 12px;
	left: 8px;
	text-transform: uppercase;
}

div.commentsForm
{
	float: left;
	clear: left;
	width: 100%;
	margin-top: 10px;
	background: #f0f0f0;
	padding-bottom: 15px;
}

div.commentsForm form
{
	float: left;
	padding: 0px;
	margin: 0px;
	position: relative;
	left: 10px;
	top: 10px;
}

ol#commentlist 
{
	padding-top: 10px;
	clear: left;
}

ol#commentlist li
{
	float: left;
	width: 100%;
	padding: 0px;
	margin-bottom: 10px;
	background: #fafafa;
	padding: 0px;
}

ol#commentlist li.alt
{
	background: #f0f0f0;
}

ol#commentlist div.date
{
	float: left;
	width: 98%;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

ol#commentlist div.date span.time
{
	position: relative;
	left: 10px;
	top: 12px;
}

ol#commentlist div.commentText p
{
	padding-left: 10px;
	padding-right: 10px;
}

div.avatar
{
	float: right;
	padding: 2px;
	position: relative;
	margin-top: -80px;
	left: -10px;
	border: 1px dotted #303030;
}

/* GENERIC */


#main a 
{
	color: #2ea9e4;
	text-decoration: none;
}

#main a.more-link, #main  a.more-link:visited, #main  a.more-link:link
{
	border: 1px dotted #ffffff;
	background: #2ea9e4;
	color: #ffffff;
	padding: 2px;
}

#main h1
{
	display: inline;
	color: #2ea9e4;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}


#main h1 a 
{
	color: #505050;
	font-size: 18px;
	text-decoration: none;
}

#main h1 a:hover 
{
	color: #2ea9e4;
}

#main h2 
{
	display: inline;
	color: #505050;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #505050;
}

#main h2 a 
{
	color: #505050;
	font-size: 14pt;
}

#main h2 a:hover 
{
	color: #f26522;
}


#footnote a
{
	color: #808080;
}

dl, dd, dt 
{
	margin: 0px;
}

blockquote 
{
	margin: 10px;
	font-size: 10pt;
        padding: 10px;
        border: 1px dashed #f26522;
        background:#fafafa;
}
blockquote p 
{
	padding: 0px;
	margin: 0px;
}
pre 
{
        font-family:'Courier New', Courier, Monospace, Fixed;
	line-height: normal;
        overflow: auto;
	padding-bottom: 25px;
	margin: 0px;

	background-image:url('images/bg_pre_dots.png');
	background-repeat: repeat-x;
	background-position: bottom left;
}

cite 
{
	font-weight: bold;
	font-style: normal;
	margin-left: 4px;
}


.clear 
{
	clear:both;
	height:1px;
}

.aligncenter 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft 
{
	float: left;
}

.alignright 
{
	float: right;
}

img 
{ 
        border: 0px; 
}

form 
{
	display: inline;
}



/* SIDEBAR */


#sidebar 
{	
        font-size: 8pt;
	width: 220px;
	float: right;
	color:#606060;
	padding-left: 0px;
        margin-top: -180px;
}


#sidebar ul 
{
	list-style: none inside;
	margin: 0px;
	padding: 0px;
}

#sidebar ul li 
{
	display: inline;
}

#sidebar ul li ul 
{
	list-style:none inside;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left:5px;
	margin-bottom: 15px;
	width: 218px;
}

li.vategories ul 
{
	list-style:none outside;
	margin-top: 10px;
	margin-bottom: 10px;
}

#sidebar ul li ul li 
{
	margin-top: 4px;
	display: block;
}

#sidebar a 
{
	color: #505050;
	text-decoration: none;
}

#sidebar a:hover 
{
	color: #2ea9e4;
}

#sidebar h2 
{
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}

#sidebar ul li#twitter-3 
{
	float: left;
	height: 280px;
	width: 218px;
	background: url(images/sidebar-box-close.png) bottom no-repeat #ffffff;
	margin-bottom: 10px;
}

#sidebar ul li#twitter-3 ul.tweets
{
	float: left;
	margin-top: 15px;
	width: 182px;
	position: relative;
	left: 12px;
	text-align: justify;
}

#sidebar ul li#twitter-3 h2 a
{
	float: left;
	width: 218px;
	height: 139px;
	padding: 0;
	margin: 0px;
	font-size: 0px;
	color: #ffffff;
	background: url(images/sidebar-box-twitter.png) no-repeat #ffffff; 
}

#sidebar ul li#twitter-3 ul.tweets a.timesince,
#sidebar ul li#twitter-3 ul.tweets a.timesince:link, 
#sidebar ul li#twitter-3 ul.tweets a.timesince:visited
{
	color: #ffffff;
	background: #2ea9e4;
	padding-left: 2px;
	padding-right: 2px;
}


#sidebar ul li#search-3 
{
	float: left;
	height: 215px;
	width: 218px;
	background: url(images/sidebar-box-close.png) bottom no-repeat #ffffff;
	margin-bottom: 10px;
}

#sidebar ul li#search-3 form
{
	float: left;
	margin-top: 30px;
	position: relative;
	left: 15px;
	text-align: justify;
}


#sidebar ul li#search-3 form input.s
{
	border: 0px solid white;
	width: 110px;
	background: url(images/search-background.gif) no-repeat; 
}


#sidebar ul li#search-3 form input#searchsubmit
{
	border: 1px solid white;
	background: #ffffff;
	color: #333333;
	position: relative;
	top: -2px;
}

#sidebar ul li#search-3 h2.widgettitle
{
	float: left;
	width: 218px;
	height: 139px;
	padding: 0;
	margin: 0px;
	font-size: 0px;
	color: #ffffff;
	background: url(images/sidebar-box-search.png) no-repeat #ffffff; 
}

#sidebar ul li#categories-3
{
	float: left;
	height: 400px;
	width: 218px;
	background: url(images/sidebar-box-close.png) bottom no-repeat #ffffff;
	margin-bottom: 10px;
}

#sidebar ul li#categories-3 h2.widgettitle
{
	float: left;
	width: 218px;
	height: 139px;
	padding: 0;
	margin: 0px;
	font-size: 0px;
	color: #ffffff;
	background: url(images/sidebar-box-categories.png) no-repeat #ffffff; 
}


#sidebar ul li#categories-3 ul
{
	float: left;
	margin-top: 15px;
	width: 182px;
	position: relative;
	left: 25px;
	text-align: justify;
	position: relative;
}

#sidebar ul li#categories-3 ul li a
{
	background: url(images/icon-plus.png) no-repeat 0 5px; 
	padding-left: 15px;
}


#sidebar ul li#recent-comments-3
{
	float: left;
	height: 470px;
	width: 218px;
	background: url(images/sidebar-box-close.png) bottom no-repeat #ffffff;
	margin-bottom: 10px;
}

#sidebar ul li#recent-comments-3 h2.widgettitle
{
	float: left;
	width: 218px;
	height: 139px;
	padding: 0;
	margin: 0px;
	font-size: 0px;
	color: #ffffff;
	background: url(images/sidebar-box-comments.png) no-repeat #ffffff; 
}


#sidebar ul li#recent-comments-3 ul#recentcomments
{
	float: left;
	margin-top: 15px;
	width: 182px;
	position: relative;
	left: 12px;
	text-align: justify;
}

#sidebar ul li#recent-comments-3 ul#recentcomments li
{
	padding-bottom: 15px;
	background: url(images/pattern-line.png) bottom repeat-x;
}

#sidebar ul li#recent-comments-3 ul#recentcomments li a
{
	text-decoration: underline;
}



#sidebar ul li#simple-flickr-photos-widget-3
{
	float: left;
	height: 355px;
	width: 218px;
	background: url(images/sidebar-box-close.png) bottom no-repeat #ffffff;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}

#sidebar ul li#simple-flickr-photos-widget-3 h2.widgettitle
{
	float: left;
	width: 218px;
	height: 139px;
	padding: 0;
	margin: 0px;
	font-size: 0px;
	color: #ffffff;
	background: url(images/sidebar-box-pics.png) no-repeat #ffffff; 
}


#sidebar ul li#simple-flickr-photos-widget-3 div#flickr
{
	float: left;
	margin-top: 20px;
	width: 182px;
	position: relative;
	left: 19px;
	text-align: justify;
}


#sidebar ul li#simple-flickr-photos-widget-3 div#flickr div.flickr_badge_image
{
	float: left;
	margin-right: 2px;
	margin-left: 2px;
}


.searchresults ul 
{
	list-style: none;
	display: inline;
}

.categories ul 
{
	list-style: none;
	display: inline;
}

.archives ul 
{
	list-style: none;
	display: inline;
}