/*  
Theme Name: Too Askew
Theme URI: http://tooaskew.com
Description: The WordPress theme of Too Askew.
Version: 1.0
Author: Krissy Bradfield
Author URI: http://www.tooaskew.com

I received a lot of inspiration from the site, Zen Habits (http://zenhabits.net/). I also learned a lot from the stylesheet and design of ZH. 

*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
  	min-width: 1000px;
 	font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
    color: #000000;
	background-position:right;
}
html {
	margin-top: 0px;
}
.align-center-box {
	width: 1000px;
	margin: 0 auto;x`
}
.align-right-box {
	width: 1000px;
	margin: 0 auto;	
	position:relative;
}

/*--- content ---*/
#content {
	float: left;
	width: 1000px;
	padding: 0 0 23px 0;
	position:relative;
}


/*--- general ---*/
* {outline: none;}
form {margin: 0;padding: 0;}
ul {
       margin: 0;
       padding: 0;
       list-style: none;}
.clear {height: 0;overflow: hidden;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	font-family: "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;
	letter-spacing:0px;
}
h1, h2{
	color: #ff60e9;
	font-size: 1.5em;
	line-height: 1.3em;
	font-family: "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif;	
}
h1 a, h2 a {
	color: #812981;
	text-decoration:none;
}
h4 {
	color: #3378a2;
	font-size: 35px;
	letter-spacing: -2px;
}
h4 a {
	color: #3378a2;
	text-decoration:none;
}
h6 {
	font-size: 13px; 	
	font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;}

h6 a { text-decoration:underline;}
p {
	margin: 0;
	color: #696969;
	font-size: 13px;
        line-height: 20px;
}
a {
	color: #812981;
	cursor: pointer;
	text-decoration: none;
}
.bg-header {
	width: 100%;
	height: 35px;
	background: #ffffff url('img/head.png') repeat-x;

}
* html .bg-header {height: 35px;}
/*--- header ---*/
#header {
	float: left;
	width: 1000px;
}

/*--- left-content ---*/
.left-content {
	float: left;
	width: 700px;
}
.text-box {
	float: left;
	width: 640px;
	padding: 0 26px 0 27px;

}

.text-box #block {
	background: #fdfbfd;
	width: 600px;
	float: center;
	border: dotted 1px #f988e9;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 11px;
}
.text-box #blocka {
	background: #fdfbfd;
	width: 600px;
	float: center;
	border: dotted 1px #f988e9;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 50px;
	font-size: 11px;
}
.text-box h1 {padding: 39px 0 10px 0;}
.text-box h2 {padding: 39px 0 0 0;}
.text-box h3 {
	font-size: 16px;
}
.text-box h6 {
	color: #5399c4;
	padding: 0 0 28px 0;
}
.text-box p {
	padding: 0 0 20px 0;
    color: #000000;

}
.text-box p a {color: #812981;}
.text-box p a:hover {text-decoration: underline;}
.text-box img {
	margin: 0 0 0 0px;
	display:inline;
}
.small {
	font-size: 11px;
	margin-top: -15px;
	padding-bottom: 23px;
}
.caption {
	font-size: 11px;
	margin-top: -15px;
	padding-bottom: 23px;
	width: 480px;
}
.text-box ul li, .text-box ol li {
	margin-bottom:5px;
	color: #000000;
	font-size: 13px;	
	line-height: 16px;
}
.text-box ul li a:hover, .text-box ol li  a:hover {
	text-decoration:underline;
}


.text-box ul {
	margin:10px 0px 25px 40px;
	padding:0px;
	list-style:outside;
}

.under-box,
.top-box {
    clear: both;
	width: 640px;
	padding-bottom: 0px;
	padding-top: 0px;	
	font-size:11px;
}
.top-box {
	float: none;
	margin: 25px 0 -17px 0;
}
.under-box ul li,
.top-box ul li {
	display: inline;
	color: #474747;
	font-size: 11px;
	padding: 0px;
}
.under-box ul .first,
.top-box ul .first {
	margin-left: -40px;
	background: none;
}
.under-box ul .last,
.top-box ul .last {
	color: #3277a2;
}
.under-box ul li a,
.top-box ul li a {color: #812981;}
.under-box ul li a:hover,
.top-box ul li a:hover {text-decoration: underline;}

/*--- right-content ---*/

.right-content {
	float: left;
	width: 200px;
    padding-left: 0px;
    padding-top: 50px;
	margin-right: 10px;
}
.right-content p {
	font-size:11px;	
	line-height:16px;	
	font-family:Georgia;
	color: #000000;
}
.right-content h1 {
	color: #fff;
	font-size: 32px;
	line-height: 36px;
	font-weight:normal;
	position:relative;
	top:3px;
}
.right-content h2 {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
    font-style:normal;
    margin-left: 3px;
    margin-bottom: -10px;
}
.right-content #blogroll h2 {
	color: #000000;
	font-size: 12px;
	font-weight:normal;
    font-style:normal;
    margin-left: 3px;
	margin-bottom: -10px;
}
.right-content #blogroll li {
    list-style: none;
	font-size: 12px;
    font-family:Georgia;
    font-style: italic;
    margin-left: 3px;
}
.right-content .bits {
    list-style: none;
	font-size: 12px;
    font-family:Georgia;
   	margin-left: 3px;
}

