/*
Theme Name: SAND
Theme URI: http://www.sand.com
Description: SAND Technology Wordpress Theme
Version: 3.0
Author: Rene Ritchie
Author URI: http://www.sand.com/

Blog elements retained from:

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Zero-out the page */

* {
margin: 0;
padding: 0;
border: 0;
}

/* Global alignments */

.center {
text-align: center;
}

.left, .alignleft {
float: left;
}


.right, .alignright {
float: right;
}

.text img.alignright  {
padding-left: 20px;
padding-bottom: 20px;
}

.text img.alignleft  {
padding-right: 20px;
}

.center, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
}


.justify {
text-align: justify}

.clear {
   clear: both;
}


/* Global elements */

body {
color: #555;
background: #fff;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 20px;
height: 100%;
padding-top: 10px;
text-align:center;
}

		a:link {
		color: #cc2400;
		text-decoration: none;
		}

		a:visited {
		color: #992400;
		text-decoration: none;
		}

		a:hover {
		color: #cc2400;
		text-decoration: underline;
		}
		
		h1, h2, h3, h4 {
		font-weight: normal;
		}
		
		h2 {
		color: #000;
		}
		
		h3 {
		color: #000;
		}

/* Page structure */

#wrap {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 960px;
}

/* Header */


#logo {
float: left;
height: 25px;
margin-bottom: 10px;
width: 320px;
}

#tagline {
float: right;
height: 25px;
font-size: 12px;
margin-bottom: 10px;
width: 640px;
}

	#tagline p {
	color: #333;
	line-height: 25px;
	text-align: right;
	}

		#tagline a:link, #splash-news a:link {
		color: #999;
		text-decoration: none;
		}

		#tagline a:visited, #splash-news a:visited {
		color: #666;
		text-decoration: none;
		}

		#tagline a:hover, #splash-news a:hover {
		color: #999;
		text-decoration: underline;
		}

/* Navigation */


#nav-bar {
background: #cc2400 url(images/backgrounds/dropdown.png) top left repeat-x;
height: 35px;
line-height: 20px;
margin-bottom: 20px;
overflow: visible;
width: 960px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

	#nav-menu {
	float: left;
	overflow: visible;
	width: 770px;
	}
	
	#nav-search {
	float: left;
	overflow: visible;
	width: 190px;
	}

/* End Navigation */


/* Searchbox */

		
	.searchbar input {
	background: #fff url(images/backgrounds/search.png) no-repeat;
	border: none 0;
	color: #999;
	font-size: 12px;
	height: 15px;
	margin: 7px 0;
	padding: 4px 0 0 20px;
	width: 145px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	}

/* End Searchbox */


	
/* Banner */
	

	
	#splash {
	float: left;
	height: 300px; 
	margin-bottom: 10px;
	text-align: left;
	width: 630px;
	}
	
	#splash-full {
	height: 250px; 
	text-align: left;
	margin-bottom: 20px;
	width: 960px;
	}
	
	#splash-news {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	width: 960px;
	}
	
		.splash-news-more {
		float: left;
		height: 25px;
		width: 100px;
		overflow: hidden;
		}

		.splash-news-item {
		float: left;
		height: 25px;
		width: 800px;
		overflow: hidden;
		}

	
	#news-ticker li { 
	display:none; 
	}
	
	#splash-news p {
	margin-left: 10px;
	line-height: 25px;
	}
	
	
		#splash.old {
	background: #369 url(http://www.sand.com/assets/banners/banner_640.jpg);
	color: #fff;
	float: left;
	height: 300px;
	margin-bottom: 10px;
	text-align: left;
	text-shadow: 0 2px 2px rgba(0,0,0,.7);
	width: 630px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	
		#splash.full {
		
		}
	
		#splash.world {
		background: url(http://www.sand.com/assets/banners/banner_640.jpg);
		}
		
		#splash.scalable {
		background: url(http://www.sand.com/assets/banner_scalable.jpg);
		}
		
		#splash.green {
		background: url(http://www.sand.com/assets/banner_green.jpg);
		}

	
		#splash h1 {
		font-size: 48px;
		font-weight: normal;
		line-height: 60px;
		margin-left: 40px;
		padding-top: 72px;
		}
		
			#splash h1.news {
			font-size: 36px;
			font-weight: normal;
			line-height: 48px;
			margin-left: 40px;
			padding-top: 72px;
			}
		
		#splash h2 {
		color: #fff;
		font-size: 36px;
		font-weight: normal;
		line-height: 42px;
		margin-left: 40px;
		}
		
		#splash h2.press {
		font-size: 36px;
		font-weight: normal;
		line-height: 48px;
		margin-left: 40px;
		padding-top: 72px;
		width: 400px;
		}

		#splash a:link, #splash a:visited, #splash a:hover {
		color: #fff;
		text-decoration: none;
		}
		
		
	.banner-2 {
	float: left;
	margin-left: 0px;
	margin-right: -320px;
	overflow: hidden;
	padding-right: 320px;
	text-align: left;
	width: 640px;
	}
	

		
