/*
Theme Name: Diamond
Theme URI: http://www.diamond-mag.com/blog/
Description: The theme for Diamond.
Version: 1
Author: Matt Di Pasquale
Author URI: http://mattdipasquale.com/
Tags: white, black, blue, custom header, fixed width, two columns, widgets
*/

* {
  margin:0;
  padding:0;
}

.highlight {
  background-color:yellow;
}

.model #benefits {
  margin:0 0 6px;
  width:504px;
  border:1px solid orange;
  padding:6px 8px;
}

.model #benefits .highlight {
}

a {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a img {
  border: none;
}

ul {
  padding-left:12px;
  list-style-type:none;
}

ol ol {
  list-style-type: lower-alpha;
}

p {
  margin: 12px 0;
}

.first {
  margin-top: 0;
}

.last {
  margin-bottom: 0;
}

.firstletter {
  font-size:24px;
  line-height:normal;
}


body {
  position:relative;
  text-align:center; /* hack for ie */
  background-color:#fff !important;
	color:#000;
  font-size:12px;
	font-family:'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	line-height:20px;
}

/* Container */
#container {
  position: relative;
  margin:0 auto;
  padding-bottom:14px;
  width:996px;
  background-color:#fff;
  text-align:left; /* ie */
}


/* Header */
#header {
  width:996px;
  height:84px;
  background-color:#000;
  color:#fff;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}

#header h1 {
  margin-left:10px;
  width:244px;
  height:84px;
  
  /* if no image */
  font-size:62px;
  font-family:Impact;
  line-height:84px;
}

#header h1 a {
  display: block;
  width:244px;
  height:84px;
  color: #fff;
}

#header h1 a img {
  margin-left:-2px;
  margin-top:3px;
}

/* Nav */
ul#nav {
  padding:0;
  position: absolute; 
  left:244px;
  top:50px;
  width:749px;
  height:34px;
}

ul#nav li {
  position:static;
  width:100px;
  height:34px;
  margin-right:7px;
  float:left;
  font-size:16px;
  line-height:33px;
  text-align:center;
}

ul#nav a {
  color: #E8E8E8;
  display: block;
  width:98px;
  height:33px;
  border:1px solid #000;
  border-bottom: none;  
  text-decoration: none;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}
ul#nav a:hover {
  color: #fff;
  background-repeat: no-repeat;
  border-top-color: #ccc;
  border-right-color: #ccc;
  border-left-color: #ccc;
  background-position: 1px 9px;
}

ul#nav li.current a {
  background-color: #fff;
  color: #000;
}
ul#nav li.current a:hover {
  color: #444;
  border-color: #E8E8E8;
}

ul#subnav li a {
  display:block;
  width:110px;
  padding-left:30px;
}
ul#subnav li a:hover {
  text-decoration:none;
  background-color:#0062A0;
  color:#fff;
}

ul#subnav li.current a {
  background:#fff url(/favicon.ico) no-repeat 8px 7px;
  color:#000;
}
ul#subnav li.current a:hover {
  color: #444;
  background-color: #fff;
}


/* to be used for dropdown menus on rollover */
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


h2 {
  margin:16px 20px;
  font-size:24px;
}

h3 {
  margin:1.2em 0 0.7em;
  font-size:16px;
}

h4 {
  font-size:14px;
}


/* Content */
#content {
  position:relative;
  margin:0 20px 16px;
  width:956px;
  background-color:#EDF5FA;
  overflow:auto;
}


/* MainContent */
#maincontent {
  padding-left: 16px;
  background-color: #fff;
  float:right;
  width:800px;
  min-height:405px;
}

.pic {
  float:right;
  padding-left:10px;
}


/* SubContent */
/* SubNav */
#subcontent {
  position:absolute;
  top:0;
  width: 140px;
}

ul#subnav {
  margin: 15px 0 0;
  padding: 0;
}

ul#subnav li {
  font-size: 16px;
  line-height: 30px;
}


/* Footer */
#footer {
  padding:2px 0;
  height: 40px;
  background-color: #E8E8E8;
  text-align: center;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}


/* Home */
.home h2 {
  margin-left:0;
  margin-bottom:0;
}

.home #content {
  overflow:hidden;  /* ie6+ */
  width:956px;
  background-color:#fff;
}
  
.home img#cover {
  float:right;
  margin-top:17px;
}

#intro {
  margin-left:2px;
  margin-bottom:7px;
}

.home .video {
  float:left;
  margin-left:2px;
}

.home .download {
  margin:0 0 4px 304px;
  padding:10px;
  width:283px;
  height:217px;
  background-color:#D2E6F3;
  border:1px solid #93B4D9;
  text-align:center;
}

a.button {
  display:block;
  padding-right:5px;
  padding-top:8px;
  width:246px;
  height:35px;
  background-repeat:no-repeat;
  background-image:url(../../../../images/button.png);
  background-color:#027ac6;
  color:#fff;
  font-size:18px;
}

