/*********
DShope 2008: Courtesy of Everaldo
************/


/******************
HEADINGS
*********************/
H1 {
	color:#000066;
	font:20px Georgia, Times New Roman, Courier;
	text-decoration:none;
	display: inline; 
}

H2 {
	color:#000066;
	font:22px Georgia, Times New Roman, Courier;
	text-decoration:none;
	display: inline; 
}

H3 {
	color:#000066;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	text-decoration:none;
	display: inline;
}

/*blueheading*/
H4 {
	color:#6666CC;
	font:16px Myriad Pro, Tahoma, Arial, Verdana;
	text-decoration:none;
	display: inline;
}

H5 {
	color:#000066;
	font:12px Georgia, Times New Roman, Courier;
	font-weight:bold;
	text-decoration:none;
	display: inline;
}

H6 {
	color:#000066;
	font:14px Georgia, Times New Roman, Courier;
	text-decoration:none;
	display: inline;
}

H7 {
	color:#000066;
	font:18px Georgia, Times New Roman, Courier;
	text-decoration:none;
	display: inline;
}



/******************
LINK STYLES
*********************/
a.h5{
	color:#000066;
	font:14px Georgia, Times New Roman, Courier;
	font-weight:bold;
	text-decoration:none;
}

a.blog{
	color:#000066;
	font:12px Georgia, Times New Roman, Courier;
	text-decoration:none;
}

a.smalltext{
	color:#000000;
	font:11px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	font-weight:bold;
	text-decoration:none;
}

a.orangetext{
	color:#ff3333;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	text-decoration:none;
}

a.smallorangetext{
	color:#ff3333;
	font:bold 11px Arial, Myriad Pro, Tahoma, Verdana;
	text-decoration:none;
}

a.dkbluetext{
	color:#000066;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	text-decoration:none;
}

a.whitetext{
	color:#FFFFFF;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	text-decoration:none;
}

a.blacktext{
	color:#000000;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	text-decoration:underline;
}

a.lightbluemediumsmooth{
	color:#3333CC;
	font:15px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	text-decoration:none;
}

a.dkbluelargetext{
	color:#000066;
	font:20px Calibri, Tahoma, Arial, Verdana;
	text-decoration:underline;	
}

a.graylargetext{
	color:#CCCCCC;
	font:20px Calibri, Tahoma, Arial, Verdana;
	text-decoration:none;	
}

a.tag{
	color:#336666;
	font:11px Arial, Verdana;
	text-decoration:none;
}

a#dkbluelargetext{
	color:#000066;
	font:20px Calibri, Tahoma, Arial, Verdana;
	text-decoration:underline;	
}

a#graylargetext{
	color:#CCCCCC;
	font:20px Calibri, Tahoma, Arial, Verdana;
	text-decoration:none;	
}

a#blacktitle{
	color:#000000;
	font:24px Georgia, Times New Roman, Courier;
	text-decoration:none;
	clear:right;
}

a#dkbluetitle{
	color:#000066;
	font:18px Georgia, Times New Roman, Courier;
	text-decoration:none;
	clear:right;
}

a#dkbluetitle:hover{
	color:#FFF;
	background:#6666CC;
	text-decoration:none;
}

a#dkbluelink{
	color:#000066;
	font:14px Calibri, Tahoma, Arial, Verdana;
	text-decoration:none;
}

a#footer{ //footer
	color:#CCCCCC;
	font:12px Calibri, Tahoma, Arial, Verdana;
	text-decoration:none;
}

a#tag{
	color:#000066;
	font:14px Calibri, Tahoma, Arial, Verdana;
	text-decoration:underline;
}

a.boldbyline{
	color:#999999;
	font:12px Calibri, Tahoma, Arial, Verdana;
	text-decoration:underline;
	font-weight:bold;
}

a.dkgray12CalibriUnderline{
	color:#999999;
	font:12px Calibri, Tahoma, Arial, Verdana;
	text-decoration:underline;
}


/*****************
CODE BLOCKS
**********************/
div.robo-code {
	background-color:#ccffff;
	border:#9999FF solid 1px;
	overflow:scroll;
}

pre {
	margin-left:10px;
	margin-right:10px;
}


/******************
NEWS FEATURES
*********************/
#feature-bar {
	display:block;
	width:840px;
	clear:both;
	height:auto;
}

#news-bump {
	margin-left:40px;
}

.news-box {
	width:150px;
	margin-right:15px;
	float:left;
	display:inline;
}


.news-box .img-box {
	height:100px;
	width:150px;
	border:1px solid #666666;
	border-bottom:1px solid #999999;
}

.news-box p {
	font: 15px Arial, sans-serif;
	color:#666666;
	display:inline;
}

.news-box a {
	text-decoration:none;
	background:none;
}

.news-box a:hover p {
	background:#0000CC;
	color:#FFFFFF;
}


/******************
NEWS NAVIGATION
*********************/

