/* 
Theme Name: Blogging Simply
Theme URI: http://justintadlock.com/
Description: A simple, imageless, widget-ready, 3-column design.  It's beauty lies in its simplicity and soothing colors.
Version: 1.0
Author: Justin Tadlock
Author URI: http://justintadlock.com
Released under GNU GENERAL PUBLIC LICENSE
*/

body { 
	color: #000000; 
	background: #ffffff;
	margin: 0;
	padding: 0;
	font: 80% "Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	}

/* CONTAINS ENTIRE PAGE */
#body-container {
	width: 1200px;
        margin: auto;
	padding: 0 0;
	float: center:;
	}

/* HEADER */
#header h1 { margin: 5px 0; }
#header h1 a { color: #000000; }
#header h1 a:hover { color: #5e5f5e; }

/* CONTAINS CONTENT & SIDEBAR */

/* CONTENT */
#content {
	float: left; 
	width: 450px;
	padding: 15px 10px;
	background: #ffffff;
	border: 1px solid #cccccc;
	}

div.container {
  width: 90%;
  max-width: 450px;
  margin: 0 auto; /* центрируем основной контейнер */
}
img {
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
}

table {
    max-width: 100%;
    height: auto;
}

@media \0screen {
  img { 
  	width: auto; /* ie 8 */
  }
}


/* HEADERS */
h1, h2, h3, h4, h5, h6 { color: #809595; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* POSTS & PAGES */
.post { width: 100%; margin: 20px 0; }
.post h2.post-title { float: left; width: 100%; margin: 2px 0; }
.post p.post-time { font-size: .9em; margin: 2px 0 0 0; }
.entry { width: 100%; float: left; margin-top: 10px; }

/* blockquotes */
blockquote { color: #5e5f5e; }
blockquote blockquote { color: #858785; }

/* links */
a { 
	color: #809595;
	text-decoration: none;
	}
a:hover { color: #5e5f5e; }

/* images */
.post a img, .post img { border: 0px solid #d4e0d3; }

/* lists */
.post ul { list-style-type: none; margin: 0; padding: 0; }
.post ul li { 
	margin: 0;
	padding: 0 0 0 15px;
	background: url(images/bullet.gif) no-repeat 0 .4em;
	}
.post ol { margin: 0; padding: 0 0 0 25px; }
.post ol li { margin: 1px 0; padding: 0; }

/* postmetadata */
p.postmetadata {
	float: right;
	width: 100%;
	text-align: right;
	margin: 15px 0 0 0;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #cccccc;
	}
p.postmetadata span.comments {
	height: 16px;
	background: url(images/comments.gif) no-repeat 0 .1em;
	}
p.postmetadata span.comments a { padding-left: 20px; }

/* tables */
.post table { border: none; background: #ffffff; }
.post tr, .post td { border: 1px solid #809595; background: #e9f0e8; }

/* other basics & typography */
small { font-size: .9em; }

/* navigation & left, right, center alignment */
.navigation { padding: 25px 0; }
.previous { float: left; width: 45%; }
.left, .alignleft { float: left; margin: 0 15px 15px 0; }
.next { float: right; width: 45%; }
.right, .alignleft { float: right; margin: 0 0 15px 15px; }
.center { text-align: center; margin: 0 auto; display: block; }
.clear { clear: both; }

/* COMMENTS */
#comments-template { width: 99%; }
#comments-template ol { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #cccccc; }
#comments-template ol li { margin: 0; padding: 10px 5px; border-bottom: 1px solid #cccccc; }
#comments-template ol li.alt { background: #e9f0e8; }
#comments-template fieldset { border: none; }
#comments-template legend { border: none; }
#comments-template textarea { width: 99%; border: 1px solid #809595; background: #e9f0e8; }
#comments-template input { width: 40%; border: 1px solid #809595; background: #e9f0e8; }
#comments-template input.submitcomment, #comments-template input.resetcomment { width: 100px; }

/* SIDEBAR */
#sidebar, #sidebar2 {
	font-size: .9em;
	float: left;
	width: 300px;
	margin: 0 0 0 1%;
	padding: 15px 10px;
	background: #ffffff;
	border: 1px solid #cccccc;
	}

#sidebar h2.menu-header, #sidebar2 h2.menu-header { margin: 10px 0 5px 0; }
#sidebar ul, #sidebar2 ul { 
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	border-top: 1px solid #cccccc;
	}
#sidebar ul li, #sidebar2 ul li {
	color: #5e5f5e;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	}
#sidebar ul li a, #sidebar2 ul li a {
	padding: 0 1px;
	text-indent: 10px;
	width: 100%;
	display: block;
	text-decoration: none;
	}
#sidebar ul li a:hover, #sidebar2 ul li a:hover {
	text-indent: 15px;
	background: #e9f0e8;
	text-decoration: none;
	}
#sidebar ul li ul { margin: 0; padding: 0; border: none; }
#sidebar ul li ul li a, #sidebar2 ul li ul li a { text-indent: 20px; }
#sidebar ul li ul li a:hover, #sidebar2 ul li ul li a:hover { text-indent: 25px; }

/* sidebar feed */
#sidebar ul.feed, #sidebar2 ul.feed { background: transparent; border: none; }
#sidebar ul.feed li, #sidebar2 ul.feed li {
	background: transparent url(images/feed.gif) no-repeat left top;
	border: none;
	}
#sidebar ul.feed li a, #sidebar2 ul.feed li a {
	text-indent: 25px;
	display: block;
	height: 16px;
	}
#sidebar ul.feed li a:hover, #sidebar2 ul.feed li a:hover { 
	background: transparent;
	text-decoration: underline;
	text-indent: 25px;
	}

/* search */
#sidebar input#s { width: 95%; border: 1px solid #809595; }

/* wp-calendar */
table#wp-calendar { width: 80%; margin: 0 auto; }

/* SIDEBAR WIDGET STYLES */
/* blogroll widget */
li#linkcat-2 { list-style-type: none; margin: 0; padding: 0; }
/* flickr widget & other images in the sidebar */
#sidebar a img, #sidebar img, #sidebar2 a img, #sidebar2 img { margin: 3px; border: 0px solid #d4e0d3; }
/* recent comments widget */
ul#recentcomments li a, ul#recentcomments li a:hover { border: none; background: transparent; text-indent: 0; }

/* FOOTER */
#footer {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #cccccc;
	}	
#footer p { margin: 2px 0; }
#footer a:hover { text-decoration: underline; }

/* 
"Life is really simple, but we insist on making it complicated."  ~Confucius
*/