/*
Theme Name: AR3
Theme URI: http://angelrafael.com
Description: A WordPress theme made from scratch for <a href="http:://angelrafael.com" taget="_blank">http://angelrafael.com</a>
Version: 1.0
Author: Angel Rafael
Tags: dark custom header, widgets
*/

/* Exoskeleton */

body{
	font-family: arial;
	font-size: 1em;
	background: #4c4d59;
}

small{ font-size: .75em; }
h3{
	font-size:1.1em; 
	margin-top: 10px;
	margin-bottom: 10px;
}

a:link, a:active, a:visited {
	text-decoration: none;
	font-weight: 600;
	color: #990000;
}

a:hover {
	text-decoration: none;
	font-weight: 600;
	color: #dd0000;
}

ol {
	list-style-type:decimal;
	margin-left: 30px;
}

.alignleft{
	float:left;
}

.alignright{
	float: right;
}

#header{
	width:100%;
	background: #4c4d59;
	background-image: url("images/header01.jpg");
	background-repeat: repeat-x;
}

#projects{
	width:100%;
	background-color: rgb(225,225,225);
	font-size: .75em;
	font-weight: 400;
}

#projects a:link, #projects a:active, #projects a:visited, #projects a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: 400;
}



#title{
	height: 250px;
	width: 900px;
	border: 1px;
	background-image: url("images/title05.png");
	background-position: bottom;
	background-repeat: no-repeat;
	margin: auto;

}

#myShow{
	width: 900px;
	height: 380px;
	margin-left: auto;
	margin-right: auto;
}

/*- Menu Tabs H--------------------------- */
/*---  Taken, with permisison, from http://www.exploding-boy.com/2005/12/15/free-css-navigation-designs/      ---*/

#menuwrap{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


#tabsH {
	float:left;
	width:100%;
	background:#181c25;
	font-size:.9em;
	line-height:normal;
}

#menu{
	margin: auto;
	width: 900px;
}
#tabsH ul {
	margin:auto;
	padding:0px 10px 0 0;
	list-style:none;
  }
#tabsH li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsH a {
  float:left;
  background:url("images/tableftH.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabsH a span {
  float:left;
  display:block;
  background:url("images/tabrightH.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH a span {float:none;}
/* End IE5-Mac hack */

#tabsH a:hover span {
  color:#FFF;
  }
#tabsH a:hover {
  background-position:0% -42px;
  }
#tabsH a:hover span {
  background-position:100% -42px;
  }

/* Drop down control */





  
#searchbar{
	float: right;
	padding-top: 5px;
}
  
#column{
	margin:auto;
	width:900px;
	background: rgb(240,240,240);
	background-image: url("images/stone1.jpg");
}  
  
#content{
	width: 660px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

#sidebar{
	float: right;
	width: 230px;
	/* background: rgb(240,240,240); */
}

#foot{
	width: 100%;
	height: 151px;
	background: #181c25;
	background-image: url('images/angel_footer1.jpg');
	background-position:bottom left;
	background-repeat: no-repeat;
}

#footer{
	width: 900px;
	margin: auto;
	text-align: center;
	color: #ffffff;
	font-size: .6em;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	text-decoration: none;
	font-weight: 800;
	color: #ffffff;
}

#foot_left{
	float:left;
	width:300px;
	text-align: left;
}

#foot_center{
	float:left;
	width:300px;
	text-align: left;
}

#foot_right{
	float:right;
	width:300px;
	height: 135px;
	text-align: left;
}


.clear {clear: both;}

.navigation{
	width: 660px;
	display: block;
	height: 23px;
}

.navigation a:link, .navigation a:active, .navigation a:visited {
	text-decoration: none;
	font-weight: 800;
	color: #000000;
	font-size: 1.2em;
}

.navigation a:hover {
	text-decoration: none;
	font-weight: 800;
	color: #555555;
	font-size: 1.2em;
}

.googleHads {
	width: 468px;
	margin: auto;
}
/* Exoskeleton end */

/* Content */
.post{
	padding-bottom: 10px;
	background: rgb(230,230,230);
}

.posthead{
	background:url("images/headerChrome.gif") repeat-x left top;
	border: 1px solid #4c4d59;
}

.phleft{
	margin-left: 5px;
}

.phleft h2{
	font-size: 1.25em;
}

.phleft a:link, .phleft a:active, .phleft a:visited{
	text-decoration: none;
	font-weight: 400;
	color: #ffffff;
}

.phleft a:hover {
	text-decoration: none;
	font-weight: 400;
	color: #aaaaaa;
}

.phright{
	float: right;
	position: relative;
	top: -6px;
	right: -5px;
}

.entry{
	font-size: .9em;
	margin-left: 5px;
}

.info{
	color: #990000;
	width: 660px;
}

.entry a:link, .entry a:active, .entry a:visited {
	text-decoration: none;
	font-weight: 600;
	color: #990000;
}

.entry a:hover {
	text-decoration: none;
	font-weight: 600;
	color: #dd0000;
}

.contlink{
	font-weight: 600;
	font-size: .8em;
}

.entry p{
	margin-top: 10px;
	margin-bottom: 10px;
}

.entry hr{
	width: 75%;
}

.entry ul{
	margin: 5px 0 1px 5px;
}

p.postmetadata{
	margin: auto;
	text-align: center;
	font-size: .8em;
	margin: 10px 0 10px 0;
}

.postmetadata a:link, .postmetadata a:active, .postmetadata a:visited {
	text-decoration: none;
	font-weight: 600;
	color: #990000;
}

.postmetadata a:hover {
	text-decoration: none;
	font-weight: 600;
	color: #dd0000;
}

p.postmetadata_single{
	margin: auto;
	text-align: center;
	font-size: .8em;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 75%
}
/* Content end */

/* Comment section */
li.alt{
	background: rgb(215,215,215);
}

.commentlist li {
	padding-bottom: 10px;
}

.commentlist p{
	font-size: .8em;
	margin-top: 5px;
	margin-bottom: 0px;
}

#respond{
	background:url("images/headerChrome.gif") repeat-x left top;
	border: 1px solid #4c4d59;
	font-size: 1.25em;
	text-align: center;
	color: #ffffff;
}

#commentform p{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Comment section end */


/* Sidebar */
#buttons{
	width: 200px;
	margin: auto;
	margin-top: 5px;
}

#twitter_div{
	border: 1px solid #000000;
	font-size: .75em;
	background: rgb(230,230,230);
}

.tweet_title{
	text-align: center;
	color: #ffffff;
	font-weight: 500;
	background: url("images/headerChrome.gif") repeat-x left top;
}

#twitter_update_list{
	padding-left: 5px;
	padding-right: 5px;
}

#googleSide{
	margin-top:10px;
	margin-bottom: 10px;
}

/* Sidebar end */