/* @override http://localhost:3000/css/index.css */

/*--------------------------------------*/
/* CSS Created by Domo - 2009 ----------*/
/* www.okdomo.com ----------------------*/
/*--------------------------------------*/

/*---------------------*/
/* General ------------*/
/*---------------------*/

* {
	margin: 0;
	padding: 0;
}
body {	background: #141414; }
hr {display: none;}
img, fieldset {border: none;}


/*---------------------*/
/* Typography ---------*/
/*---------------------*/

body {           
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
}

a:link, a:visited {
	color: #c00;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {color: #000;}

#main .content p {
  color: #666;	
  line-height: 150%;
}

#main .content p, #main .content pre, #main .content ul, #main .content ol {
	margin-bottom: 16px ;	
}

#main .content h1, #main .content h2, #main .content h3, #main .content h4 {
	margin-bottom: 10px ;	
}

#main .content ul, #main .content ol {
	margin-left: 30px;
}
#main .content li {
	margin-bottom: 10px;
}
#main .content h1, #main .content h1 a {
	color: #9B0000;
}



/*---------------------*/
/* Team - -------------*/
/*---------------------*/

.item-box {
	width: 420px;
	padding: 15px 15px 0 15px;
	float: left;
	height: 10em;
	background-color: #e6e6e6;
	margin-bottom: 20px;
}
.item-box.left {
	margin-right: 30px;
}
.item-box .left {
	width: 98px;
	overflow: hidden;
	float: left;
	margin: 0 15px 10px 0;
}
.item-box h3 {
	margin-bottom: 7px!important;
}
.item-box .right {
	float: left;	
	width: 293px;
}
.item-box img {
	border: 2px solid #fff;
}


p.linkedin a {
	background: url(../img/icons/btn_in_20x15.png) no-repeat center left;
	display: block;
	color: #1D5186;
	font-size: 75%;
	padding-left: 18px;
	font-weight: normal;
}







/*---------------------*/
/* Layout -------------*/
/*---------------------*/

.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.content {
	width: 930px;
	margin: 0 auto;
}




/*---------------------*/
/* Header -------------*/
/*---------------------*/
#header {
	background: #141414 url(../img/bg/bg_header.gif) top left repeat-x;
	border-bottom: 5px solid #c00;
	color: #fff;
	height: 55px;
}
#header h1 {
  margin:0!important;
}
#header h1 a {
	background: url(../img/railsdog_logo.png) top left no-repeat;
	float: left;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	width: 170px;
	height: 55px;  
}              
#header ul {
	float: right;
	display: inline;
	width: 750px;
}          
#header li {
	list-style: none;
	list-style-position: outside;
	display: inline;	
}                                
#header li a {
	float: right;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	height: 55px;   
	margin-right: 15px;
}

#header ul li a {
  background-position: top left;
  background-repeat: no-repeat;
  }
#navHome      { background-image: url(../img/nav/home.png);     width: 66px; }
#navTeam      { background-image: url(../img/nav/team.png);     width: 63px; }
#navProjects  { background-image: url(../img/nav/projects.png); width: 95px; }
#navPartners  { background-image: url(../img/nav/partners.png); width: 97px; }
#navBlog      { background-image: url(../img/nav/blog.png);     width: 61px; }

body#home #navHome, 
body#projects #navProjects, 
body#partners #navPartners, 
body#team #navTeam, 
body#blog #navBlog,  
#header ul li a:hover {
	background-position: bottom;
}


