/*
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.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

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

/* Just some example content */
div#container,
div#primary { margin-top: 2em; }

div#header,
div#footer { text-align: center; }

#menu {	height: 1.5em;	margin: 1em 0;	width: 100%;}
#menu a {	display: block;	margin-right: 1em;	padding: 0.2em 0.5em;	text-decoration: none;}
#menu li ul { left: -999em; position: absolute; }
#menu li,div.gallery dl,div.navigation div.nav-previous { float: none; }
#menu li:hover ul { left: auto; }
#menu ,
#menu ul {	line-height: 1;	list-style: none;	margin: 0;	padding: 0;}
div#nav-above { margin-bottom: 1em; display: none; }
div#nav-below { margin-top: 1em; }
div#nav-images { height: 150px; margin: 1em 0; }
div.comments ol li { margin: 0 0 3.5em; }
div.gallery { clear: both; height: 180px; margin: 1em 0; width: 100%; }
div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul { margin: 0; padding: 0; }
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.navigation { height: 1.25em; }
div.navigation div.nav-next { float: right; text-align: right; }
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.skip-link { position: absolute; right: 1em; top: 1em; }
/*
form#commentform .form-label { margin: 1em 0 0; }
form#commentform span.required { background: #FFFFFF; color: #CC3300; }
form#commentform,form#commentform p { padding: 0; }
input#author,input#email,input#url,div.navigation div { width: 50%; }
input#author,input#email,input#url,textarea#comment { padding: 0.2em; }
textarea#comment {	height: 13em;	margin: 0 0 0.5em;	overflow: auto;	width: 66%;}
*/
.aligncenter,img.aligncenter{ display: block; margin: 1em auto; text-align: center; }
.alignleft,img.alignleft{ float: left; margin: 1em 1em 0 0; }
.alignright,img.alignright{ float: right; margin: 1em 0 0 1em; }
.entry-title,.entry-meta { clear: both; }
div#menu ul ul ul a, p.wp-caption-text { font-style: italic; }

/* CUSTOM */