a.button:hover {
  text-decoration:none;
}

fieldset {
  margin:0 2px;
  padding:0 8px;
  background-color:#ffb;
  border:1px solid #fc5;
}

legend {
  margin:0 2px;
  font-size:14px;
  font-weight:bold;
}

fieldset p {
  margin:0 0 14px 12px;
}

fieldset .intro {
  margin-top:14px;
}

form#newsletter-signup {
  width:611px;
  height:109px;
  clear:left;
}

#newsletter-signup fieldset {
  height:107px;
}

#newsletter-signup fieldset p {
  float:left;
  margin-bottom:4px;
}

#newsletter-signup #nl-main {
  float:right;
  width:322px;
  height:74px;
}

.home p#elsewhere a {
  position:relative;
  top:2px;
}

.home input {
  margin-left:4px;
}

#newsletter-signup input#email {
  width:193px;
}

.home label#note small {
  margin-left:40px;
}

.home #newsletter-signup small {
  position:absolute;
}

small {
  font-size:9px;
  line-height:normal;
}

input.button {
  padding:1px 3px 1px 4px;
  font-size:1em;
  cursor:pointer;
  background:#027AC6;
  color:#fff;
  border:1px solid #01558a;
  border-left-color:#bee0fd;
  border-top-color:#bee0fd;
}

.error {
  background-color:#FFEBE8;
  border-color:#DD3C10;
}

.success {
  background-color:#dfb;
  border-color:#8d0;
}


/* About*/
.about .words {
  width:500px;
}

.about .photos {
  width:306px;
  position:absolute;
  left:650px;
}

q {
  color:#888;
  display:block;
  margin-left:27px;
  margin-top:16px;
  font-family:fantasy,serif;
  font-size:39px;
  line-height:normal;
  right:0;
  text-align:center;
  width:256px;
}

q em {
  font-family:fantasy;
}


/* Links */
.links #maincontent div {
  float:right;
}


/* Contact */
.contact fieldset {
  position:relative;
}

.contact input {
  position:absolute;
  left:65px;
}

.contact fieldset div {
  position:absolute;
  right:22px;
  top:-2px;
  width:261px;
  text-align:left;
}

.contact fieldset div p {
  margin:0;
}

.contact fieldset div h3 {
  margin-top:0;
}

.contact input.button {
  position:absolute;
  left:682px;
  bottom:12px;
}

.contact p#copy {
  margin:-6px 0 12px 510px;
}

.contact p#copy label input {
  position:relative;
  left:0;
  top:3px;
  margin-right:5px;
}

.contact p#copy label {
  font-size:11px;
}

.contact textarea {
  width:752px;
  height:211px;
}


/* Blog */
p#notfound {
  height:374px;
}

.postfooter {
  background-color:#E8E8E8;
}

.postfooter span {
  float:left;
}

.postfooter span.stbuttontext {
  float:none;
}

.postfooter .postmetadata {
  text-align:right;
}

.reply {
  margin-right:6px;
  text-align:right;
}
.previous {
  text-align:left;
  float:left;
}

.next {
  text-align:right;
}

.single.nav {
  margin:4px 12px;
  overflow:auto;
}

.blog #maincontent {
  float:left;
  padding-right:16px;
  width:584px;
  margin-left:140px;
}

.blog h3 {
  margin-bottom:0;
  margin-left:-1px;
}

.blog h3.first {
  margin-top:0;
}

.blog ol {
  list-style-type:none;
  padding-left:0;
}

.blog ol li {
  margin-top:3px;
  padding:10px;
  background-color:#E8E8E8;
}

.blog ol li > p {
  margin-bottom:0;
}

img.avatar {
  float:left;
  margin-right:8px;
}

li.comment p {
  margin-top:4px;
  margin-bottom:0;
  margin-left:1px;
}

li.comment ul {
  padding-left:10px;
}

li.comment ul li {
  background-color:#EDF5FA;
}

li.comment #respond form {
  padding-left:9px;
}

#respond textarea {
  padding:6px;
  width:570px;
  font-size:12px;
}

li.comment #respond textarea {
/*  margin-left:9px;*/
  padding:6px;
  width:537px;
  font-size:12px;
}

li.comment #respond h3 {
  display:none;
}

li.comment #respond div.cancel-comment-reply {
  float:right;
  margin-right:4px;
}

#respond form p.last {
  text-align:right;
}

p.last .button {
  margin-right:2px;
  margin-bottom:4px;
}

#sidebar {
  width:200px;
  float:left;
}

#sidebar h4 {
  font-size:13px;
  margin:12px 0 2px;
}

#sidebar ul p {
  font-size:11px;
}

#footer p.left, #footer p.right {
  width:300px;
}

#footer p.left {
  float:left;
  margin-left:20px;
  text-align:left;
}

#footer p.right {
  float:right;
  margin-right:20px;
  text-align:right;
}