/* CSS Template by gorotron */

html, body {
	margin:0;
	padding:0;
	text-align:center;
}

#container {
	text-align:left;
	margin:0 auto;
	padding:5px 15px;
	width:806px;
	height:auto;
	* height:100%;
	font:12px Arial,Helvetica,sans-serif;
}


#banner {
	margin:5px;
	width:762px;
	height:147px;
	padding:10px 0 0 10px;
}

#dashed {
	width:735px;
	height:125px;
	padding:5px;
	border:0px dashed #FFF;
} 

#content {
	width:776px;
}

#main {
	width:565px;
	min-height:auto;
	float:left;
	padding:10px;
}

#main div.projects {
        line-height: 20px; 
}

#main div.projects li {
  margin-bottom: 5px;
}


#sideBar {
	float:left;
	width:161px;
	min-height:250px;
	height:auto;
	float:left;
	padding:10px 15px;
	}

#box {
	width:146px;
	height:auto;
	padding:0 10px;
	border:1px dotted #FC6;
}

#box p {
  margin-top: 2px;
  margin-bottom: 2px;
}

#box li {
  margin-left: -20px;
}

#box ul {
  margin-top: 3px;
  margin-bottom: 3px;
}

#navBar {
	list-style:none;
	margin:5px 0;
	padding:0;
}

#navBar a {
	text-decoration:none;
	padding:5px;
	width:156px;
	display:block;
	border-bottom:1px dashed #FC6;
}

#navBar a:hover {
}

#noLine a {
	border-bottom:0;
}

h1 {
        text-align: right;
	font-size:28px;
	margin:0;
}

h2 {
        text-align: right;
	font-size:12px;
	margin:0 0 0 5px;
}


h2 a {
        text-align: left;
	font-size:12px;
	margin:0 0 0 5px;
}

h3 {
	font-size:18px;
	margin:0;
        text-align: center;
        font-weight: bold;
        line-height: 25px;
}

h3.black {
}

div.article-box {
   border-bottom:1px solid #FC6;
   margin-bottom: 10px;
   padding-left: 5px;
   padding-right: 5px;
}

div.article h3  {
	font-size:16px;
        text-align: left;
}

div.article h4 {
       font-size: 14px;
}

div.article h5 { 
      font-size: 12px;
      font-weight: bold;
}

div.article img {
  padding: 3px;
  max-width: 545px;
}

h6 {
  font-size: 10px;
  font-width: bold;
  margin-top: 0px;
  margin-bottom: 5px;
}

.comments {
	display:block;
	width:555px;
	text-align:right;
	font-size:10px;
	margin:0;
	font-weight:normal;
	padding:5px 0 5px;
	border-top:1px dotted #FC6;
}

#clear {
	clear:both;
}

pre {
  overflow: auto;
  background-color: #002240;
  color: white;
  padding: 5px;
  width: 96%;
}

p {
	line-height:1.5em;
}

a {
        color: #44F;
        text-decoration: none;
}

img {
   border: 0px;
}


span.giant {
   font-size: 22px;
}


img.picA
{
position: relative;
top: -20px;

width: 76px;
height: 74px;
padding: 8px;
}


#copy, #copy a {
	padding-top:5px;
	text-decoration:none;
	text-align:center;
	font:10px Arial,Helvetica,sans-serif;
}

#copy a:hover {
}

#bottom {
	margin:0 auto;
	height:10px;
	width:836px;
}

#flickr {
  text-align: center;
  border-bottom:1px dashed #FFCC66;
}

#flickr p {
  text-align: left;
}

#flickr img {
  padding-left: 2px;
  padding-right: 2px;
}

#flickr_photos {
  min-height: 156px;
}

div.rss {
  padding: 5px;
}

div.rss img {
  padding-left: 2px;
  padding-right: 2px;
}

div.rss span {
  padding-left: 2px;
}

#links {
  list-style-type: none;
  padding: 5px;
  line-height: 18px;
}

#links img {
  padding-left: 2px;
  padding-right: 4px;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.noborder {
  border: 0px solid black !important;
}

.tight {
  padding: 0px !important;
  margin: 0px !important;
}