/*---------------------*/
/* Main ---------------*/
/*---------------------*/
#main {
	background: #fff;
	padding: 30px 0 0 0;
}                        
/*---------------------*/
/* Hero ---------------*/
/*---------------------*/
#hero {
	float: left;
	display: inline;
	width: 370px;
}                    
body#home #hero {
	background: url(../img/home/railsdog_sticker.jpg) top left no-repeat;
	float: left;
	display: inline;
	width: 370px;
	padding: 0 0 0 240px;
}                    
body#home #hero h2 {
  margin-bottom: 20px;
}
#txtAlphaDog {
	background: url(../img/text/txt_alpha_dog.gif) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 300px;
	height: 52px;
	margin-bottom: 20px;
}
#hero p {
}                     
#hero .contact {
	border-top: 2px solid #ccc;
	margin-top: 15px;
	padding-top: 15px;
}
#hero .contact p {
	font-size: 16px;
	color: #000;         
	margin: 0 0 5px 0;	
}
#hero .contact li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	color: #c00;
	font-weight: bold;
}                  
.contact ul#icons {
  margin:0; padding: 0;
}
#iconEmail {
	background: url(../img/icons/icon_email.gif) top left no-repeat;
	padding: 2px 0 7px 37px;
	width: 175px;
}                                                             
#iconPhone {
	background: url(../img/icons/icon_phone.gif) top left no-repeat;
	padding: 2px 0 7px 27px;
	width: 115px;
}
/*---------------------*/
/* Sidebar ------------*/
/*---------------------*/
#sidebar {
	float: right;
	display: inline;
	width: 290px;   
}
#sidebar p {
  margin-bottom: 30px!important;
}             
#sidebar h3 {                                                       
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: auto;
	height: 26px;
	border-bottom: 2px solid #c00;
	margin-bottom: 15px;
}
#txtFeatured {background: url(../img/text/txt_featured.gif) top left no-repeat;}
#txtDoghouse {background: url(../img/text/txt_doghouse.gif) top left no-repeat;}
#sidebar img.left {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
#sidebar p {
	margin: 0 0 30px 0;
}                   
#sidebar #doghouse p {
	margin: 0;
	font-size: 11px;
	line-height: 15px;
}                   
#doghouse {       
	background: url(../img/home/bg_doghouse.jpg) bottom right no-repeat;
	width: 290px;
	height: 142px;   
	padding: 0 0 5px 0;
}
/*---------------------*/
/* Services -----------*/
/*---------------------*/
#services {background: #e5e5e5 url(../img/bg/bg_services.gif) top left repeat-x;}
#services .content {
	background: url(../img/home/bg_shadow.gif) top right no-repeat;
	padding: 25px 0 30px 0;
}
#txtServices {
	background: url(../img/text/txt_services.gif) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 114px;
	height: 18px;
	margin-bottom: 15px;
}                      
#services ul {
  margin:0; padding:0;
}
#services li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	width: 230px;
	margin-right: 25px;
	padding: 10px 0 0 60px;
}
#services #iconEcommerce {background: url(../img/icons/icon_ecommerce.gif) top left no-repeat;}
#services #iconResearch {background: url(../img/icons/icon_research.gif) top left no-repeat;}
#services #iconMigration {background: url(../img/icons/icon_migration.gif) top left no-repeat; margin: 0;}                     
#services h3 {
	color: #9b0000;
	font-size: 16px;
	margin: 0 0 8px 0;
}                                                                                                   
#services p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
}


/*---------------------*/
/* General Pages ------*/
/*---------------------*/

h1#txtTeam, h1#txtPartners {
	height: 26px;
	overflow: hidden;
	text-indent: -999em;
	background-repeat: no-repeat;
}
h1#txtTeam     { background-image: url(../img/text/our-team.png); }
h1#txtPartners { background-image: url(../img/text/partners.png); }

p.intro {
	border-bottom: 2px solid #ccc;
	font-size: 115%;
	padding-bottom: 10px;
}

/*---------------------*/
/* Team ---------------*/
/*---------------------*/
.team #footer #about {
	width: 690px;
}
.team #main h2 {
	background: url(../img/text/txt_our_team.gif) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 120px;
	height: 20px;
	margin: 0 0 20px 0;
}
.team #main p {
	font-size: 15px;
	color: #666;
	line-height: 24px;
}                   
.team #team {
	width: 930px;
	overflow: auto;
	padding: 30px 0 30px 0;
	border-top: 2px solid #ccc;
	margin: 20px 0 0 0;
}
.team #team li {
	background: #e5e5e5 url(../img/bg_services.gif) bottom left repeat-x;
	list-style: none;
	list-style-position: outside;
	width: 410px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 20px;
}                        
.team #team li.right {float: right;}
.team #team .img {
	float: left;
	display: inline;
	width: 105px;
}
.team #team .img img {
	border: 2px solid #fff;
	display: block;
}
.team #team .copy {
	float: right;
	display: inline;
	width: 285px;
}
.team #team .copy p {
	color: #666;
	font-size: 13px;
	line-height: 20px;	
}
.team #team .copy h3 {
	color: #000;
	font-size: 16px;
	margin: 0 0 5px 0;
}                 
.team .iconTwt {
	background: url(../img/icons/icon_twitter.gif) top left no-repeat;
	display: block;
	width: 75px;
	padding: 5px 0 4px 25px;
	margin: 3px 0 0 0;
	line-height: 14px;
}
/*---------------------*/
/* Footer -------------*/
/*---------------------*/
#footer {
	border-top: 5px solid #ccc;
	color: #888;
	padding: 30px 0;
}
#footer a {
	padding: 2px 5px;
}
#footer a:hover {
	color: #fff;
	background: #222;	
}
#footer h3 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 15px 0;
}
#footer p {
	font-size: 14px;
	line-height: 22px;
}
#about {
	width: 696px;
	float: left;
	display: inline;
	margin-right: 30px;
}
body#home #about {
	width: 300px;
}
#packMember {
	width: 380px;
	float: left;
	display: inline;      
}
#packMember img {
	border: 2px solid #fff;
	float: left;
	display: inline;
}                   
#packMember h4 {
	color: #fff; 
	font-size: 15px;
	margin: 0 0 5px 0;
}
#packMember #bio {
	float: right;
	display: inline;
	width: 265px;
}
#contact {
	width: 185px;
	float: right;
	display: inline;
	line-height: 22px;
}
#contact li a {
	padding-left: 0;
}
#contact li {
	list-style: none;
	list-style-position: outside;
}





