/*   
Theme Name: RoboDynamics
Version: 2.0
Description: The custom designed Wordpress theme for RoboDynamics Corporation.  This theme is meant to be used for CMS purposes.  Plugins required: Yoast Breadcrumbs
Author: InspireFX Studios
Author URI: www.inspirefxstudios.com
.
Not for public distribution!
.
*/

/*-----------------------------------------
CSS RESET v1.0 | 20080212 
-----------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
/*-----------------------------------------
END OF CSS RESET v1.0 | 20080212 
-----------------------------------------*/

body {
	background: #dfe6e8 url(layout/bg_gradient.jpg) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #485a64;
	line-height: 140%;
}
#wrapper {
	margin: 20px auto;
	width: 800px;
}
#header {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
#logo {
	width: 160px;
	height: 55px;
	margin-left: 5px;
	float: left;
	background: url(layout/rdlogo.png);
}
p {
	margin-bottom: 15px;
}
h1 {
	font-size: 18px;

}
h2 {
	font-size: 16px;
}
small {
	font-size: 11px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.border-right {
	border-right: 1px dotted #999;
}
.border-left {
	border-left: 1px dotted #999;
}
.vertical-divider {
	float: left;
	height: 100%;
	width: 1px;
	border-left: 1px dotted #999;
} /* doesn't seem to work */
/*************************/
/******* Navbar **********/
/*************************/
#navbar {
	float: left;
	width: 100%;
	height: 56px;
	margin-bottom: 10px;
	background: url(layout/navbar.png) top center no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
#navbar li {
	display: inline;
}
#navbar a {
	text-decoration: none;
	color: #618292;
}
#navbar a:hover {
	color: #a8ecfd;
}
#navbar #rss {
	float: right;
	position: relative;
	top: 17px;
	right: 18px;
}
#navbar #btnrss {
	display: block;
	float: right;
	position: relative;
	height: 22px;
	width: 20px;
	background: url(layout/rss.png) no-repeat;
}
#navbar #btnrss:hover {
	background-position: 0 -22px;
}
.imgnav {
	float: left;
	height: 56px;
}
.imgnav li, .imgnav ul {
	margin: 0;
}
/*************************/
/******** Links **********/
/*************************/
ul.imgnav li {
	text-decoration: none;
	list-style: none;
}
ul.imgnav li a {
	display: inline-block;
	height: 52px;
	background: url(layout/navbar_links.png);
}
ul.imgnav li.home a {
	width: 79px;
	background-position: 0 0;
}
ul.imgnav li.tilr a {
	width: 120px;
	background-position: -79px 0;
}
ul.imgnav li.applications a {
	width: 116px;
	background-position: -199px 0;
}
ul.imgnav li.videos a {
	width: 78px;
	background-position: -315px 0;
}
ul.imgnav li.press a {
	width: 69px;
	background-position: -393px 0;
}
ul.imgnav li.blog a {
	width: 63px;
	background-position: -462px 0;
}
/* Hover Cases */
ul.imgnav li.home a:hover {
	background-position: 0 -56px;
}
ul.imgnav li.tilr a:hover {
	background-position: -79px -56px;
}
ul.imgnav li.applications a:hover {
	background-position: -199px -56px;
}
ul.imgnav li.videos a:hover {
	background-position: -315px -56px;
}
ul.imgnav li.press a:hover {
	background-position: -393px -56px;
}
ul.imgnav li.blog a:hover {
	background-position: -462px -56px;
}
/*************************/
/****** Main Page ********/
/*************************/
#flash-wrap {
	float: left;
	width: 100%;
	height: 300px;
	border: 1px solid #999;
	margin: -1px; /* doesn't work on IE6 or less */
	margin-bottom: 20px;
}
#main-content, #main-gallery {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
#main-gallery {
	text-align: right;
}
#main-gallery img, #btnMore {
	float: right;
	margin: 0 0 5px 5px;
}
#btnMore {
	display: inline-block;
	height: 90px;
	width: 280px;
	background: url(layout/main_btn_moreabout.png) no-repeat;
}
#btnMore:hover {
	background-position: 0 -90px;
}
/*************************/
/******* Content *********/
/*************************/
#breadcrumbs {
	float: left;
	width: 100%;
	font-size: 11px;
	margin-bottom: 30px;
}
.page-wrap {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	border: 1px dotted #999;
	border-width: 0 1px;
}
.page-content, .page-full, .blog-content {
	/*	float: left;  - Instead add a wrapper to determine if float left or right with sidebar using class=float-left*/
	width: 585px;
	padding: 15px;
	min-height: 480px;
}
.page-full {
	width: 100%;
}
.blog-content .entry {
	margin: 10px 0;
}
.blog-divider {
	width: 100%;
	float: left;
	border-top: 3px solid #0099cc;
	margin-bottom: 10px;
}
/*************************/
/******* Sidebar *********/
/*************************/
#sidebar {
	/*	float: right;  - Instead add a wrapper to determine if float left or right with sidebar using class=float-right*/
	padding: 15px;
	width: 150px;
}
#sidebar ul, #sidebar ul ol {
	margin: 5px 0 20px 0;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
}
/*************************/
/******* Footer **********/
/*************************/
#footer-wrap {
	float: left;
	background: #60676b;
	width: 100%;
	border-top: 1px solid #eee;
}
#footer {
	color: #bbb;
	margin: 20px auto;
	width: 800px;
}
#footer .col-l {
	float: left;
	width: 600px;
}
#footer .col-r {
	float: right;
	width: 180px;
}
#footer #copyright {
	border-top: 1px solid #999;
	padding: 5px 0;
	float: left;
	width: 800px;
	font-size: 11px;
	margin: 15px 0;
}
#footer a {
	color: #64d3fd;
}
#footer a:hover {
	color: #0099cc;
}
#footer li {
	line-height: 150%;
}
#footer h2 {
	margin-bottom: 10px;
}
.divider {
	width: 100%;
	float: left;
	border-top: 1px solid #999;
	margin-bottom: 10px;
}
/*************************/
/******* Search **********/
/*************************/
#search-wrap {
	margin-top: 33px;
	float: right;
}
.btn-search, .txt-search {
	float: right;
	padding: 0;
	margin: 0;
	border: 1px solid #85929a;
}
.txt-search {
	background: #fcfcfc;
	padding: 2px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.btn-search {
	margin-left: 1px;
}
/*************************/
/******** Links **********/
/*************************/
a {
	color: #0090cc;
}
a:hover {
	color: #7fc4df;
}