/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {

}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {

}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {

color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {

}

div#nav-below {

}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {

}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {

}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* by ponytail */
* {
	margin: 0;
	padding: 0;
}
html,body {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	background: #F0ECE0 url(images/left_bg.jpg) no-repeat left top;
}
img {
	border: none;
}
a {
	outline: none; /* for Forefox */
	star:expression(this.onFocus=this.blur()); /* for Ie*/
}
a {
	color: #666666;
}
.menu {
	border-right: solid 2px #F39000;
	width: 203px;
	margin-left: 35px;
	padding-bottom: 3px;
}
.arrowlistmenu {
	width: 170px; /*width of accordion menu*/
}
.menuheader a {
	color: #3E3F41;
	text-decoration: none;
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font: 14px Arial;
	color: #3E3F41;
	margin-bottom: 8px; /*bottom spacing between header and rest of content*/
	padding: 8px 0 0 8px; /*header text is indented 10px*/
	cursor: pointer;
	border-bottom: dashed 1px #BAB6AB;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background: url(arrow.gif) no-repeat 157px 10px;
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	font: 14px Arial;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 6px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom: 7px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a {
	color: #3E3F41;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0 0 16px;
	margin-left: 12px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: dashed 1px #BAB6AB;
}
.arrowlistmenu ul li a:visited {
	color: #3E3F41;
}
.arrowlistmenu ul li a.subexpandable { /*hover state CSS for sub menu header*/
	background: url(left_line.gif) no-repeat left 3px;
	*background: url(left_line.gif) no-repeat left 5px;
}


#left_block {
	width: 240px;
	float: left;
	min-height: 80%;
}
#wrapper {
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
	_height: 100%;
}
div#content {
	margin: 163px 0 0 0;
	width: 900px;
}
div#container {
	position: absolute;
	left: 240px;
	top: 0;
	min-height: 100%;
	_height: 100%;
	background: url(images/right_b.jpg) no-repeat right bottom;
}
.logo {
	height: 218px;
}
.blog-title {
	width: 240px;
}
.index {
	margin: 106px 0 0 35px;
	color: #666666;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
.index_com {
	width: 270px;
}
.sample_block {
	float: left;
	width: 460px;
}
.samples {
	margin: 0 4px 4px 0;
	float: left;
}
#nav-above {
	background: url(images/btn_prev_.jpg) no-repeat left top;
	height: 25px;
	width: 16px;
	margin: 200px 32px 0 40px;
	float: left;
}
#nav-below {
	background: url(images/btn_next_.jpg) no-repeat left top;
	height: 25px;
	width: 16px;
	margin: 200px 32px 0 30px;
	float: left;
}
.menu h2 {
	font-size: 14px;
	color: #000000;
	margin-bottom: 5px;
}
.index h3 {
	color: #5F5F61;
	margin-bottom: 4px;
	*font-size:13px;
}
#topper {
	background: url(images/right_t.jpg) no-repeat left top;
	height: 25px;
	width: 333px;
	position: absolute;
	right: 0;
	top: 0;
}
#footer {
	background: url(images/right_b.jpg) no-repeat right bottom;
	height: 62px;
	width: 149px;
	margin-top: -62px;
}
.about {
	width: 490px;
	background: url(images/about_tit.jpg) no-repeat right top;
	*background: url(images/about_tit.jpg) no-repeat right 100px;
	padding-right: 270px;
	margin: 0 0 80px 25px;
}
.about p {
	margin-bottom: 15px;
}
.praise {
	width: 547px;
	background: url(images/praise_tit.jpg) no-repeat right 83px;
	padding-right: 210px;
	padding-top: 15px;
	margin: 0 0 80px 0;
}
.praise p,.faq p {
	margin: 0;
}
.praise span {
	margin-bottom: 15px;
	display: block;
	width: 410px;
} 
.praise_name {
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	width: 80px;
	text-align:right;
	padding-right: 10px;
	vertical-align: top;
	color: #F29100;
}
.faq {
	width: 700px;
	background: url(images/faq_tit.jpg) no-repeat right 180px;
	*background: url(images/faq_tit.jpg) no-repeat right 280px;
	margin: 0 0 80px 5px;
}
.faq_tit {
	color: #F29100;
	line-height: 26px;
	padding: 0 5px;
	width: 470px;
	cursor: pointer;
	font-weight: bold;
}
.off {
	background-color: #F0EDE0;
	color: #F29100;
	line-height: 26px;
	padding: 0 5px;
	width: 470px;
	cursor: pointer;
	font-weight: bold;
}
.on,.onon {
	background-color: #F29100;
	color: #FFFFFF;
	line-height: 26px;
	padding: 0 5px;
	width: 470px;
	cursor: pointer;
	font-weight: bold;
}
.faq span {
	padding: 10px 25px 13px 0;
	width: 445px;
	background: url(images/line_point.jpg) repeat-x left bottom;
	display: block;
	margin: 0 0 5px 5px;
}
.client {
	width: 730px;
	background: url(images/client_tit.jpg) no-repeat left top;
	*background: url(images/client_tit.jpg) no-repeat left 100px;
	margin: -50px 0 80px 45px;
	position: relative;
}
.client .left_text {
	width: 200px;
	position: absolute;
	left: 30px;
	top: 225px;
	*top: 325px;
}
.client .right_text {
	margin: 50px 0 0 255px;
	line-height: 23px;
}
.pricing {
	width: 770px;
	background: url(images/pricing_tit.jpg) no-repeat right top;
	*background: url(images/pricing_tit.jpg) no-repeat right 100px;
	margin: -30px 0 80px 65px;
}
.pricing .index {
	margin-left: 0;
	width: 470px;
}
.pricing p {
	margin-bottom: 18px;
}
.pricing span {
	padding-top: 10px;
	display: block;
}
.resources {
	width: 480px;
	background: url(images/resources_tit.jpg) no-repeat right top;
	*background: url(images/resources_tit.jpg) no-repeat right 100px;
	padding-right: 290px;
	margin: 0 0 80px 25px;
}
.resources strong {
	color: #F29100;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0 -15px 0;
	display: block;
}
.resources span {
	padding-bottom: 10px;
	display: block;
}
.samples img {
	width: 148px;
	height: 105px;
}
.blog_block a {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #5F5F61; 
	text-decoration: none;
	display: block;
	margin-bottom: 12px;
}
.blog_block {
	background: url(images/blog_tit.gif) no-repeat 45px 130px;
	padding: 155px 35px 20px 45px;
}
.contact .index input {
	width: 315px;
	height: 19px;
	line-height: 23px;
	background: url(images/input_bg.jpg) no-repeat left top;
	border: none;
	padding: 4px 5px 0 5px;
	font-weight: normal;
	color: #333333;
	display: block;
	margin: 5px 0 10px 0;
} 
.contact .index textarea {
	width: 392px;
	height: 175px;
	background: url(images/textarea_bg.jpg) no-repeat left top;
	border: none;
	padding: 4px 5px 0 5px;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	display: block;
	margin: 5px 0 10px 0;
} 
.contact .index {
	color: #F29100;
	font-weight: bold;
}
.contact {
	width: 820px;
	background: url(images/contact_bg.jpg) no-repeat right top;
	*background: url(images/contact_bg.jpg) no-repeat right 100px;
	margin: -10px 0 0 25px;
}

.blog_block {
	display: none;
	}