/*---------------------*/
/* Blog ---------------*/
/*---------------------*/

body#blog #sidebar {
	float: right;
	display: inline;
	width: 250px;   
	font-size: 12px;
	color: #666;
	line-height: 20px;
}                    
body#blog #hero {
  width:650px;
}
body#blog #sidebar ul {
	list-style: none;
	margin: 0; margin-bottom: 20px;
}
body#blog #sidebar ul li {
	margin-bottom: 5px;
	line-height: 1.5em;
	}
body#blog #sidebar ul li a {
	color: #666;
}
body#blog #sidebar ul li a:hover {
	color: #c00;
}

div.article {
	margin-bottom: 30px;
}

#txtSubscribe      { background: url(../img/text/txt_subscribe.gif) no-repeat scroll left; }
#txtRecentArticles { background: url(../img/text/txt_recent_articles.gif) no-repeat scroll left; }
#txtArchives       { background: url(../img/text/txt_archives.gif) no-repeat scroll left; }
#sidebar p#rssButton a {
	display: block;
	background: url(../img/icons/btn_rss_feed.gif) no-repeat scroll left;	
	top transparent;
	height: 20px;
	overflow: hidden;
	text-indent:  -999em;
	width: 90px;
}
div.article_meta {
	margin-bottom: 10px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
}
div.article_meta h1 {
	margin-bottom: 5px!important;
}
div.article_meta h1, div.article_meta h1 a {
	color: #9B0000;
}
div.article_meta .date {
	font-weight: bold;
	font-size: 110%;
}
div.article_meta .author {
	color: #666;
}
div.article_body h1 { font-size: 160%; }
div.article_body h2 { font-size: 140%; }
div.article_body h3 { font-size: 120%; }
div.article_body h4 { font-size: 100%; }

h1.page_title {
	color: #666!important;
	font-size: 18px;
	font-style: italic;
	border-bottom: 2px solid #ccc;
	padding-bottom: 8px;
	margin-bottom: 8px!important;
}

.postmetadata {
  background:none repeat scroll 0 0 #9B0000;
  border-bottom:2px solid #6F0000;
  color:#FFFFFF;
  padding:5px 10px 5px 5px;
}
.postmetadata p {
	margin: 0!important;
}
.postmetadata .comments {
  background:url("../img/icons/icon_paw_red.gif") no-repeat scroll left top transparent;
  display:inline;
  float:left;
  padding-left:22px;
}
.postmetadata .time {
  display:inline;
  float:right;
}
.postmetadata .comments a, .postmetadata .time {
  color:#fff!important;
}



/*--------------------------------------*/
/* CSS for code panels               ---*/
/*--------------------------------------*/

code { 
  font-family: "DejaVu Sans Mono", Monaco, "Bitstream Vera Sans Mono", monospaced;
  white-space: pre; 
  color:#fff; background: #000; display: block; 
  font-size:90%;
  padding: 10px 15px;
  overflow: auto;
}

code.haml .doctype { color: #ccc; }
code.haml .idDiv { color: #3F3; }
code.haml .classDiv { color: #F33; }

code.erlang .comment { color: #C600FF; }
code.erlang .bracket { color: white; }
code.erlang .string { color: #3FEC15; }
code.erlang .atom { color: #007EFF; font-weight: bold; }
code.erlang .keyword, code.erlang .pp { color: #FFA000; font-weight: bold;}
code.erlang .variable { color: #CCF; }

code.ruby .comment { color: #C600FF; }
code.ruby .brackets, code.haml .interpolate, code.haml .emit { color: white; }
code.ruby .string, code.haml .string { color: #3FEC15; }
code.ruby .symbol, code.haml .symbol { color: #007EFF; font-weight: bold; }
code.ruby .keywords, code.haml .tag { color: #FFA000; font-weight: bold;}

code.radius .tag { color: #007EFF; font-weight: bold; }
code.radius .comment { color: #C600FF; }
code.radius .attribute { color: #FFA000; }
code.radius .value { color: #3FEC15; }

code.css .comment { color: #C600FF; }
code.css .keywords { color: #FFA000; font-weight: bold;}
code.css .urls { color: #3FEC15; }
code.css .units { color: white; }
code.css .properties { color: #007EFF; font-weight: bold; }
code.css .selectors { color: #CCF; }