/*
Theme Name: BabyCad
*/

/*------------------------------------------------------------------------------
	Primitive HTML Elements
------------------------------------------------------------------------------*/

* 
{
	background: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

a 
{
	color: #41a4aa;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

body 
{
	color: #666666;
	font-family: Arial;
	font-size: 13px;
}


div.section
{
	margin-bottom: 20px;
}

h1 
{
	font-size: 200%;
	color: #41a4aa;
	font-weight: normal;
	margin-bottom: 17px;
	padding: 0 10% 5px 0;
}

h2 
{
	font-size: 150%;
	color: #41a4aa;
	font-weight: normal;
	margin-bottom: 15px;
	width: 90%;
}

h3 
{
	margin-bottom: 8px;
}

input, textarea
{
	color: #333333;
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 3px;
}

	input.button 
	{
		border: solid 1px #00aaaa;
		color: #00aaaa;
	}

	input.button:hover 
	{
		text-decoration: underline;
		cursor: hand;
	}

	input.text 
	{
		padding: 4px;
	}

p
{
	margin-bottom: 20px;
}

ul
{
	margin: 0 0 10px 30px;
}

/*------------------------------------------------------------------------------
	Page Construct
------------------------------------------------------------------------------*/

#page 
{
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}

#logo
{
  float: left;
  width: 500px;
  height: 60px;
  margin-top: 10px;
}

#page_wrapper 
{
  margin-top: 15px;
  padding: 0px;
  width: 100%;
}



#nav1 {
  float: left;
  width: 25%;
}
#nav1 a {
  color: #41a4aa;
}
#nav1 a:hover {
  text-decoration: underline;
}


	#content 
	{
		margin-bottom: 35px;
		width: 480px;
		float: left;
	}



	#sidebar 
	{
		float: right;
		width: 200px;
	}

		#sidebar h2 
		{
			background: none;
			border: none;
		}

		#sidebar ul 
		{
			list-style-type: none;
			margin-left: 15px;
		}



#footer {
  border-top: 1px solid rgb(215,215,215);
  float: left;
  margin: 0px;
  padding: 10px 0 0 0;
  text-align: left;
  width: 100%;
}



/*------------------------------------------------------------------------------
	Common classes
------------------------------------------------------------------------------*/

.col1 
{
	margin-bottom: 35px;
	margin-right: 20px;
	color: #666666;
	width: 470px;
	float: left;
}

.col2 
{
	float: right;
	margin-bottom: 35px;
	color: #666666;
	width: 243px;
}

	.col2 img 
	{
		display: block;
		margin: 0 auto;
	}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}

.small {
	font-size: 50%;
}



/*------------------------------------------------------------------------------
	Constructs
------------------------------------------------------------------------------*/
.buttons {
  margin-bottom: 15px;
}

	.buttons .button 
	{
		height: 30px;
		width: 248px;
		margin-bottom: 8px;
		font-size: 20px;
		text-align: right;
	}

	.button .grey_button
	{
		color: #666666;
		text-decoration: none;
	}

	.button .blue_button
	{
		color: #ff6600;
		text-decoration: none;
	}
	
	.button .arrow_button
	{
		background: url("./images/button_videolaunch.png") no-repeat;
		display: block;
		float: right;
		height: 30px;
		width: 30px;
		margin-left: 10px;
	}
	
	.button .arrow_button:hover
	{
		background-position: 0px -30px;
		text-decoration: none;
	}



div.post {
}
	div.post .meta {
		color: rgb(150, 150, 150);
		font-size: 75%;
	}




#index_collage 
{
	border-bottom: solid 1px white;
	margin: -12px 0 20px 0;
	padding-bottom: 4px;
}

	#index_collage div 
	{
		margin: 0px;
	}

	#index_collage .wrapper 
	{
		background: white;
		margin-bottom: 0px;
		padding: 0px;
	}

	#intro_movie
	{
		float: right;
		width: 500px;
		height: 320px;
	}

	#index_collage #usp
	{
		clear: both;
		width: 500px;
		height: 100px;
		margin-top: 10px;
	}

	#index_collage .buttons 
	{
		clear: left;
		float: left;
		margin-top: 40px;
		width: 180px;
	}
	
	#index_collage .button 
	{
		clear: both;
		margin-bottom: 15px;
	}

#threed-standards-bar 
{
	color: #666666;
	float: right;
	width: 200px;
}
#threed-standards-bar a {
	color: #666666;
}
#threed-standards-bar a:hover {
	color: #666666;
}