/*
Theme Name: Claudio Beier
Theme URI: 
Description: Designed by Claudio Beier.  Built by Oscar Rodriguez
Version: 1
Author: Claudio Beier
Author URI: blog.claudiobeier.com
*/


/* Default */
* {
	margin: 0;
	padding: 0;
}
body {
	background:#000;
	color:#7f7d7d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}

p {
	padding: 10px 0;
	font-size: 12px;
	line-height: 1.6em;
	color: #575759;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}
a {
	color: #8a0505;
	outline:none;
}
a img{ border:none; }

#wrapper {
	width: 940px;
	padding-top:50px;
	margin: 0 auto;
}
.clearer{ clear:both; line-height:0px; font-size:0%; height:0px; display:none; }
#logo{ float:left; display:inline; }
#nav{ width:500px; float:right; display:inline; }

/*
#nav ul { list-style: none; }
#nav ul li { float: left; display: block; }
#nav ul li a {
	float:left;
	text-decoration: none;
	display:block;
	padding:15px 15px 0 15px;
	color: #666666;
	font-size: 13px;
	letter-spacing:2px;
	font-family:Verdana, Geneva, sans-serif;
}
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current_page_parent a{ color:#8a0505; }
*/

#header{ padding-bottom:60px; }
#column {
	width: 650px;
	float: left;
}

#sidebar {
	width: 253px;
	float: right;
}
#sidebar h2 {
	color: #777777;
	font-size: 14px;
	font-weight:normal;
}
#sidebar ul li {
	padding: 3px;
	list-style: none;
	text-transform:uppercase;
}
#sidebar li {
	list-style: none;
}
ul.blogroll{ margin:0px; padding:0px; }
ul.blogroll a{
	color:#777;
	padding:0px;
}

.widget_search h2{ margin:0 0 5px 0; }
.widget_search{ margin:20px 0; padding:15px 0 10px 0;  }
#searchform input#s{ background:url(images/searchBackground.gif) top left no-repeat; width:179px; height:21px; border:none; color:#fff; padding:6px 10px 2px 10px;}
#sidebar div.linksBar{
	background:url(images/linkBackground.gif) top left no-repeat;
	margin-top:20px;
	width:221px;
	height:16px;
	padding:2px 10px;
	margin-bottom:10px;
}
#sidebar div.linksBar a{
	display:block;
	width:100%;
	text-decoration:none;
	background:url(images/arrowSideways.gif) 205px 3px no-repeat;
	margin:0;
	color: #777;
	font-size: 13px;
	letter-spacing:2px;
	font-weight:normal;
}
#sidebar div.linksBar a.selected{
	background:url(images/arrowDown.gif) 207px 3px no-repeat;
}
#sidebar h2.widgettitle{ text-transform:uppercase; margin-bottom:8px;}
#sidebar .widget_mylinkorder h2.widgettitle{text-transform:none; }

#sidebar .hiddenMenu {
	display:none;
	padding:0 0 20px 10px;
}
#sidebar .hiddenMenu a{
	color:#777;
	text-decoration:none;
	display:block;
	font-size:12px;
	padding:2px;
}
#sidebar .hiddenMenu a:hover{
	text-decoration:underline;	
}
#sidebar label{ display:none; }




div.big-post {
	padding-bottom: 13px;
	margin-bottom:15px;

}
	
div.big-post h2 a {
	text-decoration: none;
	color: #8a0505;
	font-size: 16px;
	line-height: 1.2em;
	text-transform:uppercase;
}
div.big-post h3 {
	text-decoration: none;
	color: #777;
	font-size: 10px;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: lighter;
	border-bottom: 1px solid #212121;
}
a.readmore {
	font-size: 12px;
	text-decoration: none;
	color: #8a0505;
	
}
	

#comments {
	padding: 20px 0;
	display: block;
}

#comments textarea
{ 
	background:#636363; 
	padding:3px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:16px; 
	letter-spacing:0px; 
}

#comments form input {
	width: 200px;
	padding: 2px;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}

input#author,
input#email,
input#url
{
	background:#636363; 
	padding:3px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color: #000000;
	border: 1px solid #383838;
}

