/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group Baseline */
html { background: #000 url(images/html-bg.jpg)  top center repeat-x; }
body { background: url(images/torn-header.jpg) no-repeat center 395px; }
div#container { width: 960px; margin: 0 auto; padding: 0; }
/* @end */
#header { margin: 0; padding: 0; width: 960px; height: 506px; background: url(images/nav-n-quote.jpg) no-repeat 470px 0; position: relative;}
/* @group Logo */
h1 { width: 470px; height: 395px; position: relative; float: left; }
h1 span { width: 100%; height: 100%; background: url(images/coffee-logo.jpg); position: absolute; }
/* @end */

/* @group Navigation */
#header ul { margin: 0 0 0 545px; text-transform: lowercase;  font: 1.5em Trebuchet MS, Helvetica, sans-serif; list-style: none; letter-spacing: -2px;}
#header ul li { padding-right: 11pt; padding-top: 100px; float: left;}
#header ul li a { padding-top: 24px; display: block;
text-decoration: none; color: #db00a3; }
#header ul li#current a:hover { border-bottom: 1px dotted #db00a3; }
#header ul li a:hover { border-bottom: 1px dotted #4a85c7; }
#header ul li#current a { color: #7f859e; background: url(images/freshimelon.png) no-repeat ;}
/* @end */


#header blockquote {
  width: 376px;
  height: 100px;
  position: absolute;
  top: 170px;
  left: 529px;
  /*background: url(images/intrograph.jpg) no-repeat;*/
  background: url(images/clear.gif) no-repeat;
}
#header blockquote p {
 text-indent: -300em;
 overflow: hidden;
}

#main { margin-top: 0px; background: #e9ecf5 url(images/college-rules.jpg) top left repeat-y; }
#main a { color: #4a85c7; text-decoration: none; border-bottom: 1px dotted #ef8ab9; }

h1,h2,h3,h4,h5,h6, dt,label {
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-weight: 300;
}
#main p, #main ul, #main ol, dd, address, span.fn {
  font-family: Arial, Helvetica, sans-serif;
}
strong { font-weight: 700; }
/* 24pt */
h2 {
 font-size: 1.5em;
 line-height: 1.6667em;
 margin: 0 0 -0.8333em;
 color: #db00a3;
 text-shadow: #dfdfdf 0 0 4px;

}
/* 18pt */
h3, #footer dt {
 font-size: 1.3125em;
 line-height: 1.9048;
 margin: 0.9524em 0 0.9524em;
 color: #1a3757;
 text-shadow: #dfdfdf 0 0 4px;
}
.featured h2 {
 font-size: 1.3125em;
 /*line-height: 1.9048;*/
 line-height: 1em;
 margin: 0.9524em 0 0.9524em;
 color: #1a3757;
 text-shadow: #dfdfdf 0 0 4px;
}

#sidebar h3 {
 font-size: 1.3125em;
 line-height: 1.9048;
 letter-spacing: 0;
 margin: 0.9524em 0 0.9524em;
 color: #1a3757;
}
/* 13pt */
p, ol, ul, h3.comment_intro, span.fn, address {
 font-size: 0.8125em;
 line-height: 1.5385;
 margin: 1.5385em 0 1.5385em;
 color: #1a3757;
}
p.post_meta {
 margin-bottom: 3.077em;
}
/* 11pt */
p.post_date, p.tasks, #sidebar ul, #footer dd  {
 font-size:  0.6875em;
 line-height: 1.8182em;
 text-align: left;
 margin: 1.8182em 0 1.8182em;
}



.alignright {
 float: right;
}

#sidebar ul {
  list-style: none;
  margin-left: 0;
}
#sidebar ul a {
   display: block;
}
#sidebar ul#entries {
  font-size:  0.6875em;
  line-height: 1.8182em;
}
#sidebar ul#entries li {
 margin-bottom: 0.9375em;
}

/* @group List Properties */
  ul { list-style-type: disc; }
  ul,ol { margin-left: 1.5em; }
  ul li ul { font-size: inherit; }
  ul ul, ol ol, ul ol, ol ul { margin-top: 0; }
/* @end */
#content h2 a, #content h3 a {
 border: none;
 color: #db00a3;
}
#content h2 a:hover {
 color: #4a85c7; text-decoration: none; border: none;
}

