/*



Theme Name: Cleand

Description: Custom Theme for Clean Dallas

Version: 1.0

Author: Justin 'Juarin' King

Author URI: http://juarin.com

Last Updated: April 12, 2010



*/



/* Reset CSS (via Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}



/* remember to define focus styles! */



:focus {

	outline: 0;

}



body {

	line-height: 1;

	color: black;

	background: #464f56;

}



ol, ul {

	list-style: none;

}



/* tables still need 'cellspacing="0"' in the markup */



table {

	border-collapse: separate;

	border-spacing: 0;

}



caption, th, td {

	text-align: left;

	font-weight: normal;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}



blockquote, q {

	quotes: "" "";

}



/* Structural Elements */



html { 

	min-width: 780px;

	background: #464f56;

}



body {

	background: #464f56 url(images/background.jpg) repeat-x fixed;

	text-align: center;

	font: 13px/19.5px "Helvetica Neue", Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	border: 0;

}



div#page {

	background: #eeeeee; 

	width: 780px;

	height: auto;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	border-left: 1px solid #ffffff;

	border-right: 1px solid #ffffff;

	border-bottom-left-radius: 6px;

	border-bottom-right-radius: 6px;

	-moz-border-radius-bottomleft: 6px;

	-moz-border-radius-bottomright: 6px;

	-webkit-border-bottom-left-radius: 6px;

	-webkit-border-bottom-right-radius: 6px;

}

div#header-blog { /* Main Blog Banner */

	border-top: 20px solid #ffffff;

	position: relative;

	height: 200px;

	background: #ffffff url(images/cleandallasbanner.jpg);

	background-repeat: no-repeat;

	overflow: hidden;

}

div#header-stupidfly { /* stupidfly */

	border-top: 20px solid #ffffff;

	position: relative;

	height: 200px;

	background: #ffffff url(images/stupidflybanner.jpg);

	background-repeat: no-repeat;

	overflow: hidden;

}

div#header-austin { /* austin-hippie */

	border-top: 15px solid #ffffff;

	position: relative;

	height: 200px;

	background: #ffffff url(images/stupidflybanner.jpg);

	background-repeat: no-repeat;

	overflow: hidden;

}


div#content {

	width: 512px;

	height: auto;

	padding: 0 15px;

	margin: 0;

	float: left;

	background: transparent;

        display: inline;

}



div#sidebar {

	width: 223px;

	height: auto;

	padding: 0;

	margin: 0 15px 0 0;

	float: right;

	background: transparent;

        display: inline;

}



div#footer {

	background: #000;

	width: 780px;

	height: auto;

	margin: 0 auto;

	padding: 30px 0;

	text-align: center;

}



div.navigation {

        padding: 0 0 15px 0;

        margin: 0 auto;

	text-align: center;

}



div.post {

	background: #ffffff;

        margin: 15px 0;

        padding: 20px;

	border: 1px solid #cccccc;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

}



div#flashbox {

	background: #ffffff;

        margin: 15px 0;

        padding: 20px;

	border: 1px solid #cccccc;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

        height: auto; /* change height to some value in px if you want a specific height; 

                         or leave it as auto and it will be the height of its contents plus the 20px padding. */

}



div#textbox-1 {

	background: #ffffff;

        margin: 0;

        padding: 0px;

	border: 1px solid #cccccc;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

        float: left;

        width: 240px;

        height: auto; /* change height to some value in px if you want a specific height; 

                         or leave it as auto and it will be the height of its contents plus the 20px padding. */

}



div#textbox-2 {

	background: #ffffff;

        margin: 0;

        padding: 0px;

	border: 1px solid #cccccc;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

        float: right;

        width: 240px;

        height: auto; /* change height to some value in px if you want a specific height; 

                         or leave it as auto and it will be the height of its contents plus the 20px padding. */

}



/* Navigation */



ul#nav {

	position: absolute;

	white-space: nowrap;

	bottom: 0;

	margin: 0 20px;

}



ul#nav li {

        display: inline;

        list-style-type: none;

        width: auto;

        float: left;

}



ul#nav li a, ul#nav li.page_item a, ul#nav li.cat_item a {

	display: block;

	padding: 2px 15px;

        margin: 0 2px;

	font-size: 13px;

	color: #ffffff;

        text-decoration: none;

        width: auto;

}



ul#nav li a:hover, ul#nav li.page_item a:hover, ul#nav li.cat_item a:hover {

	background: #333;

	color: #ffffff;

	text-decoration: none;

}



ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover, ul#nav li.current-cat a, ul#nav li.current-cat a:hover {

	background: #ffffff;

	color: #000;

	text-decoration: none;

}