.right-content .bits li {
    list-style: none;
	font-size: 12px;
    font-family:Georgia;
    font-style: italic;
    margin-left: 3px;
}
.right-content .elsewhere {
    list-style: none;
	font-size: 12px;
    font-family:Georgia;
    margin-left: 0px;
    margin-top: 10px;
}

.right-content .elsewhere li {
    list-style: none;
	font-size: 12px;
    font-family: Georgia;
    margin-left: 3px;
}
.right-content .flickr {
        margin-left: 5px;
}
.twitter {
    padding: 55px 0px 0px 0px;
    width: 250px;        
	font-size:12px;	
	line-height:16px;	
	font-family:Georgia;
    background:url("img/twitter.gif") no-repeat;
}
.twitter p {
    font-size: 11px;
    color: #000000;
}
twitter p a {
    font-size: 11px;
    color: #000000;
}
.twitter li {
	padding-left: 3px;        
}
#blogroll h2 {
	line-height: 3em;
}
#blogroll a:hover {
	color: #791368;
}

/*--- form-search ---*/
.form-search {
	width: 211px;
	overflow: hidden;
	padding: 9px 14px 0 22px;
}
.form-search .i-t {
	float: left;
	width: 140px;
	background: #6da4c6;
	padding: 4px 0 4px 3px;
	border: 1px solid #a0c2d7;
	font: 13px helvetica, arial, sans-serif;
}
.form-search .i-i {
	float: left;
	margin: 0 0 0 7px;
}
.bg-footer {
	float: left;
    width: 100%;
	clear: both;
	min-height: 140px;
	background:url('img/footer1.gif') repeat-x;
	border: 1px solid black;
}
.bg-footer ul {
    padding: 0px 0px 0px 50px;
}
.archive {
	float: left;
	width: 900px;
	padding: 40px 0px 0px 0px;
	margin-left: 360px;
	border: 1px solid black;
}
.archive h2 {
    font-size: 18px;
}
.archive #flickr {
	width: 300px;
	float: left;
	border: 1px solid black;
}
/*--- left-container ---*/
.left-cont {
	float: left;
	width: 460px;
}
.left-cont h3,
.right-cont h3 {
	color: #225e8a;
	padding: 18px 0 21px 0;
	letter-spacing: -1px;
	font: 28px helvetica, "lucida grande", "lucida sans unicode", arial, sans-serif;
}
.left-cont h3 span,
.right-cont h3 span {
	color: #a4a4a4;
	font-size: 18px;
}
.bg-main-box {
	float: left;
	width: 448px;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.bg-box-1,
.bg-box-2 {
	float: left;
	width: 416px;
	background: #f6f6f6;
	padding: 19px 16px 16px 16px;
	border-bottom: 1px solid #dfdfdf;
}
.bg-box-2 {
	background: #fdfdfd;
	border-bottom: 1px solid #dfdfdf;
}
.bg-box-1 h4,
.bg-box-2 h4 {
	color: #000;
	letter-spacing: normal;
	font: 22px helvetica, "lucida grande", "lucida sans unicode", arial, sans-serif;
}
.bg-box-1 h4 span,
.bg-box-2 h4 span {
	color: #bababa;
	font-size: 13px;
}
.bg-box-1 h5,
.bg-box-2 h5 {
	color: #bababa;
	padding: 1px 0 22px 0;
	font: 13px helvetica, "lucida grande", "lucida sans unicode", arial, sans-serif;
}


.gravatar {
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}

/*--- form-comment ---*/
.form-comment {
	float: left;
	width: 430px;
	padding: 27px 0 0 0;
}
.form-comment h3 {
	padding: 0 0 16px 0;
}
.form-comment label {
	float: left;
	width: 88px;
	color: #666666;
	margin: 7px 0 0 0;
	font: 13px helvetica, "lucida grande", "lucida sans unicode", arial, sans-serif;
}
.form-comment .i-t2 {
	float: left;
	width: 387px;
	color: #333333;
	margin: 4px 0 0 0;
	padding: 5px 0 5px 3px;
	border: 1px solid #e0e0e0;
	font: 13px helvetica, "lucida grande", "lucida sans unicode", arial, sans-serif;
}
.form-comment textarea {
	float: left;
	width: 356px;
	height: 151px;
	padding: 2px;
	color: #333333;
	margin: 4px 0 0 0;
	border: 1px solid #e0e0e0;
	font: 13px helvetica, "lucida grande", "lucida sans unicode", arial, sans-serif;
}
.submit-comment {
	float: left;
	margin: 13px 0 0 88px;
}
/*--- right-container ---*/
.right-cont {
	float: left;
	width: 160px;
	padding: 0 0 0 10px;
}
.right-cont ul {
	position: relative;
	margin: -3px 0 0 0;
}
.right-cont ul li {
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 18px 0;
}
.right-cont ul li a {color: #3378a2;}
.right-cont ul li a:hover {text-decoration: underline;}

.commentform {
	float:left;
}
#navigation {
	margin-top:10px;
    margin-bottom: 20px;
    margin-left: -20px;
	padding:0px;
	color:#812981;
	font-size:10px;
	width:100%;
    list-style-type: none;
}


#navigation li
{
	display : inline;
}
.alignleft {
	padding:0px;
	font-size:13px;
	display: inline;
}
.alignright {
	padding:20px;
	font-size:13px;
		display: inline;
}
.navigation a {
	color:#812981;
	text-decoration:none;
	font-size:13px;
}
.navigation a:hover {
	text-decoration:underline;
}
blockquote {
	border-top: 1px dotted #cabbca;
	border-bottom: 1px dotted #cabbca;
	width: auto;
	margin: 5px 0px 15px 0px;
	padding: 15px 15px 0px 15px;
	background-color: #f3eff3;	
	font-family:"lucida grande", "lucida sans unicode", helvetica, arial, 
}
blockquote p {
	font-size:12px;	
	line-height:22px;	
}
.five {
	font-family: Georgia, serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.5em;
	width: 440px;
}
.related {
	margin-left: -40px;
	padding: 0px;
	border: 1px solid red;
}
.related h2 {
	color: #812981;
	font-size:12px;
	font-style:italic;
}
.related ul {
	list-style: none;
}
#moreinfo {
	width: 550px;
	background-color: #eae4ea;
	border: 1px dashed #c3c3c3;
	font-family: Georgia;
	font-size: 12px;
	line-height: 18px;
	padding: 8px;
	margin: 5px 5px 25px 5px;
}