@import url("reset.css");
@import url("examples/2c-r.css");
@import url("header.css");
@import url("content.css");
@import url("sidebar.css");

/* DRABGRID 1.0 */

/*
-----------------------------------------------------------------------------

THEME NAME: DrabGrid
THEME URI: (http://www.plaintxt.org/themes/sandbox/)
DESCRIPTION: Using the Sandbox theme as a starting point, DrabGrid is slick, dark, and simple with a hint of military precision.
VERSION: 1.0 (based on Sandbox 1.6)
AUTHOR: Jeffrey D. Stein
AUTHOR URI: http://www.paratactic.net/
TAGS: sandbox, wordpress theme, dark, drab, olive, greenish, green, aqua, jade, murky, military, 3-column, three column

-----------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------- 
GLOBAL STYLING - Elements that are applied throughout the site
-----------------------------------------------------------------------------
*/

body {
	background-color:#c0c0c0;
	color:#404040;
	font-size:62.5%;
	font-weight:normal;
	/*font-weight:200;*/
	font-family:'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
	letter-spacing:0.025em;
	line-height:1;
	height:100%;
	margin:0 0;
	padding:0 0;
	text-align:center;
	width:100%;
}

/*
http://evolt.org/node/35541
-------------------------------------------------------
:link:focus, :visited:focus { ... }
:link { ... }
:visited { ... }
:link:hover, :visited:hover { ... }
:link:active, :visited:active { ... }
*/

/*a, a:link, a:link:focus, a:visited:focus { 
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #4D6064;
}
a:visited { 
	color:#4D6064;
	border-bottom:1px solid #404040;
}
a:link:hover, a:visited:hover { 
	color:#7C9599;
	border-bottom:1px solid #000;
}
a:link:active, a:visited:active { 
	color:#DC143C;
	border-bottom:1px solid #404040;
}*/

/* ------------------------------------------- */

a, a:link, a:link:focus, a:visited:focus { 
	color:#7C9599;
	text-decoration:none;
	border-bottom:1px solid #4D6064;
}
a:visited { 
	color:#808080;
	border-color:#4D6064;
}
a:link:hover, a:visited:hover { 
	color:#000;
	border-color:#c0c0c0;
}
a:link:active, a:visited:active { 
	color:#808080;
	border-color:#4D6064;
}
/* ------------------------------------------- */
/*
Light Aquas
color:#DFE5E6;
color:#BECACC;
color:#9DB0B3;

Medium Aquas
color:#7C9599;
color:#4D6064;
color:#2F393B;

Dark Aquas
color:#202526;
color:#171C1D;
color:#101213;
*/
#wrapper {
	/*height:100%;*/
	margin:0 0;
	padding:0 0;
	text-align:center;
	/*position:absolute;
	top:0;
	left:0;*/
	width:100%;
}

#container {
	background-color:transparent;
	background-color:#f8f8f8;
	/*border-top:4px solid #4D6064;
	border-bottom:4px solid #4D6064;*/
	padding-top:4px;
	padding-bottom:4px;
	margin-top:4px;
	margin-bottom:4px;
}
#footer {
	padding:0 0;
	margin:0 0;
	border:0;
	width:100%;
	background:#2F393B url(images/dm-drabgrid-bg.jpg) repeat-x center bottom;
	text-align:center;
	border-top:4px solid #7C9599;
}
#footerStuff {
	padding:10px 0 30px;
	margin-top:-4px;
	margin-bottom:0;
	background:#2F393B url(images/dm-drabgrid-nav-bg.jpg) repeat-x center bottom;
	text-align:center;
	border-top:4px solid #4D6064;
}

#footer p {
	margin:0 20px;
	padding:.25em 0;
	width:520px;
	display:inline;
	float:left;
	text-align:left;
	letter-spacing:0.05em;
	font-size:1.2em;
	line-height:1.4;
	color:#c0c0c0;
}

input#author, input#email, input#url, .navigation div {
	margin:0 0;
	padding:0 0;
	margin-bottom:1em;
	width:50%;
}

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

/*
----------------------------------------------------------------------------- 
FORMS
-----------------------------------------------------------------------------
*/

form {
	/*font-family:'Helvetica Neue','HelveticaNeue',Helvetica,Arial,sans-serif;*/
	color: #303030;
	margin:0 0;
	padding:0 0;
	width:100%;
}