/* Page Text */
	
	.columns {
	margin: 0;
	overflow: hidden;
	width: 960px;
	}
	
	.columns-footer {
	border-top: solid 1px #999;
	color: #666;
	margin: 0;
	padding-top: 10px;
	overflow: hidden;
	width: 960px;
	font-size: 10px;
	}

	.columns-footer a {
	color: #666;
	font-size: 10px;

	}


	.main-1 {
	float: left;
	margin-right: -630px;
	overflow: hidden;
	padding-right: 630px;
	width: 300px;
	}
	
	
	.main-2 {
	float: left;
	margin-right: -330px;
	overflow: hidden;
	padding-right: 330px;
	width: 630px;
	}
	
	

	
	.text {
	} 
	
		.text p, .text ul {
		padding-bottom: 20px;
		text-align: left;
		}
		
		
		
		.text div.halfleft {
		width: 300px;
		}
		
		
		.text h1 {
		color: #000;
		font-size: 40px;
		line-height: 50px;
		padding-bottom: 20px;
		text-align: left;
		}

		.text h1.press {
		color: #000;
		font-size: 25px;
		line-height: 35px;
		padding-bottom: 20px;
		text-align: center;
		}
		
		.text h2 {
		color: #000;
		font-size: 25px;
		line-height: 35px;
		padding: 10px 0;
		text-align: left;
		}
		
		.text h3 {
		font-size: 20px;
		line-height: 30px;
		padding-bottom: 10px;
		padding-top: 15px;
		text-align: left;
		}
		
		.text div.h3rule {
		background: url(http://www.sand.com/wp-content/themes/sand/images/backgrounds/h3_rule.png) top left no-repeat;
		height: 10px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 630px;
		}
		
		.text p.category, .text p.category a {
		color: #999;
		font-size: 18px;
		text-align: center;
		padding-bottom: 10px;
		}
		
		.text blockquote {
		border-left: solid 1px #666;
		color: #666;
		margin: 0 40px 20px 20px;
		padding-left: 20px;
		}
		
		.text ul, .text ol {
		text-align: left;
		margin: 0 0 0 30px;
		}
		
		.text ul li, .text ol li {
		margin-bottom: 5px;
		}
			
		.text ol, .text ol li {
		list-style-type: decimal;
		margin-left: 20px;
		}

		
				.logo-left {
				float: left;
				overflow: hidden;
				padding-top: 20px;
				text-align: center;
				width: 180px;
				}
				
				.directory {
				margin-top: 10px;
				}
				
				.directory p {
				background: #ccc;
				float: right;
				overflow: hidden;
				margin-bottom: 20px;
				text-align: justify;
				width: 390px;
				}
				
				.directory p.more {
				margin-bottom: 20px;
				margin-top: -20px;
				}
				
				.directory h3 a {
				text-decoration: none;
				}
				
				.image-tn {
				background: #c00;
				width: 285px;
				}

		
		.formleft {
		float: left;
		overflow: hidden;
		width: 280px;
		}

		.formright {
		float: right;
		overflow: hidden;
		width: 280px;
		}
		
			.text form input, .text form select, .text form textarea, .text input {
			border: 1px solid #999;
			padding: 2px 5px;
			}

			.text form input.button {
			background: #369;
			border: 0;
			color: #fff;
			line-height: 20px;
			margin: 0;
			margin-top: 5px;
			width: 150px;
			padding: 2px 5px;
			overflow: hidden;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px;
			}


		.text form {
		margin-bottom: 15px;
		text-align: left;
		}	
			
			.url {
			visibility: hidden;
			}
			
			.text form ol {
			margin-left: -20px;
			list-style: none;
			}
				
			.text ol li {
			padding: 5px 0;
			}
				
			.text form label {
			color: #666;
			padding-right: 5px;
			vertical-align: top;
			}
				

			
			.text form input, .text form select {
			width: 265px;
			}
			
			.text form textarea {
			width: 560px;
			}
						
			
			
		
		
	.sidebar {
	float: left;
	margin-left: 30px;
	overflow: hidden;
	width: 300px;
	font-size: 10px;
	line-height: 20px;
	padding-bottom: 10px;
	}

	.sidebar.landing {
	font-size: 10px;
	line-height: 20px;
	}

		
	.item, .item-footer {
	overflow: hidden;
	margin-bottom: 10px;
	width: 300px;
	}
	
		.item p.twelve {
		font-size: 10px;
		line-height: 20px;
		}
	
		.item p, .item ul li, .box p, .box ul li {
		padding-bottom: 10px;
		}
		
		.item-footer ul li {
		line-height: 15px;
		}
		
		.item-footer ul {
		list-style: none;
		margin: 0;
		padding-bottom: 5px;
		}
		
		.sidebar div.para {
		padding-bottom: 10px;
		}
		
	
		.item h2, .box h2 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 10px;
		text-align: center;
		}
		
		.sidebar h3, .item h3, .box h3 {
		color: #333;
		font-size: 15px;
		line-height: 20px;
		padding-bottom: 5px;
		text-align: left;
		}
		
		.box h3 {
		text-align: center;
		}
	
		.item-footer h3 {
		font-weight: bold;
		line-height: 15px;
		padding-bottom: 0;
		}
	
		.item ul {
		list-style: square;
		margin-left: 25px;
		padding-bottom: 10px;
		}
		
		.item ul li {
		padding-bottom: 0;
		}
		
	.sidebar-graphic {
	float: right;
	text-align: right;
	width: 300px;
	}


	.about, .about p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 20px;
	}
	
	.about img {
	margin-top: -10px;
	}

	.box {
	border: 1px solid #ccc;
	color: #666;
	margin-bottom: 20px;
	padding: 20px 20px 20px 20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px
	}
	
		.box.red {
		border: 1px solid #930;
		}

		.box.blue {
		border: 1px solid #369;
		}
		
		.box.twoeighty {
		height: 280px;
		padding: 10px 20px;
		border: 1px solid #ccc;
		overflow: hidden;
		}
		
		.box.newsfeed {
		height: 280px;
		padding: 10px 20px;
		background: #eee;
		border: 1px solid #ccc;
		overflow: hidden;
		}
		
		.box.newsfeed ul {
		list-style: none;
		}
		
		.box.newsfeed li {
		font-size: 13px;
		line-height: 15px;
		}
		
		
		.item.videoside {
		height: 360px;
		overflow: hidden;
		}
		
		.item.videoside h1 {
		color: #000;
		font-size: 30px;
		line-height: 40px;
		}

		
		.item.newsletter h2 {
		color: #000;
		font-size: 14px;
		}

		
			.sidebar form {
			margin-bottom: 15px;
			}
			
			.sidebar form ol {
			list-style: none;
			}
					
			.sidebar form label {
			font-size: 10px;
			vertical-align: top;
			line-height: 15px;
			}
			
			.sidebar form input, .text form select, .text form textarea {
			border: 1px solid #999;
			font-size: 10px;
			padding: 2px 5px;
			}
			
			.sidebar form input.button {
			background: #369;
			color: #fff;
			font-size: 10px;
			margin: 0;
			margin-top: 5px;
			padding: 2px 5px;
			overflow: hidden;
			}
	
	.stamp {
	text-align: center;
	margin: 0 0 20px 0;
	}
	
