/*  
Theme Name: New Media Tycoon
Theme URI: http://newmediatycoon.com
Description: The theme for newmediatycoon.com
Version: 1.0
Author: Sandbox Development and Consulting Inc. (Jennifer Zelazny)
Author URI: http://www.sandboxdev.com/
*/

@media print { .sidebar { display:none; }
               #content { float: none; width:90%; }
               #content pre { color: #000; background: #eee; }
               #content form.comments { display:none; } }


/* 
JZ CSS file organization
-----------------
[1] General
All general items, browser specific hacks

[2] Header
All things specific to the header

[3] Main Content
All things specific to the main content

[4] Sidebar
All things specific to the sidebar

[5] Footer
Things which are page and section specific.

Questions/Comments: Email jzelazny@sandboxdev.com
*/


/*---------[1]General---------*/

body {background: #333;font: normal 12px verdana, arial, helvetica, sans-serif;text-align: center;margin: 0;padding: 0;}

abbr  {border: none;}
	
cite  {font-style: normal;}

a img {border: none; padding: 0; margin: 0;}

a {text-decoration: none;}
	
a:hover, a:active  {color: #600; background: #d9d9c0;}

img.alignright, .alignright {float:right;padding-left:5px;}

img.alignleft, .alignleft {float:left;padding-right:5px;}

label {font-weight:bold;font-size:11px;}

input {margin:5px 0 5px 0;}

input,textarea {font: normal 12px "bitstream vera sans", verdana, sans-serif;}

.right {float:right;}

.left {float:left;}

/*---------[2]Header---------*/

#header a:link, #header a:visited { 
  	color:#000;
  	text-decoration: none;
	}

#header a:hover,#header a:active {
  	color:#930; background: transparent;
  	text-decoration: none;
	}

#header h1 {
  	font: bold 400% georgia, serif; 
  	margin: 0;
  	float: left; 
	}

#header h2 {
  	font: normal 12px verdana, arial, sans-serif;  
  	margin: 2.5em 0 0 0.8em;
  	float: left; 
	}

#home #page {
  	background: #b49fec;
	}

#page {
  	background: #b49fec url("images/page_bg.gif") repeat-y;
	}

#header {
  	width: 800px;
  	height: 191px;
  	background-image: url("images/header.jpg");
	}  

#marquee {
  	width: 800px;
  	background-color: #dfded3;
  	margin: 0;
  	padding: 0;
 	height: 38px;
	}


#wimpyWelcome {
	float:left;
	width:32px;
	margin-top:-10px;
	height:30px;
	}

#welcomeMessage {
	float:left;
	 margin: 0;
  	padding:0;
	}

#welcomeMessage p {
	margin:0;
	padding-top:10px;
	}

#marqueePage {
  	width: 640px;
  	background-color: #dfded3;
  	margin: 0;
  	padding: 0;
  	height: 38px;
  	border-bottom:1px solid #aaa;
	}

/* Search box */


#search {
	margin-left:17px;
 	padding:135px 10px 10px 10px;
  	color: #333;
	}

#search #searchform {
	height:30px;
	margin:0;
	padding:0;
	}

#search input.submit {
	margin-top:6px;
	vertical-align:top;
	}
/* padding-tom sets spacing between the cart text and the search box */
#search p {
	margin:0;
	padding-top:5px;
	line-height:.85em;
	}

#search p a {
  	color: #000;
  	text-decoration: none;
  	padding:0;
  	margin:0;
	}

#search p a:hover {
	text-decoration: underline;
	}
	
#search p a:visited {
  	color: #fff;
  	text-decoration: none;
	}
/* Marquee */

div#marqwp-aduee p {
 	margin: 0;
  	padding: 2px;
  	font-size: 10pt;
  	font-weight: bold;
  	line-height: 34px;
	}

div#marqueePage p {
  	margin: 0;
  	padding-left: 12px;
  	font-size: 10pt;
  	font-weight: bold;
  	line-height: 38px;
	}

div#marquee img {
  padding-left: 16px;
  vertical-align:middle;
}

/* Welcome */

div#welcome {
 	 background-color: #b49fec; 
  	padding: 2px 10px 2px 10px;
  	text-align: left; 
  	margin: 0 0 0 160px;
  	font-size: 11pt;
  	line-height: 18pt;
  	font-weight: bold;
	}

/*---------[3]Main Content---------*/

#container {
  	width: 800px;
  	padding: 0;
  	text-align: left; 
  	margin-left: auto;
  	margin-right: auto;
  	border:1px solid #000;
	}

#page {
  	width: 800px;
  	margin: 0px;
  	border: 0px;
	}

#content {
	width: 472px;
   	float: left;
   	margin-left:3px;
	}