#navcontainer ul{
	margin: 0;
	margin-right:15px;
	padding: 0;
	float:right;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{
	text-decoration: none;
	padding: .1em 0.5em;
	background:none;
	border:none;
	color: #fffff;
}

#navcontainer ul li a:hover{
	border:#9999FF solid 1px;
	text-decoration:underline;
}

#navcontainer li.currentpage{
	text-decoration: none;
	padding: .1em 0.5em;
	background-color: #0066CC;
	border:#9999FF solid 1px;
	color: #fff;
}

/******************
GENERAL LAYOUT
*********************/

#general{
	margin:20px auto;
	font:13px Arial, Verdana, Sans-Serif;
	padding:0;
	list-style:none;
	text-decoration:none;
}

#body{
	width:906px;
	margin:0px auto;
}

#body-boxes{
	background:url(body-body.png) repeat-y;
	height:auto;
}

#body-boxes-robo{
	background:url(body-body-robo.jpg) repeat-y;
	height:auto;
}

#join-boxes{
	background:url(body-body-join.png) repeat-y;
	height:auto;
}

#news-boxes{
	background:url(body-body-news.png) repeat-y;
	height:auto;
}

#box-inside{
	width:846px;
	position:relative;
	left:30px;
	overflow:hidden;
}

#box-padded{
	width:92%;
	color:#000066;
	font:12px Arial, Verdana, Sans-Serif;
	overflow:hidden;
	margin-left:4%;
	margin-right:4%;
}

#box-row-close{
	width:100%;
	color:#000000;
	font:14px Myriad Pro, Tahoma, Arial;
	margin-bottom:0px;
	overflow:hidden;
}

#box-row{
	width:100%;
	color:#000000;
	font:12px Arial, Verdana, Sans-Serif;
	margin-bottom:15px;
	overflow:hidden;
}

/*2 column -- robo home*/
#box-row-roboleft{
	width:25%;
	float:left;
	clear:left;
}

#box-row-roboright{
	width:65%;
	float:right;
	clear:right;
}

/*2 column -- home page*/
#box-row-left{
	width:420px;
	float:left;
}

#box-row-right{
	width:350px;
	float:right;
}

/*2 column -- SolidWorks Gallery*/
#box-row-sw-left{
	width:300px;
	float:left;
}

#box-row-sw-right{
	width:470px;
	float:right;
}

/*2 column (nav panel on right)*/
#box-left{
	width:75%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	clear:left;
}

/*2 column (nav panel on left)*/
#box-right{
	width:75%;
	margin-left:1%;
	margin-right:1%;
	float:right;
	clear:right;
}

/*3 column EQUAL*/
.box-col-3left{
	width:32%;
	margin-right:1%;
	float:left;
	clear:left;
}

.box-col-3middle{
	width:32%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}

.box-col-3right{
	width:32%;
	margin-left:1%;
	float:left;
	clear:right;
}


/*3 column BLOG*/
#box-col-left{
	width:21%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	clear:left;
}

#box-col-middle{
	width:52%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}

#box-col-right{
	width:21%;
	margin-left:1%;
	margin-right:1%;
	float:left;
	clear:right;
}

body{
	background:url(background.jpg) repeat;	
}

.heading{
	color:#CCCC66;
	font:16px Calibri, Tahoma, Arial, Verdana;
}

#search{
	margin:15px;
	padding:0px;
	width:840px;
}

.searchbar {
	height:0px;
}

#search.a{
	color:#000066;
	font-size: 14px;
	font-family:Calibri, Tahoma, arial;
	font-weight:bold;
	text-decoration:underline;
}

.topSearchHolder{
	display:inline;
	width: 424px;
	height: 30px;
	position:relative;
	top:-70px;
	left:465px;
}

.topFloatingSearch{
	width: 310px;
	height: 18px;
	background:none;
	border:none;
	color: #000000;
	font-size:14px;
	position:relative;
	top:8px;
	left:38px;
}


/******************
STYLISTIC ELEMENTS
*********************/

.border-splash{	
	clear:both;
	height:3px;
	background:url(border-splash.jpg) no-repeat;
}

img{
	border:none;
}

div.imagefloatedright{
	float: right;
	margin-left:0.5em;
}

div.imagefloatedleft{
	float: left;
	margin-right:1em;
}

.article-small-image{
	float: left;
	margin-right:5px;
	width:115px;
	display:block;
}

.article-box {
	display:block;
}

hr.OrangeDotted{color: #fff; background-color: #fff; border: 1px dotted #ff0000; border-style: none none dotted; float:left; clear:right; }

hr.BlueDotted{color: #fff; background-color: #fff; border: 1px dotted #000066; border-style: none none dotted; float:left; clear:right; }

hr.GrayDotted{color: #fff; background-color: #fff; border: 1px dotted #CCCCCC; border-style: none none dotted; float:left; clear:right; width:100%; }

hr.GraySolid{color: #fff; background-color: #fff; border: 1px solid #CCCCCC; float:left; clear:right; }


/******************
TOP and MENU
*********************/

#top{
	width:906px;
	margin:0 auto;	
	height:24px;
}

#top-logo {
	width:300px;
	height:63px;
	float:left;
}

#menu{
	background:url(nav-tile.png) repeat-x;
	width:591px;
	height:24px;
	float:left;
	display:inline;
}

#menu a{
	height:63px;
	display: inline;
	color:#000099;
	text-decoration:none;
}