label {
	margin:.5em 0 0;
	padding:0 0;
	font-size:1.5em;
	color:#f0f0f0;
	display: inline;
	float:left;
	width:100%;
}

input, textarea {
	border:1px solid #4D6064;
}

input, textarea, select, option {
	width:100%;
	line-height:1.4;
	background-color:#f0f0f0;
	margin:0 0;
	padding:0.4em 0.4em 0.2em;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

input#author, input#email, input#url, textarea#comment {
}

input[type="text"] {
}
input[type="submit"], button, input.button, .button, input#searchsubmit {
	width:auto;
	margin:0 0;
	padding:0.4em 0.4em 0.2em;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;

	/*background-color:#2F393B;
	background-color:#101213;
	color:#f0f0f0;

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

	border:1px solid #4D6064;
	letter-spacing:0.1em;
	text-transform:uppercase;*/
}

select {
	line-height:1;
	padding:0 0;
}

form#commentform span.required {
	color:#DC143C;
	font-size:1.75em;
	line-height:12px;
	height:12px;
	top:5px;
	position:relative;
}

form#commentform, form#commentform p {
	padding:0 0;
	margin:0 0;
	color:#ddd;
}

/* ------------------------------------------- */

#searchform {
	width:100%;
	margin:0 0;
	padding:0 0;
	border:0;
	text-align:center;
	/*z-index:10002;*/
}

#searchform div {
	width:100%;
	margin:0 0;
	padding:0 0;
	border:0;
	text-align:center;
}

#searchform div label {
	width:100%;
	margin:0 0;
	padding:0 0;
	border:0;

	color:#f0f0f0;
	font-size:1.5em;
	line-height:1;
	font-weight:normal;
	letter-spacing:0.05em;
	margin:0.5em 0 0;
	padding:0 0;
	display:block;
	display:none;
	text-align:center;
}

#searchform div input#s {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	width:50%;
	margin:0 0;
}

#searchform div input#searchsubmit {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	width:40%;
	margin:0 0;
}

/* ------------------------------------------- */
/* START Comment Form Styles */

#comments {
	display:block;
	clear:both;
	margin:0 0;
	padding:0 30px;
	font-size:1em;
}
#comments h3 {
	font-size:1.5em;
	text-shadow: black 0 1px 0;
	margin:1em 0 .5em 0;
	padding:1em 0 .25em 0;
	border-bottom:2px solid #606060;
}
#respond {
	font-size:1em;
}
.formcontainer {
	font-size:1em;
	padding:1em;
}
form#commentform {
	font-size:1em;
}
form#commentform label {
	font-size:1.4em;
	text-shadow: black 0 1px 0;
	margin:1em 0 .25em 0;
}
.comments ol {
	margin:1em 0;
	padding:0 0;
	text-indent:0;
	font-size:1.1em;
}

.comments ol li {
	margin:0 0 1em 0;
	padding:0 0;
	text-indent:0;
	border-bottom:2px solid #303030;
	font-size:1em;
}

textarea#comment {
	height:12em;
	margin:0 0 1em;
	overflow:auto;
	width:100%;
}
.comment-meta {
	display:inline;
	float:left;
	margin:0 1em 1em 0;
	padding:1em;
	border-right:2px solid #303030;
	width:10em;
}
.comment-author {
	display:inline;
	float:left;
	font-size:1em;
}

.comment-author img {
	display:inline;
	float:left;
	margin:0 1em 1em 0;
}

.comment-author span {
	display:inline;
	float:left;
	margin:0 0 1em 0;
}

.comment p,
.comment p#login {
	margin:.5em 0;
	padding:.5em 0;
	text-indent:0;
	font-size:1em;
}
.form-submit {
	width:100%;
	text-align:right;
}
/* END Comment Form Styles */
/* ------------------------------------------- */
/* END All Form Styles */
/* ------------------------------------------- */

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

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

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

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

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

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

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

Colors 

Light Aquas
color:#DFE5E6;
color:#BECACC;
color:#9DB0B3;

Medium Aquas
color:#7C9599;
color:#4D6064;
color:#2F393B;

Dark Aquas
color:#202526;
color:#171C1D;
color:#101213;