#content ul { list-style: circle; }
#content ul, #content ol {
 margin-left: 16pt;
}
#content blockquote p {
 padding: 0 25pt 1.433em ;
 margin: 0;
 font: italic 1.6em/1.334em Georgia, "Times New Roman", Times, serif;
}

/* @group Posts */

#content p.post_date, #content p.tasks {
 text-transform: uppercase;
 color: #898a8f;
}
#content p.post_date a {
 color: #898a8f;
}



/* @end */
/* @group Featured */

div.recent-work, div.archive, div.page, div.single {
  width: 675px;
  float: left;
}
div.archive, div.page, div.single {
 width: 580px;
 padding-left: 70px;
 padding-right: 25px;
}
div.navigation, #content p.post_meta, #content h3.comment_intro {
  border: 1px solid #bcc1cb;
  background: #fff;
  font-family: Helvetica, Arial, Geneva, sans-serif;
  text-transform: uppercase;
  text-align: center;
}
#content div.navigation p {
  margin: 0;
  padding: 20px;
  text-transform: uppercase;
  display: inline;
  font-family: Helvetica, Arial, Geneva, sans-serif;
}
#content div.featured {
  padding: 17px 30px 0 51px;
  margin-left: 18px;
  margin-top: 1px;
  background: url(images/gallery-frame.png)  no-repeat;
  width: 574px;
  height: 276px;
}
#content .featured h2 {
 /*margin: 0 0  -1.3125em 0;*/
 margin: 0 0  0em 0;
}
#content .featured p {
 margin: 0;
 /*text-align: right;*/
 text-align: left;
 /*margin-top: 20px;*/
}
#content .featured a {
 border: none;
}
#content .featured a:hover {
 background: none;
}
div.featured div { width: 580px; height: 181px; background: #000 url(images/view-site.gif) center center no-repeat; margin-bottom: 8px; }
div.featured img {
  border: 1px solid #e3e3e3;
}

/* @end */
div.portfolio {
 padding-left: 60px;
 width: 840px;
}
div.fullsize {
 margin-bottom: 24px;
 width: 822px;
 position: relative;
 border: 1px solid #ececec;
 padding: 5px 5px 10px ;
 background: #fff url(images/portfolio-bg.jpg) no-repeat right bottom;
}

#content div.fullsize a {
 border: none;
}
div.fullsize span {
  background: url(images/tape.png) no-repeat;
  position: absolute;
  display:block;
  width: 168px;
  height: 34px;
  top: -18px;
  left: 340px;
}
div.fullsize img {
 width: 820px;
 height: 500px;
 border: 1px solid #f5f5f5;
}
#content div.fullsize a:hover {
  background: none;
}


div#content div.fullsize h2 {
 clear: both;
}


#sidebar {
  float: left;
  width: 245px;
  padding-bottom: 50px;
}

#sidebar h3, #sidebar p, #sidebar ul {
  padding-left: 55px;
}
#sidebar .notes {
  background: url(images/side-arrow.gif) no-repeat 0px 18px;
  margin-bottom: 3.1em;
}
#sidebar h3 {
  color: #db00a3;
  background: url(images/side-heading.gif) no-repeat 55px;
}
#sidebar p {
  color: #1a3757;
}
#content a:hover, #sidebar a:hover, #footer a:hover,#content .fullsize h2 a:hover, #content .featured h2 a:hover {
  color: #db00a3;
  background-color: #e8ec80;
}
#content .fullsize h2 a:hover, #content .featured h2 a:hover {
 color: #4a85c7;
}
#sidebar fieldset {
  background: url(images/searchbox.gif) no-repeat;
  margin-top: -16px;
  margin-left: 40px;
  padding: 12px;
  width: 220px;
}
#sidebar fieldset input#query {
  border: 0;
  background: #e9ecf5;
  font:italic 0.8125em Georgia, "Times New Roman", Times, serif ;
  color: #9a9aa0;
}
#sidebar fieldset input#search {
  margin-left: 140px;
  margin-top: 5px;
}

#sidebar a#wordpress {
  margin-left: 42px;
  font-variant: small-caps;
  height: 63px;
  display: block;
  border: none;
  padding-top: 26px;
  padding-left: 73px;
  background: url(images/wordpress-logo.png) no-repeat ;
}
#sidebar a#wordpress span {
  display: none;
}

/* @group Comment Area */