#contentPage {
	width: 635px;
  	margin:0;
  	padding:0;
   	float: left;
	}

#content a:link, #contentPage a:link {
  	border-bottom: 1px solid #cde;
  	color:#2f5791;
	}

#content a:visited, #contentPage a:visited{
  	border-bottom: 1px solid #cde;
  	color:#2f5791;
	}

#pageContent {
	padding:10px;
	}

#logo {
  	margin-top: 10px;
  	margin-right: 20px;
  	float: right;
	}

.pageTitle {
	padding:0 0 15px 15px;
	}
	
.contentbox {
	width:470px;
	padding-bottom:20px;
	}
	
.contentbox .ctop{
	height:15px;
	background: url("images/c-top.gif") no-repeat;
	}

.contentbox .ctopMiddle{
	background: url("images/c-top-body.gif") repeat-y;
	}

.contentbox .cmiddle {
	background: url("images/c-mid.gif") repeat-y;
	padding: 5px 20px 15px;
	}

.contentbox .cbottom{
	height:15px;
	background: url("images/c-bottom.gif") no-repeat;
	}

.pageAtomHead {
	padding-left:20px;
	}

#content {
  	background-color: #b49fec;
 	padding: 0;
	}

img.cover {
 	border: 1px solid #ccc;
	}

h2.title {
	margin:0;
	padding:0;
	}

#content h1, #pageContent h1 {
  font-size: 200%;
  color: #3868AE;
   font-family: "Trebuchet MS", "Verdana", arial, sans-serif;
  /*background-color: #d6ebd8;
  border-style: solid;
  border-color: #b6cbb8;
  border-width: 0 0 1px 0; 
  margin: -5px -15px 1em -15px;
  padding: 10px 10px 8px 15px;*/
	}
	
#content h2, #pageContent h2 { 
  font-size: 175%;
  color: #cf0824 !important;
   font-family: "Trebuchet MS", "Verdana", arial, sans-serif;
  /*margin: 0 0 0.5em 0;*/
}

#content h3, #pageContent h3 { 
  	font-size: 150%;
  	 font-family: "Trebuchet MS", "Verdana", arial, sans-serif;
  	color: #FFFFF;
  	/*margin: 1.2em 0 0.3em;*/  
	}

#content h4, #pageContent h4 { 
  	font-size: 115%;
  	color: #3868AE;
  	 font-family: "Trebuchet MS", "Verdana", arial, sans-serif;
  	/*margin: 1.2em 0 0.3em;  
  	border-bottom: 1px dotted #bbb;*/
	}

#content h5, #pageContent h5 {
  	font-size: 110%;
  	color: #3868AE;
  	 font-family: "Trebuchet MS", "Verdana", arial, sans-serif;
  	/*background: #ffd;
  	margin: 1.2em 0 0.3em;  
  	border-bottom: 1px dotted #aaa;*/
	}

#content h6, #pageContent h6 {
  	font-size: 110%;
  	color: #FFFFF;
  	 font-family: "Trebuchet MS", "Verdana", arial, sans-serif;
	}

.cmiddle p {
  	line-height: 15px; 
  	margin-left:1.2em;
	}

#content ul,
#content ol {
  margin: 0.5em;
  padding: 0.5em;
}

#content ul {
  /* border: 1px solid #ccc; */
  /* background-color: #faf0d7; */
  /* list-style-type: none; */
  list-style-type: square;
  /* list-style-image: url(/resources/icons/star.gif); */
  padding: 0.8em 2em 0.8em 2em;
}

#content li {
  line-height: 1.4em;
  margin: 0 0 0 1em; 
  padding: 0;
}

#content blockquote {
  color: #555;
  border-left: 5px solid #ccc; 
  margin: 1.3em 1em; padding: 0 1em;
}

#content code { 
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
}

#content pre {
  color: #63FF00;
  background: #000;
  overflow: auto;
  font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
  margin: 0.9em 0; padding: 8px;
}


#content .atomhead {
  	padding: 10px 0 5px 0;
	}

#content form.comments {
  background: #f2f2f2;
  border-top: 1px solid #ddd;
  padding: 1em 0.5em;
}

#content form.comments fieldset { 
  border: none;
}

#content form.comments legend { 
  display: none;
}

#content form.comments label { 
  font-weight: bold;
}

#content form.comments textarea { 
  width: 90%; height: 150px;
  padding: 3px;
}

#searchPage {
	padding:10px;
	}


.vedit {
    border: solid 1px #aaaaaa;
}
/* vedit - usual column (right) */
.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #aaaaaa;
}
/* vedit - header column (left) */
.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #dfded3;
    border: solid 1px #aaaaaa;
}
/* vedit - heading row */
.vedit .headrow { font-weight: bold; text-align: center; }