#comments form textarea {
	height: 140px;
	padding: 2px;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	border: 1px solid #383838;
	width:645px;
}
#comments h3#comments {
	font-size: 18px;
	color: #8a0505;
}
#comments ol.commentlist {
	list-style: none;
}
#comments ol.commentlist li {
	clear: left;
	/*background: #f1f1f1;*/
	line-height: 1.4em;
	font-size: 13px;
	border-bottom: 1px solid #212121;
	color: #555;
	margin: 10px 0;
	padding:10px;
}
#comments ol.commentlist li a {
	text-decoration: none;
	color: #888;
}
table#wp-calendar {
	padding: 3px;
}
table#wp-calendar caption {
	font-size: 18px;
	padding: 5px 0;
}
table#wp-calendar td {
	padding: 7px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
}
	table#wp-calendar td:hover {
		background: #eee;
	}
small.post {
	padding: 10px;
	color: #777;
	line-height: 1.7em;
}
	 
/* Wordpress CSS Defaults */

.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}

li.page-item-49
{
	padding-bottom: 8px;
}

.page-item-49 a,
.page-item-62 a
{
	color:#777777;
	text-decoration:none;	
}

.page-item-49 a:hover,
.page-item-62 a:hover
{
	color:#8A0505;
}

/**
 * =============================================================================
 * Navigation
 * =============================================================================
 */

div.navigation
{
	overflow: hidden;
	padding: 15px 0 15px 0;
	border-top: 1px solid #212121;
}

div.navigation a
{
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

div.navigation div.left
{
	float: left;
	width: 325px;
}

div.navigation div.right
{
	float: left;
	width: 325px;
	text-align: right;
}

/**
 * =============================================================================
 * Links
 * =============================================================================
 */

li#linkcat-5 ul.blogroll a
{
	text-decoration: none;
}

li#linkcat-5 ul.blogroll a:hover
{
	color: #8A0505;	
}

li#linkcat-5 ul.blogroll img
{
	margin-right: 2px;
	position: relative;
	top: 4px;
}

/**
 * =============================================================================
 * qTip
 * =============================================================================
 */

div.qtip-content
{
	font-weight: bold !important;
}

/**
 * =============================================================================
 * Navigation
 * =============================================================================
 */

ul#navigation
{
	position: relative;
	top: 5px;
	width: 479px;
	list-style: none;
}

ul#navigation li
{
	display: inline;
}

ul#navigation li a 
{
	display: block; 
	float: left; 
	height: 22px;
	background-image: url('images/nav.gif'); 
	text-indent: -9999px;
}

ul#navigation li.portfolio a
{
	width: 104px;
}

ul#navigation li.portfolio a:hover
{
	background-position: 0 -23px;
}

ul#navigation li.bio a
{
	width: 62px;
	background-position: -104px 0;
}

ul#navigation li.bio a:hover
{
	background-position: -104px -23px;
}

ul#navigation li.contact a
{
	width: 98px;
	background-position: -166px 0;
}

ul#navigation li.contact a:hover
{
	background-position: -166px -23px;
}

ul#navigation li.blog a
{
	width: 75px;
	background-position: -264px 0;
}

ul#navigation li.blog a:hover,
ul#navigation li.blog-selected a
{
	background-position: -264px -23px;
}

ul#navigation li.client-access a
{
	width: 140px;
	background-position: -339px 0;
}

ul#navigation li.client-access a:hover
{
	background-position: -339px -23px;
}

/**
 * =============================================================================
 * Sitemap
 * =============================================================================
 */

div.ddsg-wrapper
{
	padding: 15px 0 0 0;
}

div.ddsg-wrapper ul
{
	margin: 15px 0 0 0;
	list-style: none;
}

div.ddsg-wrapper ul ul
{
	margin: 0 0 15px 30px;
	list-style: disc;
}

/**
 * =============================================================================
 * Related posts
 * =============================================================================
 */

h2.related_post_title
{
	margin: 25px 0 4px 0;
	font-size: 1.25em;
	text-transform: uppercase;
}

ul.related_post
{
	margin: 0 0 20px 30px;
}