body {font-size: 75%; font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif; background: #ddd; margin: 0; color: #777; }
.w48 {float: left; display: inline; width: 48%; margin-left: 4% ; }
.w50 {float: left; display: inline; width: 48%; }

h2 {color: #777; font-size: 2em; padding: 5px 0;}

/* Hyperlinks */
a:link {color: orange; text-decoration: none; font-weight: bold; }
a:visited {color: #999; text-decoration: none; }
a:hover {text-decoration: underline;}
a:active {}

/* Layout */
#wrapper {width: 90%; padding: 2%; margin: 1% auto; border: 1px solid #FFF; background: #fff; 
          border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; 
          box-shadow:0px 0px 5px #AAA; -webkit-box-shadow:0px 0px 5px #AAA; -moz-box-shadow: 0px 0px 5px #AAA;
          background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #eaeaea),color-stop(0, #FFF),color-stop(0, #eaeaea),color-stop(1, #eaeaea));
	  background: -moz-linear-gradient(top,  #eaeaea, #ffffff, #eaeaea, #eaeaea);
}

#header {}
  h1#blog-title {text-align: center; font-size: 3.5em; text-transform: lowercase; margin: 0; text-shadow: 1px 1px 1px #fff; font-family: Helvetica Neue, Helvetica, Trebuchet MS, sans-serif; font-weight: normal; font-style: italic;}
  h1#blog-title a {text-decoration: none; color: #AAA;}
  h1 b {color: orange;}
  #blog-description {text-align: center; font-size: 1em; color: #CCC; text-transform: uppercase; letter-spacing: 1px; margin: 5px 0 20px 0;}
 

/* Nav Bar */
#menu {height: 50px; padding: 0; margin: 30px 0 10px 0; overflow: hidden; width: 100%; text-align: center;}
#menu li { float: left; display: inline;}
#menu li a {color: #FFF; padding: 10px 20px; text-decoration: none; margin: 5px 0px 5px 5px ; font-weight: bold;
            -webkit-border-radius: 35px; -moz-border-radius: 35px; width: auto;}
#menu li#addYourSnippet { float: right !important; }
#menu li#addYourSnippet a {background-color: #FFA500; width: 150px;
                           background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#D88C00));
	                   background: -moz-linear-gradient(top, #FFA500, #D88C00);
}
/* Sidebar */
.sidebar { float: right; }
.sidebar a {color: #777;}
.sidebar li h3 {background-color: #EEE; color: #AAA; padding: 5px 10px; font-size: 1em; margin: 5px 0;}

/* Content */
div#container, 
div#content {margin: 0; overflow: hidden;}

.hentry {border-bottom: 0px dotted #EEE; padding: 5px 5px; }
.hentry:hover { }

h2.entry-title {text-transform: lowercase;}

h3.entry-title {cursor: pointer; cursor: hand; margin: 0; padding: 5px 0; }
/*h3.entry-title:hover {padding-left: 30px; background: url('images/arrow_down.png') no-repeat 0px 0px;}*/
h3.entry-title a {text-transform: lowercase; color: #333; }
h3.entry-title a:hover {color: #111;}
h3.entry-title span a {font-size: .7em; color: white; padding: 3px 5px; float: right; clear: right; width: 70px; text-align: center; 
                       margin: 0 0px 0 10px; text-transform: uppercase; font-family: Arial, sans-serif;
                       border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
                       box-shadow: 1px 1px 1px #FFF;}

h3.entry-title span a:visited {text-decoration: none;}
h3.entry-title span a:hover {color: #FFF;}
  .entry-date {display: none;}
  .entry-content {}
  .entry-meta {display: none;}

.even {background-color: #FAFAFA;}

/* Categories Classes */

h3.entry-title span.wordpress a,
span.wordpress, 
.cat-item-1 a { background-color: #464646;
                background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#1F1818));
	        background: -moz-linear-gradient(top,  #464646, #1F1818);}

h3.entry-title span.jquery a,
span.jquery, 
.cat-item-5 a { background-color: #0F67A1;
                background: -webkit-gradient(linear, left top, left bottom, from(#0F67A1), to(#00497A));
	        background: -moz-linear-gradient(top,  #0F67A1, #00497A);}

h3.entry-title span.css a,
span.css,
.cat-item-3 a { background-color: #7EBE1F;
                background: -webkit-gradient(linear, left top, left bottom, from(#7EBE1F), to(#5B9701));
	        background: -moz-linear-gradient(top,  #7EBE1F, #5B9701);
}

h3.entry-title span.html a,
span.html,
.cat-item-4 a { background-color: #FF0080;
                background: -webkit-gradient(linear, left top, left bottom, from(#FF0080), to(#D8006C));
	        background: -moz-linear-gradient(top, #FF0080, #D8006C); }


/* Forms */
fieldset {border: 1px dotted #EEE; padding: 10px; margin: 10px 10px 10px 0; width: auto:}
legend {font-size: 1.5em; font-weight: bold; padding: 2px 10px;}

form ul {list-style: none; margin: 0; padding: 0;}
form ul li {line-height: 200%; margin-bottom: 10px;}
input[type=text], 
select, 
textarea {background-color: #EEE; border: 1px solid #DDD; padding: 5px; font-size: 1.2em; color: #777; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

input[type=text] {width: 200px;}
textarea {width: 500px;}
label {padding: 10px 0 5px 0; color: #AAA; }
span.required {background: none;}

form div {padding: 5px 0 ;}

.form-label {padding: 0 0 5px 0;}
.form-input {padding: 0 0 15px 0;}
.form-textarea {padding: 0 0 15px 0;}
.form-submit {padding: 0 0 0 0;}


/* syntaxhighlighter */
div.syntaxhighlighter {border: 5px solid #DDD !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 10px 0 !important;}

/* navigation */

.navigation {padding: 1px 5px; background: #EEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; height: auto; overflow: hidden;}
.navigation a {color: #AAA; font-size: 1em;}
.nav-previous {float: right; clear: right; width: 40%;}
.nav-next {float: right; clear: right;}

/* display category in single post page */

span.snippetcategorys {
font-size: .4em; color: white; padding: 5px 10px; width: 70px; text-align: center; 
                       margin: 0 0 0 10px; text-transform: uppercase; font-family: Arial, sans-serif;
                       border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;
                       box-shadow: 1px 1px 1px #FFF;}
span.snippetcategory {color: #DDD;}
span.snippetcategory a {color: #BBB;}

/* share */
span.share {float: right; display: inline; font-size: .5em; margin: 5px 0 0 0; }
span.share ul.addtoany_list {width: 200px;}

/* ratings */
span.ratings {float: right; display: inline; font-size: .5em; margin: 5px 0 0 10px;}
span.ratings div.post-ratings {width: 200px !important;}

/* search form 
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
        width: 466px;	

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 20px;
	height: 40px;
	width: 40px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

#search label.screen-reader-text {display: none; visibility: hidden;}
#search input[type=text]   { width: 400px; font-size: 1.5em; }
#search input[type=submit] { font-size: 1.5em; font-weight: bold;}