/*
Theme Name: 12MIM
Theme URI: http://dotcomsecrets.com/
Description: Our cutom WordPress theme based on the Drupal 12MIM theme.
Version: 0.1
Author: Vlad Babich
Author URI: http://dotcomsecrets.com/
Tags: black, fixed width, two columns, widgets

*/

/* 
*********************************
 base layout/structure elements
********************************* 
*/
html, body {margin: 0; padding: 0; margin: 0 auto; background: #fff url(images/bg.gif) top left repeat-x;}
#container {margin: 0;}
#wrapper {	width: 590px;	text-align: left;	margin: 0 auto; padding: 0;	}
.sidebar-right #wrapper {	width: 940px;	text-align: left;	margin: 0 auto; padding: 0;	}
#header {	width: 590px; padding-top: 60px; }
#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #C00;
	letter-spacing: -1px;
}

#header, #header p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #444;
	font-width: bold;
	letter-spacing: -1px;
	text-align: center;
}


#content {	font-family: Arial, Helvetica, sans-serif;	line-height: 22px;	font-size: 16px; } 
#sidebar-right, #sidebar {	font-family: Arial, Helvetica, sans-serif;	line-height: 16px;	font-size: 12px; } 


#footer p {
	margin: 1em 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #aaa;
	line-height: 16px;
	text-align: center;
}

small {font-size: 0.9em; line-height: 1.5em;}



/* 
*********************************
 heading styles
********************************* 
*/

 
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px;}
h1 {font-size: 1.8em; text-align: center; padding: 0; margin: 0; line-height: 100%;}
h2 {font-size: 1.6em;line-height: 100%;}
h3 {font-size: 1.3em;line-height: 100%;}

a img {
	border: 0;
}

a {
	color: #00a;
}
a:hover {
	color: #a00;
	text-decoration: underline;
}

h2.pagetitle {margin-top: 30px; text-align: center;}

h3 {padding: 0; margin: 30px 0 0;}
h3.comments {padding: 0; margin: 40px auto 20px;}

small, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
h1 a, h2 a, h3 a {color: #a00; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #a00; text-decoration: none;}

.clear {clear: both;}



/* 
*************************************************
 footer styles
************************************************* 
*/

#footer a { color: #999; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 10px; padding-left: 10px;}
#sidebar-right ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}
#sidebar-right ul, #sidebar-right ul ol {margin: 0; padding: 0;}
#sidebar-right ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}
#sidebar-right ul p, #sidebar-right ul select {margin: 5px 0 8px;}
#sidebar-right ul ul, #sidebar-right ul ol {margin: 5px 0 0 10px;}
#sidebar-right ul ul ul, #sidebar-right ul ol {margin: 0 0 0 10px;}
ol li, #sidebar-right ul ol li {list-style: decimal outside;}
ul li, #sidebar-right ol ul li {list-style: disc outside;}
#sidebar-right ul ul li, #sidebar-right ul ol li {margin: 3px 0 0; padding: 0;}


/* 
*************************************************
 form element styles
************************************************* 
*/

form {margin: 0;}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}
hr {display: none;}
a img {border: none;}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;} /* End Various Tags & Classes*/
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.sidebar {font-size: 13px;}



th, td {border: 0;}






/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */


body #wrapper #container #content {
  width: 590px;
  padding: 0 0 24px 0;
}

body.sidebar-right #wrapper #container #content {
	float: left;
	width: 590px;
	padding: 0 0 24px 0;
	margin-right: 10px;
}



/* We ensure the sidebars are still clickable using z-index */
#wrapper #container #sidebar-right { /* .sidebar { */
	margin: -40px 0 0 0;
	width: 332px;
	float: left;
	z-index: 2;
	position: relative;
	padding: 0 0 0 0;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container #sidebar { /* .sidebar { */
	margin: 40px 0 0 0;
	width: 332px;
	float: left;
	z-index: 2;
	position: relative;
	padding: 0 0 0 0;
}

#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-left .block {
  padding: 0 12px 0 48px; /* 0 15px 0 0px; */
}

#sidebar-right .block {
  padding: 0 48px 0 12px; /* 0 0px 0 15px; */
}





.sidebar .optinbox {
	background: #fff url(images/sbmiddle.gif) 0 0 repeat-y;
	padding: 0;
}

.sidebar .optinbox .boxwrapper {
	background: url(images/sbbottom.gif) 0 100% no-repeat;
	padding: 0;
	min-height: 356px;
}

.sidebar .optinbox .boxcontent {
	background: url(images/sbtop.gif) 0 0 no-repeat;
	padding:  50px 0 30px 0;
}

#sidebar .optinbox .boxcontent {
	background: url(images/sbtop2.gif) 0 0 no-repeat;
	padding:  50px 0 30px 0;
}

.sidebar .optinbox .privacypolicy {
	padding: 20px 40px 0px 20px;
}

.sidebar .optinbox form {
	padding: 0 10px 0 20px;
}







#content .optinbox {
	background: #ededed;
	padding: 20px 10px;
	border: 1px solid #aaa;
}

#content .optinbox .privacypolicy {
	padding: 0px 20px 0px 10px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
}

#content .optinbox form {
	padding: 0;
}



#content .orderform {
	background: #ffffcc;
	padding: 20px 10px;
	border: 3px solid #ffcc81;
}

#content .orderform blockquote {
	color: #000;
	border: 0;
	margin-right: 0;
	1margin: 0;
}

#content .orderform ul li {
	margin: 0 0 1em 0;
	padding: 0;
}


.hr {
	height: 10px;
	margin: 1em 0;
	padding: 0;
	background: url(images/hr.gif) 50% 50% no-repeat;
}



.mainshadow {
	padding-bottom: 16px;
	background: url(images/mainshadow.gif) 0 100% no-repeat;
}