/*----------------------------------------------------------------------------------------
JRD Primary Stylesheet

version:   	3.0
author:    	jon reil
email:     	jreil@jonreil.com
website:   	http://www.jonreil.com/
updated:	02/01/2008 12:12p
-----------------------------------------------------------------------------------------*/

body {
 font-size:62.5%;
 font-family: Verdana, Arial, San serif;
 background: url(../images/bg-main.gif) repeat-x #FFFFFF top center;
 color:#33332d;}

hr {
 display:none;}

* {
 margin:0;
 padding:0;
 list-style:none;}

/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.imgreplace, .imgreplaceError {
  display:block;
  text-indent:-99999px;}

.fleft {
  float:left;}

.fright { 
  float:right;}

a.btnclick {
  background:url(../images/icon-click.gif) right no-repeat;
  padding:0 11px 0 0;}

.fb {
  font-weight:bold;}
 
/* image hover */
a.frame_holder {
  border:1px solid #cccc9f;
  margin:4px ;
  display:block;
  padding:6px;}
  
a.frame_holder:hover {
  border:3px solid #cccc9f;
  margin:2px ;
  display:block;}

/* LINKS
-----------------------------------------------------------------------------------------*/
a {
  text-decoration:none;}

a:focus{
 outline:none;}

a:visited{
 color:#666;}

a img {
  border:none;}
 
/* HEADINGS
-----------------------------------------------------------------------------------------*/
#header h2 {
  background:url(../images/title-areyouinvisible.png) no-repeat;
  width:703px;
  height:145px;}
  
 #header h2.imgreplaceError {
  background:url(../images/title-404error.png) no-repeat;
  width:703px;
  height:98px;}

#sidebar h3 {
  font-family: Arial, San serif;
  font-size:1.5em;
  margin-bottom: 3px;
  }

/* PAGE LAYOUT
-----------------------------------------------------------------------------------------*/
#container {
  width:840px;
  margin: 0 auto 2em auto;
  padding: 0 50px;
  /*z-index: 1;*/
  background: url(../images/bg-main.gif) repeat-x #FFFFFF;
  }

#header {
    padding:30px 0 55px 0;}

#maincontent {
  border-top: 1px solid #e5e5e5;
  width:840px;
  padding:29px 0;}

#portfoliosec {
  width:557px;}

#sidebar {
  width:238px;
  padding:0 24px 0 0;}

#footer {
  border-top: 1px solid #e5e5e5;
  padding:12px 0;}
 
/* Header */
#header a {
  color:#db4105;}
  
#header a.emailHeader {
  font-weight:bold;
  background:url(../images/icon-email.gif) 0 3px no-repeat;
  padding:0 0 0 19px;
  color:#db4105;}

#header a:hover {
  text-decoration:underline;}
  
h1.logocontent a {
  background:url(../images/logo-jrd.png) no-repeat;
  width:185px;
  height:46px;
  float:left;}

p.clogin {
  font-weight:bold;
  font-size:1.4em;
  margin-top:17px;}

#header .cblock {
  width:702px;
  margin:0 auto;
  padding:28px 0 0 0;
  clear:both;}

#header .cblock p {
  font-size:1.4em;
  line-height:22px;
  width:680px;
  padding: 6px 0pt 0pt 18px;}
  

#header .cblock p.email {
  padding:16px 0 0 18px;}

/* Portfoliosec */
#portfoliosec a {
  color:#db4105; }

#portfoliosec a:hover {
  text-decoration:underline;}
  
#portfoliosec p {
  padding:5px 0;
  font-size:1.2em;
  line-height:19px;}
 
#portfoliosec h3 {
  font-family: Arial, San serif;
  padding:0pt 0pt 6px 0pt;
  font-size:1.5em;
  line-height:19px;}

#portfoliosec p.emp {
  font-size:1.1em !important;
  color:#666;
}

#portfoliosec .block {
  padding:25px 0 0 0;}

#portfoliosec .block div {
  width:272px;}

/* Sidebar */
#sidebar a {
  color:#db4105;}

#sidebar a:hover {
  text-decoration:underline;}
  
#sidebar p {
  padding:3px 0 0 0;
  line-height:19px;
  font-size:1.2em;}

#sidebar p.btns {
  margin: 10px 0 3px 15px;}

#sidebar p.btns a {
  display:block;
  padding:0 0 0 19px;
  margin-bottom: 3px;}

#sidebar a.btnemailme {
  background:url(../images/icon-email.gif) 0 3px no-repeat ;}

#sidebar a.btndlvcard {
  background:url(../images/icon-dlvcard.gif) 0 3px no-repeat;}

#sidebar a.btndlresume {
  background:url(../images/icon-dlpdf.gif) 0 0 no-repeat;}

#sidebar div {
  padding:0 0 27px 0;}

#sidebar ul.listgray {
  padding:4px 0 0 0;}

#sidebar ul.listgray li {
  background:url(../images/bul-graysquare.gif) 0 5px no-repeat;
  padding:0 0 0 10px ;
  margin-bottom:7px;
  font-size:1.2em;}

#sidebar ul.listgray li.nobul {
  background:none !important;
  font-size: 1.1em !important;
  margin-bottom:13px;
  color: #666;
  }

/* Error */
ul.error404 {  
  margin: 2em 0;
  }

ul.error404 li {  
  font-size: 1.4em;
  margin-left: 50px;
  line-height: 24px;
  background:url(../images/bul-graysquare.gif) 0 9px no-repeat;
  padding: 0 0 0 10px;
  }


/* Footer */
#footer p {  
  color:#999999;}