p.bigbutton {
text-align: center;
text-transform: uppercase;
margin-top: 20px;
}


a.bigbutton {
background: #cc2400 url(images/backgrounds/dropdown.png) top left repeat-x;
color: #fff;
height: 35px;
margin-bottom: 10px;
overflow: hidden;
padding: 10px 20px;
margin: 10px auto;
text-align: center;
text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}




p.smallbutton {
font-size: 11px;
padding: 2px 10px;
text-align: center;
}


a.smallbutton {
background: #369 url(images/backgrounds/button.png) top left repeat-x;
color: #fff;
font-size: 11px;
height: 15px;
overflow: hidden;
padding: 2px 10px;
margin: 10px auto;
text-align: center;
text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}


/* Grid pages */

.grid {
float: left;
width: 320px;
height: 300px;
overflow: hidden;
}

.grid-image {
border: #ccc solid 1px;
overflow: hidden;
-webkit-box-shadow: 0 2px 7px rgba(0,0,0,.3);
-moz-box-shadow: 0 2px 7px rgba(0,0,0,.3);
box-shadow: 0 2px 7px rgba(0,0,0,.3);
width: 264px;
height: 155px;
margin: 5px auto;
padding: 0;
}

.grid-image img {
border: #fff solid 1px;
width: 260px;
}

.grid h3 {
font-size: 12px;
margin: 10px 10px 5px 10px;
line-height: 22px;
text-align: center;
}

.grid p {
color: #999;
font-size: 12px;
margin: 5px 10px 10px 10px;
line-height: 20px;
}



	
	#footer p {
	border-top: solid 1px #999;
	font-size: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	text-align: right;
	width: 960px;
	}
	
	
	/* Begin Form Elements */



.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




