/*  
Theme Name: Alex

*/

/* additions */

* { margin:0; padding:0; }
body { color:#111; font:13px/1.3 "Lucida Grande",arial, sans-serif; background-color:#000; }
.clear-all { clear:both; height:0; }
a { color:#f86f6f; }
a:hover { text-decoration:none; color:#f43939; }
img { border:0; }



h1 { font-weight:bold; padding:5px; font:1em/1.2 "Lucida Grande",arial,sans-serif; border-bottom:2px solid #666; background-color:#fff; color:#222; }
h1 em { font-style:normal; color:#666; }
h1 a.home-link strong { color:#cc0000; font-weight:normal; text-decoration:none; }
h1 a.home-link, h1 a.home-link:hover { color:#111; text-decoration:none; }
h1 a { color:#f86f6f; }

h1 a:hover { text-decoration:none; color:#f43939; }

div.tile { float:left; position:relative; width:25%; height:180px; overflow:visible; background-color:#efefef; }
div.tile h3 { position:absolute; top:0; left:0; font-size:2em; line-height:.9; }
div.tile h3 a, div.tile h3 a:hover { text-decoration:none; color:#111; }
div.tile p {font-size:2em; letter-spacing:-.05em; margin:5px 7px .75em 7px; }
div.tile a { color:#f86f6f; }
div.tile a:hover { text-decoration:none; color:#f43939; }

div.tile img { float:left; width:100%; height:100%; border:0; }
div.tile div.tile-content { position:absolute; top:15%; width:170%; left:10%; z-index:99; background:url(/images/left-bg.gif) no-repeat bottom left; }
div.tile div.tile-content div.wrap3 { background:url(/images/top-bg.gif) no-repeat top right; }
div.tile div.tile-content div.wrap2 { background:url(/images/top-left-bg.gif) no-repeat top left; padding-top:10px; }
div.tile div.tile-content div.wrap1 { background-color:#e5edf1; margin-left:10px; padding-bottom:1em; }

div.tile div.tile-content p { letter-spacing:normal; font-size:.9em; padding:5px 12px .75em 10px; margin:0; }
div.tile div.tile-content h2 { padding:5px 12px 0 10px; }
div.tile div.tile-content p.posted { padding:0 12px .75em 10px; margin:0; color:#999; }
div.tile div.tile-content img { margin:0 10px .25em 0; float:left; width:40%; }
div.tile div.tile-content blockquote { margin:0 15px; font-family:arial,sans-serif; color:#555; }
div.tile div.tile-content embed { margin-left:10px; }

div.tile a.control { position:absolute; display:block; padding:1px 4px; right:0; bottom:0; background-color:#f86f6f; color:#fff; text-decoration:none; font:1em arial,sans-serif; }
div.tile a.control:hover { background-color:#f43939; }


div.narrowcolumn div.tile-content { position:relative; width:70%; background:url(/images/left-bg.gif) no-repeat bottom left; margin-bottom:1em;  }
div.narrowcolumn div.tile-content div.wrap3 { background:url(/images/top-bg.gif) no-repeat top right; }
div.narrowcolumn div.tile-content div.wrap2 { background:url(/images/top-left-bg.gif) no-repeat top left; padding-top:10px; }
div.narrowcolumn div.tile-content div.wrap1 { background-color:#e5edf1; margin-left:10px; padding-bottom:1em; }
div.narrowcolumn div.tile-content p { letter-spacing:normal; font-size:.9em; padding:5px 12px .75em 10px; margin:0; }
div.narrowcolumn div.tile-content h2 { padding:5px 12px 0 10px; }
div.narrowcolumn div.tile-content h3 { padding:5px 12px 0 10px; }
div.narrowcolumn div.tile-content p.posted { padding:0 12px .75em 10px; margin:0; color:#999; }
div.narrowcolumn div.tile-content img { margin:0 10px .25em 0; float:left; width:40%; }
div.narrowcolumn div.tile-content img.full { margin:0 0 .25em 0; margin-bottom:1em; width:100%; height:auto; }
div.narrowcolumn div.tile-content blockquote { margin:0 15px; font-family:arial,sans-serif; color:#555; }
div.narrowcolumn div.tile-content embed { margin-left:10px; }


#footer { padding:5px 5px 5em 5px; font:1em/1.3 "Lucida Grande",arial,sans-serif; border-top:2px solid #fff; color:#dadada; background-color:#000; clear:both; }
#footer a { color:#f86f6f; }
#footer a:hover { text-decoration:none; color:#f43939; }


.col-one { width:49.9%; float:left; }
.col-two { width:49.9%; float:left; }
.col-one-wrapper, .col-two-wrapper { padding:1% 2%; }


/* .drag-box { z-index:9999; top:10%; } */
/* .drag-box input { display:none; } */
/* .handle { background:url(/images/handle-bg.gif); text-align:center; padding:2px 0; color:#fff; } */
/* .handle:hover { cursor: move; } */



/* end additions */

/* GLOBAL ELEMENT COMBINATIONS */
div.post-header p, p.post-date-single, div.post-footer, h3#comment-count, div#sidebar ul li h2 {
}
h3.post-date, div.post-entry blockquote, div.post-entry h1, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6, div#sidebar ul li p {
	color: #444;
}
p.post-date-single, div.post-footer p, h3#comment-count, h4#comment-header, div.nav-left, div.nav-right {
	text-align: center;
}
/* HEADER STUFF */
div#header {
	background: #bac8da url(/images/header.png) repeat-x top center;
	color: #f5f5f5;
	margin: 3em 0;
	padding: 1.2em 0 1.2em 3em;
}
h1#title {
	font-size: 2.2em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}
p#description {
	font-size: 1.3em;
	margin: 0;
}
/* WRAPPER - CONTAINER - CONTENT STUFF */
div#container, div.post-container {
	float: right;
	width: 100%;
	xbackground-color:#e5edf1; 
	
}
div#container {
	margin: 0 0 0 -20em;
	xfont-size:.9em;
}
div.post-container {
	margin: 0 0 0 -10.5em;
}
div.narrowcolumn {
	margin: 0 0 0 18em;
	padding: 1em 4% 0 2%;
	xbackground-color:#e5edf1;
	xcolor:#fff;
}
div.widecolumn {
	margin: 0 0 0 19em;
	padding: 1em 6% 0 4%;
	xcolor:#fff;
		xbackground-color:#e5edf1;

}
div.post-content {
	margin: 0 0 4em 10.5em;
}
div.post {
	clear: both;
}
h2.post-title {
	font-size: 1.1em;
	margin: 0;
}
h3.post-date {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}
div.post-header {
	float: left;
	margin: 0 0 3em 0;
	text-align: right;
	width: 9em;
}
div.post-header p {
	margin: 0 0 0.5em 0;
}
p.post-date-single {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
}
h2.post-title-single {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 1em 0;
	color:#fff;
}
div.post-entry p {
	margin: 1em 0;
}

div.post-entry img { float:left; width:40%; margin:0 1em 1em 0; }
div.post-entry ul li {
	list-style: square;
}
div.post-entry ul li, div.post-entry ol li {
	line-height: 150%;
}
div.post-entry h1, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.2em 0 -0.6em 0;
}
div.post-entry blockquote {
	padding:0 1em; margin:0 15px; font-family:arial,sans-serif; color:#aaa;
}
div.post-footer {
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	font-size: 1em;
	margin: 0 0 3em 0;
	padding: 0.7em 0.2em;
}
div.post-footer p {
	margin: 0 auto;
}

/* SIDEBAR STUFF */
div#sidebar {
	float: left;
	width: 16em;
		font-size: .9em;
		padding-top:1em;

}
div#sidebar ul {
	margin: 0 0 2em 2em;
	padding: 0;
}
div#sidebar ul li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
div#sidebar ul li h2 {
	margin: 0;
	font-size:1.32em;
	color:#fff;
	font-weight:normal;
}
div#sidebar ul li p, div#sidebar ul li ul, div#sidebar ul li ul li {
	margin-left:0;
	padding: 0;
}
div#sidebar ul li ul li ul li {
	margin: 0 0 0 1em;
}
/* FOOTER STUFF */


/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
div.navigation {
	clear: both;
	width: 100%;
	font-size:.9em;
	text-align: center;
}
div.nav-left, div.nav-right {
	margin: 0 auto;
	width: 49%;
}
.alignleft, div.nav-left {
	float: left;
}
.alignright, div.nav-right  {
	float: right;
}
abbr, acronym {
	border-bottom: 1px dotted #546188;
	cursor: help;
}
code, pre {
	font: 1em/normal "courier new", courier, monospace;
}
.clearer {
	clear: both;
	height: 0;
}
/* IMAGE ELEMENTS, INCLUDING LINKS */
div#content img.center {
	display: block;
	margin: 0.4em auto;
}
div#content img.alignright {
	margin: 0.4em 0 0.4em 1.1em
}
div#content img.alignleft {
	margin: 0.4em 1.1em 0.4em 0;
}
li a img {
	border: none !important;
}
/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
form {
	margin: 0.3em 0 0 0;
	padding: 0;
}
input#s {
	margin: 0 0 0.4em 0;
	padding: 0.2em;
	width: 85%;
}
textarea {
	height: 13em;
	overflow: auto;
	width: 66%;
}
input#searchsubmit, input#submit {
	border: 1px outset #999;
}
input#s, input#author, input#email, input#url {
	width: 66%;
}
input#s, input#author, input#email, input#url, textarea {
	border: 1px inset #999;
	padding: 0.2em;
}
div.formcontainer {
	font-size: 1em;
	margin: 0 0 3em 0;
	width: 100%;
}
div.formright, div.formleft {
	display: inline;
	float: left;
	margin: 0 0 0.5em 0;
}
div.formleft {
	clear: both;
	text-align: right;
	width: 15%;
	margin: 0 2% 0 0;
}
div.formright {
	width: 80%;
}