/*   
Theme Name: CaDr!!
Theme URI: 
Description: The Cart Driver
Author: Eugen Rochko
Author URI: http://anime2.kokidokom.net
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

html {
	background: #707071 url(images/stripes.jpg);
	height: 100%;
}

body {
	background: url(images/stripe-gradient.jpg) no-repeat top center;
	height: 100%;
	font-size: 12px;
	color: #dedede;
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	color: #638bb0;
	color: #68aeef;
}
a:visited  {
	color: #7aaeef;
}
a:hover {}
a:active {}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 20px;
	margin-top: 20px;
}

hr {
	margin: 20px 0;
	border: none;
	border-top: 5px dashed #dedede;
}

#wrapper {
	border-top: 10px solid #333;
}

#header {
	margin: 0 auto;
	margin-top: 2px;
	width: 720px;
	overflow: hidden;
}

#blog-description {
	font-family: Georgia, serif;
	font-style: italic;
	display: none;
	font-size: 16px;
	margin-left: 10px;
	text-indent: -9999px;
}

#blog-title a {
	display: inline-block;
	text-decoration: none;
	color: #333;
	font-size: 30px;
	line-height: 22px;
	margin-left: -2px;
}

#wrapper {
	width: 100%;
}

#main {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#branding {
	float: left;
	margin-right: 20px;
}

#access {
	margin-left: 20px;
	text-align: right;
}

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li {
	display: inline-block;
	margin-left: 20px;
	margin-top: 6px;
}

.menu>ul>li ul {
	position: absolute;
	z-index: 2;
}

.menu a {
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
}

.menu a:hover {
	color: #aaa;
}

.skip-link {
	display: none;
}

#content {
	width: 500px;
}

#container {
	width: 500px;
	margin: 0 auto;
	border-top: 10px solid #333;
}

#main {
    width:720px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
	padding-bottom: 20px;
	background: #333;
}
#container {
    width:500px;
    float:left;
	margin-left: 10px;
}
#content {
    margin:0;
    width:500px;
    overflow:hidden;
}
.main-aside {
    width:200px;
    float:right;
    position:relative;
    right:10px;
}
#secondary {
    clear:right;
}

.navigation {
	overflow: hidden;
}

.navigation a {
	background: #424242;
	color: inherit;
	display: block;
	text-decoration: none;
	padding: 2px 5px;
	width: auto;
	max-width: 215px;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

.post, #content .page, #comments, .not-singular h1.page-title {
	background: #424242;
	padding: 20px;
	margin-bottom: 20px;
}

.post, #content .page,  #comments, .not-singular h1.page-title {
	width: 460px;
	clear: both;
	margin-right: 0;
	float: none;
	height: auto;
	background: #424242 url(images/p1.jpg) no-repeat top right;
}

 .not-singular h1.page-title  {
	margin-top: 0;
 }

#comments {
	margin-top: 20px;
}

.entry-title, .home.paged .p1 .entry-title, .not-singular h1.page-title  {
	font-size: 16px;
	font-weight: bold;
}

#nav-above {
	display: none;
}

#nav-below {
	clear: both;
}

.home .p1 .entry-title {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}

.single .entry-title {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #638bb0;
	color: #68aeef;
}

.entry-title a:visited {
	color: #68aeef;
}

.entry-way {
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.entry-way .entry-comments {
	float: right;
}

.entry-way a {
	color: #efefef;
	text-decoration: none;
}

.entry-title a {
	text-decoration: none;
}

.entry-content img {
	max-width: 410px;
	height: auto;
}

.entry-utility {
	font-size: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}

.entry-utility a {
	color: #efefef;
	text-decoration: none;
}

.main-aside ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-aside ul>li>ul {
	padding-right: 10px;
}

.main-aside ul>li>ul li, .main-aside ul>li>ul>li>ul li:first-child {
	border-top: 1px solid #424242;
	padding: 3px 0;
}

.main-aside ul>li>ul>li>ul li {
	padding-left: 18px !important;
}

.main-aside ul>li>ul>li>ul {
	padding-right: 0;
}

.main-aside ul>li>ul li:first-child {
	border-top: none;
}

.main-aside>ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-aside .widgettitle {
	background: #424242;
	color: #666;
	font-size: 20px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-left: -10px;
	line-height: 1;
	margin-top: 0;
}

.main-aside .widgetcontainer {
	background: #666;
	border-left: 10px solid #333;
	padding-left: 10px;
	padding-bottom: 20px;
	border-bottom: 10px solid #333;
	font-size: 11px;
}

.main-aside a {
	color:inherit;
	text-decoration: none;
}

.main-aside {
	border-right: 1px solid #424242;
}

#header-image {
    width:200px;
    float:right;
    position:relative;
    right:10px;
}

#header-image a#home-link {
	display: block;
	width: 189px;
	height: 399px;
	text-indent: -9999px;
	background: url(images/header.jpg) no-repeat top left;
	border-top: 10px solid #333;
	border-left: 10px solid #333;
	border-bottom: 10px solid #333;
}

#header-image a#rss-link {
	display: block;
	width: 189px;
	height: 60px;
	text-indent: -9999px;
	background: url(images/subscribe.jpg) no-repeat top left;
	border-left: 10px solid #333;
	border-bottom: 10px solid #333;
}

#footer {
	background: #424242 url(images/footbar-gradient.jpg) repeat-x;
	height: 66px;
	padding-top: 20px;
	text-align: center;
}

#siteinfo {
	color: #999;
}

#siteinfo a {
	color: inherit;
}

input[type=text], #comment {
	background: #555 url(images/overlay-input.png) repeat-x;
	color: #ccc;
	font-size: 13px;
	line-height: 1;
	padding: 4px 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.25);
	text-decoration: none;
	font-weight: normal;
}

input[type=submit], a.comment-reply-link {
	background: #424242 url(images/overlay-button.png) repeat-x;
	display: inline-block;
	padding: 3px 4px;
	color: #ccc;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
}

#s {
	width: 95px;
}

#searchsubmit {
	background-color: #333;
}

select {
	border: 1px solid rgba(0,0,0,0.25);
}

#cat {
	width: 160px;
}

.entry-content, .comment-content {
	overflow: hidden;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	line-height: 20.4px;
}

.entry-content img {
	max-width: 458px;
	height: auto;
	border: 1px solid #333;
}

.entry-content .alignleft {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: -4px;
}

.entry-content .alignright {
	float: right;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: -4px;
}

.entry-content .aligncenter {
	clear: both;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.entry-content p {
	margin-bottom: 20px;
}

.entry-content p + img {
	overflow: hidden;
}

.entry-content h3, .entry-content h1, .entry-content h2 {
	font-size: 30px;
	color: #6284a3;
	margin-bottom: 20px;
}

.entry-content h4 {
	font-size: 25px;
	color: #6284a3;
}

.entry-content ul {
	list-style-type: square;
}

ul, ol {
	margin-top: 20px;
}

.entry-content blockquote, .comment blockquote {
	border-left: 5px solid #333;
	padding-left: 20px;
}

.wp-caption {
	max-width: 458px !important;
}

.wp-caption-text {
	text-align: center;
	font-style: italic;
}

#comments h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

#comments-list {
	padding:0 0 18px;
}

#comments-list ol,#comments-list ul {
	list-style:none;
	margin:0;
}

#comments-list ol {
	border-bottom:none;
	margin:0 0 18px;
}

.comment {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	border-top: 5px dashed #333;
	padding-top: 20px;
}

.comment:first-child {
	border-top: none;
}

.comment-author .avatar {
	width: 78px;
	height: 78px;
	float: left;
	margin-top: 5px;
	border: 1px solid #333;
}

.comment-author span {
	float: left;
	clear: left;
	background: #333;
	text-transform: uppercase;
	font-size: 12px;
	padding-left: 1px;
	color: #dedede;
	font-weight: bold;
	display: inline-block;
	width: 80px;
	overflow: hidden;
}

.comment-author span:hover {
	overflow: visible;
}

.comment-author a {
	color: inherit;
	text-decoration: none;
}

.comment-meta, .comment-content {
	margin-left: 100px;
}

.comment-meta {
	color: #999;
	font-size: 11px;
}

.comment-meta a {
	color: #aaa;
	text-decoration: none;
}

div.comment-reply-link {
	clear: both;
	text-align: right;
}

a.comment-reply-link {
	padding: 6px 8px;
}


.form-label {
	float: left;
}

.form-input {
	margin-left: 80px;
}

.form-input input {
	width: 378px;
}

#form-section-comment .form-label {
	display: none;
}

#comment {
	width: 458px;
	font-size: 15px;
}

#comment-notes, #comments #login {
	font-size: 11px;
	color: #999;
}

#comments #login a {
	color: #aaa;
	text-decoration: none;
}

#form-allowed-tags {
	margin-top: 10px;
	font-size: 11px;
	color: #999;
}

.children {
	border-left: 10px solid #333;
	padding-left: 20px;
}