.vedit .small {font-weight:normal; font-size:90%;}

/* Catalog */
.catalog {
  	width: 292px;
  	height: 145px;
  	float: left;
  	padding: 4px;
  	margin: 0 6px 30px 0px;
	}

	
.catalog img {
  	margin: 4px 6px 0 0;
  	float: left;
  	clear: both;
	}

.book_title {
  	color: #431;
  	font-size: 110%;
  	font-weight: bold;
  	margin: 4px 2px 4px 10px;
  	border-bottom: 1px solid #ccc;
	}

.book_authors {
  	font-size: 90%;
  	color: #666;
	}

.book_isbn {
  	margin: 4px 2px 4px 2px;
  	font-size: 90%;
  	color: #666;
	}

/*---------[4]Sidebar---------*/

.sidebar {
  	width: 160px;
  	padding: 0;
  	margin: 0;
  	text-align: left;
	}
	
#sidebarLeft {
	float:left;
	}
	
#sidebarRight {
	float:left;
	margin-left:2px;
	}

.sidebar form input, .sidebar form select {
	margin:2px 0 10px 0;
	}

.sidebar h3, .sidebar h5, .sidebar p, .sidebar img {
	padding:0 3px 0 3px;
	}

html>body #button li a{width:auto}

.sidebar li {
  line-height: 24px;
  list-style-type: none; 
  margin: 0;
  height: 24px;
  font-size: 12px;
  color: #fff;
  background: url("images/menu-body.gif") no-repeat;
  overflow: hidden;
  }

.sidebar li a { 
	display:block;
  	color: #fff;
  	text-decoration: none;
  	padding-left: 8px;
	}

.sidebar li a:hover{
	background-color:#8871c7;
	color:#fff;
	padding-left: 8px;
	} 

.sidebar ul {
 	width: 160px;
  	margin: 0 0 10px 0;
  	padding: 0;
	}

.sidebar ul#menu {
	background: url("images/menu-body.gif") repeat-y;
	}

.sidebar h2.widgettitle  {
	line-height: 24px;
  	height: 24px;
  	font-size: 12px;
  	font-weight: bold;
  	font-family: "Verdana";
  	margin-top:5px; 
  	padding-left: 24px;
  	background: url("images/menu-head.gif") no-repeat;
  	color: #fff;
	}

.sidebar h2.widgettitleMenu  {
	line-height: 24px;
  	height: 24px;
  	font-size: 12px;
  	font-weight: bold;
  	font-family: "Verdana";
  	margin:0; 
  	padding-left: 24px;
  	background: url("images/menu-head.gif") no-repeat;
  	color: #fff;
	}

.sidebar h2{ 
  	font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
  	margin: 0 0 0.5em;
	}

.sidebar h2 a:link,
.sidebar h2 a:visited {
  	color: #000; 
  	text-decoration: none;
	}

.sidebar h2 a:hover,
.sidebar h2 a:active {
  	background: transparent; 
  	text-decoration: underline;
	}

.sidebar em { font-style: normal; }

/* Live-search and results */
.sidebar .search p { 
  	margin: 0;
	}

#joinform{
	padding:5px;
	margin:0;
	background:#fff;
	}

#joinform form p {
	margin:0;
	padding:0;
	}


#subscribe {
  	width: 150px;
  	padding: 0px;
  	margin: 0;
	}

div#subscribe {
  	padding-top: 10px;
	}

#subscribe img {
  	padding: 3px 3px 3px 0;
	}

#subscribe h2 {
  	text-align: center;
  	font-size: 100%;
  	padding: 0;
	}

#subscribe form {
  	padding: 0px 10px;
	}

input.sidebar_field {
  	width: 95%;
  	margin: 4px 4px;
	}

input.sidebar_button {
  	margin: 4px;
 	padding: 2px;
	}

div.field label {
  	margin: 0px 4px;
  	font-size: 8pt;
  	color: #666;
	}

div.action {
  	text-align: center;
	}


/*---------[5]Footer---------*/

#footer {
  	width: 800px;
  	height: 40px; 
  	margin: 0; 
  	padding: 0;
  	clear: both; 
  	background: #6954a3; 
  	border-top: 10px solid #6954a3; 
  	font-size: 90%;
  	color: #999;
	}


#footer a:link,
#footer a:visited { 
  color: #000;
}

#footer a:hover,
#footer a:active { 
  color: #fff;
  background: #000;
}

#footer hr {
  display: none;
}

#footer p {
  text-align: center;
}

#footer ul {
  width: 40%;
  margin: 0; padding: 0;
  list-style-type: none; 
  text-align: right; 
  float: right; 
}

#footer li {
  margin: 0; padding: 0 0 0 1em;
  display: inline; 
}