ul#nav li.admintab a {

	position: fixed;

	top: 0;

	right: 5px;

	color: #333;

	background: #cfcfcf;

	border-bottom-left-radius: 6px;

	border-bottom-right-radius: 6px;

	-moz-border-radius-bottomleft: 6px;

	-moz-border-radius-bottomright: 6px;

	-webkit-border-bottom-left-radius: 6px;

	-webkit-border-bottom-right-radius: 6px;

}



ul#nav li.admintab a:hover {

	background: #333;

	color: #ffffff;

}



/* Typography */



p {

	margin: 0 0 20px 0;

	line-height: 1.5;

	word-spacing: 2px;

}



div#sidebar p {

	margin: 0 20px 20px 20px;

	line-height: 1.5;

	word-spacing: 2px;

}



div#footer p {

	margin: 0;

	padding: 0;

	line-height: 1.5;

	font-size: 11px;

	color: #999999;

}



p.tags {

        text-transform: uppercase;

	margin: 0 0 15px 0;

	line-height: 1.5;

	word-spacing: 2px;

}



h1, h2, h3, h4, h5, h6, h7{

	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;

	line-height: 1.5;

	font-weight: bold;

	letter-spacing: 1px;

	color: #000;

}

#search-2 h2  { 

background: url('images/search2.jpg') no-repeat top left;

text-indent: -1000px;

height: 35px;

border: none;

margin: 0 0 0 0;

padding: 5px 0 5px 0;


}

#most_popular_posts-3 h2  { 

background: url('images/trending2.jpg') no-repeat top left;

text-indent: -1000px;

height: 35px;

border: none;

margin: 0 0 0 0;

padding: 5px 0 5px 0;


}

#recent-posts-2 h2  { 

background: url('images/recentposts2.jpg') no-repeat top left;

text-indent: -1000px;

height: 35px;

border: none;

margin: 0 0 0 0;

padding: 5px 0 5px 0;


}

#recent-comments-2 h2  { 

background: url('images/comments2.jpg') no-repeat top left;

text-indent: -1000px;

height: 35px;

border: none;

margin: 0 0 0 0;

padding: 5px 0 5px 0;


}

#archives-2 h2  { 

background: url('images/archive2.jpg') no-repeat top left;

text-indent: -1000px;

height: 35px;

border: none;

margin: 0 0 0 0;

padding: 5px 0 5px 0;

}

#text-29 h2  { 

background: url('images/social.jpg') no-repeat top left;

text-indent: -1000px;

height: 35px;

border: none;

margin: 0 0 0 0;

padding: 5px 0 5px 0;

}

#text-20 h2  { 

background: url('images/stupidflywidget.jpg') no-repeat top left;

text-indent: -1000px;

height: 35px;

border: none;

margin: 0 0 0 0;

padding: 5px 0 5px 0;

}

h2 { 

	font-size: 24px;

	padding: 0;

	margin: 30px 0 15px 0;

}



div.post h2 { 

	font-size: 24px;

	padding: 0;

	margin: 0 0 15px 0;

}


h3 { 

	font-size: 21px;

	padding: 0;

	margin: 30px 0 15px 0;

}



h4 { 

	font-size: 18px;

	padding: 0;

	margin: 30px 0 15px 0;

}



p.postmetadata {

	background: #eeeeee; 

	border: 1px solid #cccccc;

	padding: 10px;

        margin: 0;

}



code, pre {

	font-family: "Courier New", Courier, monospace;

	font-weight: normal;

	font-size: small;

}



em, cite { 

        font-style: italic; 

}



b, strong { 

        font-weight: bold; 

}



div#content blockquote {

        margin: 15px 30px 0 15px;

	padding-left: 20px;

	border-left: 4px solid #cccccc;

        font-style: italic;

}



div#content blockquote cite {

	margin: 5px 0 0;

	display: block;

}



/* Link Elements */



a:link, a:active, a:visited {

	text-decoration: underline;

	color: #834546;

}



a:hover {

	text-decoration: none;

	color: #834546;

}



h2 a:link, h2 a:active, h2 a:visited, h3 a:link, h3 a:active, h3 a:visited, h4 a:link, h4 a:active, h4 a:visited {

	text-decoration: none;

	color: #000;

}



h2 a:hover, h3 a:hover, h4 a:hover {

	text-decoration: underline;

	color: #000;

}



