/*  
Theme Name: Tutorial
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/
*/

/* [CONTENT SECTION] */
#pageContent div[class="post"],
#pageContent #container .navigation {
	margin-right: 15px;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom: 30px;
	background-image: url(../../../../res/img/IE6-compatible/braket.jpg);
}
div.post {
	height: 60px; /* IE6 only */
    width: 90%;   /* IE6 only */
}
#pageContent #container .navigation {
    width: 90%;   /* IE6 only */
}
#pageContent div[id="container"] div[class="navigation"] {
    width: auto !important;
}
div[class="post"] {
	height: auto !important; /* all other browsers */
    width: auto !important;  /* all other browsers */
	min-height: 60px;
}
div[id="pageContent"]  div.post {
	background-image:url(../../../../res/img/braket.png) !important;
}
#pageContent div.post div.entry p {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
#pageContent div.post h3 {
	text-align: right;
}
#pageContent div.post div.entry p.postmetadata  {
	font-size: 1.1em !important;
	text-align: right !important;
}
#pageContent div.post div.entry div.postBody {
	margin-right: 0 !important;
}
#pageContent #container .navigation {
	background: none;
	text-align: right;
}
#pageContent #container .navigation a {
	margin-left: 10px;
	text-decoration: none;
}
#pageContent .section .detail #container .post .entry p.pagesSplit {
	text-align: right !important;
}
#pageContent div.section div.detail div.errorMessage,
#pageContent div.section div.detail #login_error,
#pageContent div.section div.detail #login_confirmation,
#pageContent div.section div.detail div.warn,
#pageContent div.section div.detail #emailMe div.response {
	padding: 0.5em;
	margin-left: 3.5em;
	margin-right: 50px;
	margin-bottom: 1em;
	border: 1px solid coral;
	background-color: #ffffe0;
}
#pageContent div.errorMessage p,
#pageContent div.section div.detail #login_error p,
#pageContent div.section div.detail #login_confirmation p,
#pageContent div.section div.detail div.warn p,
#pageContent div.section div.detail #emailMe div.response p {
	padding: 0;
	margin: 5px;
	color: #990000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size-adjust: 0.5;
	font-size: 0.9em;
}
#pageContent div.section div.detail div.warn {
	background-color: #feffab;
	border-color: #cecf40;
}
#pageContent div.section div.detail div.warn {
	text-align: right;
}
#pageContent div.section div.detail div.warn p {
	color: #5b5b3a;
}
#pageContent div.section div.detail div.error {
	background-color: #ffffe0;
	border-color: coral;
}
#pageContent div.detail div.error form input.hiddenButton {
	border: none;
	background-color: #ffffe0;
	padding-left: 2px;
	padding-right: 2px;
	color: #990000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	border-bottom: 1px dashed #555555;
	cursor: pointer;
}
#pageContent div.section div.detail div.error p {
	color: #990000;
}
#pageContent div.section div.detail #emailMe div.response {
	background-color: #f3faf6;
	border-color: #8ddbb2;
}
#pageContent div.section div.detail #emailMe div.response p {
	color: #080;
}
#pageContent div.section div.detail #emailMe div.failed {
	background-color: #ffffe0;
	border-color: coral
}
#pageContent div.section div.detail #emailMe div.failed p {
	color: #990000;
}
#pageContent div.section div.detail span.error {
	text-decoration: underline;
}
/* [/CONTENT SECTION] */



/* [SIDEBAR SECTION] */
.sidebar {
	margin-bottom: 180px;
	font-family: sans-serif;
}
.sidebar ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
.sidebar #search #searchform #s {
	float: left;
	margin-right: 5px;
}
.sidebar h3 {
	clear: both;
	margin-top: 15px !important;
}
.sidebar #calendar table {
	border: 1px solid #ccc;
	background: #f5f5f5;
	border-collapse: separate;
	margin: 10px;
	margin-top: 0;
}
.sidebar #calendar table td {
	border: 1px solid #eed;
	background-color: #ffe;
	text-align: right;
	padding: 3px;
}
.sidebar #calendar table caption {
	font-style: italic;
}
table#wp-calendar #today {
	font-weight: bold;
	border-color: #900;
	text-align: center;
}
/* [/SIDEBAR SECTION] */