#comments h3 {
 margin-bottom: 0;
}
#comment_list  {
 background: #f6f5f8;
 padding: 18px;
 min-height: 140px;
 border-left: 1px solid #bcc1cb;
 border-right: 1px solid #bcc1cb;
 border-bottom: 1px solid #bcc1cb;
}
#comment_list span, #comment_list strong {
 display: block;
}
#comment_list dt {
 float: left;
 width: 140px;
 padding-bottom: 20px;
 font-size: 0.8em;
 color: #2d4764;
}
#comment_list dd.author {
 border-top: 1px solid #bcc1cb;
 padding: 20px 0 0 20px;
 width: 300px;
}
#comment_list dt.author {
 padding: 20px 0 0 20px;
 width: 100px;
}
#comment_list dt.author span.comment_num {
 display: none;
}
#comment_list dt img {
 padding: 5px;
 border: 1px solid #bcc1cb;
 background: #fff;
}
#comment_list dt a {
 border: none;
}
#comment_list dt span.comment_num {
 font-size: 1.5em;
 font-weight: 700;
 margin-bottom: 6px;
}

#comment_list dd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#comment_list dd {
 width: 380px;
 padding-top: 0px;
 margin-left: 160px;
}
#comment_list dd p { margin-top: 0; }

/* @group Comment Form */

#comments fieldset { padding: 18px; border: 1px solid #bcc1cb; background: #fff url(images/portfolio-bg.jpg) no-repeat right bottom; }
#comments label { font-size: 0.8125em; text-decoration: none; color: #1a3757; display: block; letter-spacing: 0;
 text-shadow: #ededed 0 1px 2px;
}
#comments div.a-name, #comments div.a-email, #comments div.a-website { margin: 12px 0 12px; width: 167px; float: left; }
#comments div.a-name { padding-right: 20px; }
#comments div.a-website { padding-left: 20px; }

#comments input.text_input { border: 1px solid #bcc1cb; padding-top: 5px; padding-bottom: 5px; width: 100%; font-size: 0.8125em; background-color: #e2e8f0; }
#comments div.submit input { clear: both; font-size: 1.3125em; }
#comments textarea { width: 540px; height: 120px; font-size:  0.6875em; border: 1px solid #bcc1cb; background-color: #e2e8f0; }
#comments fieldset p { font-size: x-small; width: 520px; font-weight: 700; color: ; padding: 10px;
 border: 1px solid #bcc1cb; margin: -4px 0 0;
 background-color: #cfd5dc;
}

/* @end */

/* @end */
#footer {
  clear: both;
  height: 260px;
  background: #000 url(images/footer-bg.jpg) top no-repeat;
}
#footer dl {
 padding-left: 2px;
 padding-top: 80px;
 padding-right: 2px;
 width: 220px;
 height: 164px;
 float: left;
 color: #e9e9e9;
}
#footer dt {
 margin-bottom: 0;
 text-shadow: #50511c 0 0 4px;
}
#footer dd {
 margin-top: 0;
 margin-bottom: 0;
}
#footer dl.rss {
 width: 450px;
 background: url(images/footer-polaroid.jpg) no-repeat 125px 16px;
}
#footer dl dt {
 color: #db00a3;
 text-transform: lowercase;
 letter-spacing: -1pt;
}
#footer dd ul {
 font-size: 1em;
 margin-left: 0;
 list-style: none;
 margin: 0;
 color: #fff;
}
#footer a {
 color: #fff;
 border: none;
 background: #2d526b;
}
p#sub-footer {
 clear: both;
 background: #000;
 color: #1e1e1e;
 text-align: right;
 margin: 0;
 padding: 0 150px;
}
#cformsform {
 float: left;
}
.vcard {
 padding-top: 6px;
 float: left;
}


#content .vcard address {
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 margin-bottom: 2em;
}
#content .vcard span.fn {
 margin-top: 40px;
 display: block;
}
#content .vcard ul {
 list-style: none;
 margin-left: 0;
}
#content .vcard ul li {
 padding-left: 22px;
 color: #4a85c7;
}
#content .vcard ul li.tel {
 background: url(images/ico_telephone.gif) no-repeat 0 2px;
}
#content .vcard ul li.email {
 background: url(images/ico_email.gif) no-repeat 0 3px;
}
#content .vcard ul li.skype {
 background: url(images/ico_skype.jpg) no-repeat 0 2px;
}
#content .vcard ul li.gtalk {
 background: url(images/ico_gtalk.jpg) no-repeat 0 3px;
}