#menu a:hover{
	color:#000066;
	text-decoration:underline;
}

#menu p{
	display:inline;
	position:relative;
	top:3px;
	left:5px;
}

#top-bar {
	background:url(logo-header.png) no-repeat;
	margin:0 auto;
	width:906px;
	height:63px;
}

#nav-left {
	background:url(nav-bar-left.png) no-repeat;
	width:129px;
	height:24px;
	float:left;
	clear:left;
}

#nav-right {
	background:url(danshope-logo-right.png) no-repeat;
	width:186px;
	height:24px;
	float:left;
	clear:right;
}

/*****************
ADVERTISEMENTS
**********************/

#googlead{

}


/****************************
LAYOUT ELEMENTS
****************************/
#rightalign{
	color:#999999;
	font:12px Calibri, Tahoma, Arial, Verdana;
	float:right;
}

div.blue-rectangle {
	background-color:#d7eaf8;
	border:#9999FF solid 1px;
	width:630px;
	height:auto;
}

div.padded-rectangle {
	padding: 0px 0px 0px 10px;
}

/****************************
TEXT FORMATTING
****************************/
#post_owner{
	color:#000066;
	font-size: 14px;
	font-family:Calibri, Tahoma, arial;
	font-weight:bold;
}

#timestamp{
	color:#999999;
	font-size: 12px;
	font-family:Calibri, Tahoma, arial;
}

.blacktext{
	color:#000000;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
}

.whitetext{
	color:#FFFFFF;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
}

.orangetext{
	color:#ff3333;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
}

.lightbluetext{
	color:#3333CC;
	font:14px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
}

.dkbluemedium{
	color:#000066;
	font:16px Georgia, Times New Roman, Courier;
	font-weight:bold;
}

.dkblueposters{
	color:#000066;
	font:16px Georgia, Times New Roman, Courier;
}

.orangemedium{
	color:#ff3333;
	font:16px Georgia, Times New Roman, Courier;
}

.lightbluemedium{
	color:#3333CC;
	font:12px Georgia, Times New Roman, Courier;
}

.lightbluesmooth{
	color:#3333CC;
	font:12px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
}

#blueheading{
	color:#6666CC;
	font:16px Myriad Pro, Tahoma, Arial, Verdana;
}

#lightbluetitle{
	color:#3333CC;
	font:15px Georgia, Times New Roman, Courier;
}

#dkblueheading{
	color:#000066;
	font:16px Calibri, Myriad Pro, Tahoma, Arial, Verdana;
	font-weight:bold;
}

#dkbluetext{ //topic
	color:#000066;
	font:14px Calibri, Tahoma, Arial, Verdana;
}

#dkbluelargetext{
	color:#000066;
	font:20px Calibri, Tahoma, Arial, Verdana;
}

#dkblue-title-heading{
	color:#000066;
	font:20px Georgia, Times New Roman, Courier;
	text-decoration:none;
}

#dkbluelargetitle{
	color:#000066;
	font:22px Georgia, Times New Roman, Courier;
	text-decoration:none;
}

#footer{
	color:#999999;
	font: 12px Calibri, Tahoma, Arial, Verdana;
	text-decoration:none;
}

.orangelargetext{
	color:#ff3333;
	font:20px Calibri, Tahoma, Arial, Verdana;
	text-decoration:none;
}

#graylargetext{
	color:#CCCCCC;
	font:20px Calibri, Tahoma, Arial, Verdana;
	text-decoration:none;
}

#gray-title-heading{
	color:#CCCCCC;
	font:20px Georgia, Times New Roman, Courier;
	text-decoration:none;
}


.grayposters{
	color:#CCCCCC;
	font:16px Georgia, Times New Roman, Courier;
}

p.news{
	color:#000000;
	font-family;Calibri, Tahoma, arial;
	font-size:14px;
}

input.SearchButton{
	font-size:8pt;
	background-color:#00BFFF;
	color:#ffffff;
}

/*************************
Bottom Links
*****************************/
#bottom-footer{
	background:url(body-body.png) repeat-y;
	height:30px;
	width:906px;
	text-align:center;
}

#bottom-body{
	position:relative;
	height:62px;
	width:906px;
	margin:0 auto;
	background:url(bottom-body.png) no-repeat;
}

#sigmoicon{
	margin:0;
}

#bottom-body #sigmoicon a{
	position:absolute;
	width:120px;
	height:25px;
	top:22px;
	left:770px;
}