/* [FOOTER SECTION] */
#footer p {
	font-family: sans-serif;
	padding: 0;
	margin: 0;
	color: #fff;
	position: absolute;
	bottom: 15px;;
	right: 35px;
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
}
#footer p span {
	display: block;
}
#footer p span#line2 {
	margin-right: 25px;
	margin-top: 5px;
}
/* [/FOOTER SECTION] */



/* [COMMENTS TEMPLATE SECTION] */
.comments-template {
	margin: 40px 0 0 40px;
	padding: 5px 0 5px 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
.comments-template h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}
.comments-template small {
	font-size: 0.95em;
}
#commentform p {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
}
#commentform p input, 
#commentform p textarea {
	width: 290px; /* IE6 only */
}
form[id="commentform"] p input, 
form[id="commentform"] p textarea {
    width: 60% !important;
}
#labelForComment,
#labelForEmailBody {
	vertical-align: top;
}
#commentform #submit {
	width: auto !important;
}
.comments-template ol.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.comments-template ol.commentlist {
	margin-bottom: 15px;
}
.comments-template ol.commentlist li {
	margin: 0;
	padding: 0.5em 0.5em 0.5em 20px;
}
.comments-template ol.commentlist li p {
	margin: 0;
	padding: 0;
}
.comments-template .commentlist .alt {
	background-color: #f0f0f0;
}
/* [/COMMENTS TEMPLATE SECTION] */



/* [LOGIN, REGISTER, & OTHER FORMS SECTION] */
#pageContent #login p.message,
#pageContent #login #loginform,
#pageContent #login #lostpasswordform,
#pageContent #login #registerform,
#pageContent div.detail #emailMe .noteHolder,
#pageContent #emailMe p.message,
#pageContent #emailMe #mailMeForm {
	padding: 0;
	padding-left: 0.5em;
	margin: 0;
	margin-left: 3.5em;
	margin-right: 50px;
	margin-bottom: 1em;
}
#pageContent #login #loginform,
#pageContent #login #lostpasswordform,
#pageContent #login #registerform,
#pageContent #emailMe #mailMeForm {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding-top: 15px;
	padding-bottom: 15px;
}
#pageContent #login #loginform p,
#pageContent #login #lostpasswordform p,
#pageContent #login #registerform p,
#pageContent #emailMe #mailMeForm p {
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}
#pageContent #login #loginform p input,
#pageContent #login #lostpasswordform p input,
#pageContent #login #registerform p input,
#pageContent #emailMe #mailMeForm p input,
#pageContent #emailMe #mailMeForm p textarea {
	width: 60%;
}
#pageContent #login #loginform p.submit,
#pageContent #login #lostpasswordform p.submit,
#pageContent #login #registerform p.submit,
#pageContent #emailMe #mailMeForm p.submit  {
	margin-bottom: 0;
}
#pageContent #login #loginform #wp-submit,
#pageContent #login #lostpasswordform #wp-submit,
#pageContent #login #registerform #wp-submit,
#pageContent #login #loginform #rememberme,
#pageContent #emailMe #mailMeForm #sendMail {
	width: auto !important;
}
#pageContent div.sidebar div.theExtra {
	margin-top: 15px;
}
#pageContent div.section div.detail #login_confirmation,
#pageContent div.detail #emailMe .noteHolder {
	background-color: #f3faf6;
	border-color: #8ddbb2;
}
#pageContent div.section div.detail #login_confirmation p {
	color: #080;
}
/* [/LOGIN, REGISTER, & OTHER FORMS SECTION] */