div#footer a:link, div#footer a:active, div#footer a:visited {

	text-decoration: underline;

	color: #999999;

}



div#footer a:hover {

	text-decoration: none;

	color: #999999;

}



a img {

	border: none;    

}



div.entry a img {

        border: 1px solid #ccc;

        max-width: 100%;

        margin: 0 5px;

        padding: 4px;

}



/* List Elements */



ol, ul, dl {

	margin: 15px 0;

}



div#content ol li {

	list-style: decimal outside;

	line-height: 1.5;

	margin: 0 20px 10px 20px;

	padding: 0 0 0 5px;

}



div#content ul li {

	list-style: square outside;

	line-height: 1.5;

	margin: 0 20px 10px 20px;

	padding: 0 0 0 5px;

}



div#sidebar ul {

        margin: 0 0 20px 0;

}



div#sidebar ul li.widget {

	background: #ffffff;

        margin: 15px 0 0 0;

        padding: 0;

	border: 1px solid #cccccc;

	border-radius: 6px;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

}



div#sidebar ul li {

	list-style: none;

	margin: 0 0 10px 0;

	line-height: 1.5;

	padding: 0 20px ;

}



div#sidebar li ul li {

	list-style: none;

	margin: 0 0 10px 0;

	line-height: 1.5;

	padding: 0 20px ;

}



div#sidebar ul.children {

         padding: 0;

         margin: 5px 0 0 0;

}



div#sidebar li.widget_tag_cloud div {

	list-style: none;

	margin: 0 0 20px 0;

	line-height: 1.5;

	padding: 0 20px;

}



/* Image Elements */



img, p img {

	padding: 0;

	max-width: 100%;

}



div.entry img {

        border: 1px solid #ccc;

        max-width: 100%;

        margin: 0 5px;

        padding: 4px;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}



/* Form Elements */



select {

	width: 130px;

}



div#sidebar ul select {

	margin: 0 20px 20px 20px;

}



div#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

        margin: 0 10px 20px 20px;

}



.entry form { 

	text-align: center;

}



#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;

	float: right;

}



div#sidebar #searchsubmit {

	padding: 2px;

        margin: 0 10px 20px 10px;

}



/* Comment Elements */



div#content ol.commentlist {

	margin-left: 0;

	padding-left: 0;

	list-style: none;

        width: 100%;

}



div#content ol.commentlist li	{

        margin: 0 0 20px 0;

        padding: 20px;

	list-style: none;

	border-top: 1px solid #cccccc;

	border-left: 5px solid #cccccc;

	border-bottom: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}



div#content ol.commentlist li.bypostauthor {

        background: #eeeeee;

        border-top: 1px solid #cccccc;

        border-left: 5px solid #834546;

        border-bottom: 1px solid #cccccc;

        border-right: 1px solid #cccccc;

}



div#content ol.commentlist li p	{

	margin: 0 0 20px 0;

	line-height: 1.5;

	word-spacing: 2px;

}



.commentlist li .avatar { 

	width: auto;

	float: right;

        border: 1px solid #ccc;

        max-width: 100%;

        margin: 0 5px;

        padding: 4px;

	background: #fff;

}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	list-style: none;

}



.commentmetadata {

	font-weight: normal;

        padding: 10px 10px 10px 0;

}



.thread-alt, .thread-even {

	background-color: #eee;

}



p.nocomments {

        margin-top: 20px;

        margin-bottom: 0;

        padding: 0;

        text-align: center;

}



/* Calendar */



#wp-calendar {

	empty-cells: show;

	margin: 0 auto;

	width: 168px;

}



#wp-calendar #next a {

	padding:0;

	text-align: right;

        margin: 0;

}



#wp-calendar #prev a {

	padding: 0;

	text-align: left;

        margin: 0;

}



#wp-calendar a {

	display: block;

}



#wp-calendar caption {

	text-align: center;

	width: 100%;

        padding: 0 0 15px 0;

}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; 

}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 13px;

}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 16px "Helvetica Neue", Arial, Helvetica, sans-serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

        text-align: center;

	}



/* Miscellaneous */



div.clear {

	clear: both;

}



acronym, abbr, span.caps {

	cursor: help;

}



acronym, abbr {

	border-bottom: 1px dashed #999;

}



.hidden, hr {

	display: none;

}



pre {

        margin: 0 0 10px 0;

}



.center {

	text-align: center;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}


clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 

* html .clearfix {
	height: 1%;
}