*/
.page-title,
.archive-meta {
	color:#7C9599;
	color:#4D6064;
	font-size:1.4em;
	line-height:1;
	font-weight:normal;
	/*font-weight:200;*/
	text-align:left;
	width:auto;
	margin:0 0 2px 0;
	padding:10px 20px;
	background-color:#202526;
	background-color:transparent;
	/*-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;*/
	display:block;
	clear:both;
	text-align:center;
}
.archive-meta:before {
	content:open-quote;
}
.archive-meta:after {
	content:close-quote;
}
.archive-meta {
	font-size:1.2em;
	margin-top:-2px;
	padding-top:0;
}
.page-title {
	padding-bottom:5px;
}
.page-title span {
	color:#000;
	font-size:1.2em;
}

/*
----------------------------------------------------------------------------- 
NAVIGATION - for Older and Newer Posts
-----------------------------------------------------------------------------
*/

.navigation {
	margin:0 0;
	padding:0 0;
	display:inline;
	float:left;
	display:block;
	width:100%; /*main width*/
	background-color:#171C1D;
	overflow:visible;
}

#nav-above {
	margin:0 0;
}

#nav-below {
	margin:0 0;
}

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

.navigation .nav-next, .navigation .nav-previous {
	margin:0 0;
	padding:0 0;
	width:auto;
	width:50%;
	display:inline;
	float:left;
}
.navigation .nav-next {
	margin:0 0;
	float:right;
	text-align:right;
}

.navigation a,
.navigation a:link {
	color:#7C9599;
	/*background-color:#101213;
	background-color:rgba(16,18,19,.5);*/
	font-size:1.2em;
	line-height:1;
	font-weight:normal;
	/*font-weight:200;*/
	width:auto;
	margin:0 0;
	padding:14px 10px 12px;
	display:block;
	clear:both;
	border:none;
	white-space:nowrap;
}

.navigation a:hover {
	background-color:#fff;
	color:#000;
	border:none;
}

.navigation-image a img, .attachment a img {
}

.navigation-image a:hover img, .attachment a:hover img {
}


/*.alignleft {
	float:left;
	margin-right:10px;
}*/

/*.alignright {
	float:right;
	margin-left:10px;
}*/

/*.aligncenter, dl.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}*/

/*
----------------------------------------------------------------------------- 
Category Drop Down Styles
-----------------------------------------------------------------------------
*/

.level-0 {
	background-color:#c0c0c0;
	color:#000;
	vertical-align:middle;
	margin:4px;
	padding:4px;
}

.level-1 {
	background-color:#fff;
	color:#000;
	vertical-align:middle;
	margin:4px;
	padding:4px;
}

.level-3 {
	background-color:#fff;
	color:#000;
	vertical-align:middle;
	margin:4px;
	padding:4px;
}


/* START Custom Styles for Widget  */

.clearfloat {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}

:focus {
	-moz-outline-style:none;
	outline:none;
}

img, .noborder {
	border:0;
}

.gallery dl,.navigation .nav-previous, .fltlft {
	float:left;
	display:inline;
}


a.nobg, .navigation-image a, .attachment a, .gallery a {
	background:none !important;
}

.commentlink a:hover, .postinfo-inner ul li a:hover, .relatedposts a:hover {
	text-decoration:underline;
}

#landing a:hover, .powered-by-sphere a:hover {
	text-decoration:none;
}

.relatedposts a, .postmetadata a {
	background:none;
}
/* START Add to Any Styles */
.addtoany_share_save_container {
	margin:20px 0 0;
	padding:0 0;
	float:right;
	display:inline;
}
.addtoany_share_save_container a,
.addtoany_share_save_container img {
	text-decoration:none;
	border:none;
	margin:0 0;
	padding:0 0;
}
ul.addtoany_list {
	display:inline;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
	text-indent:0 !important;
}
ul.addtoany_list li {
	background:none !important;
	border:0;
	display:inline !important;
	line-height:32px;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
}
ul.addtoany_list li:before {content:"";}
ul.addtoany_list li a {margin:0 5px 0 0; padding:0 0;}
ul.addtoany_list img {
	float:none;
	border:0;
	margin:0 0;
	padding:0 0;
	vertical-align:middle;
}
ul.addtoany_list a img {
	opacity:.75;
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	margin:0 0;
	padding:0 0;
	margin-bottom:5px;
}
ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	margin:0 0;
	padding:0 0;
	margin-bottom:10px;
}
/* END Add to Any Styles */