/*
Theme Name: Jeffs
Theme URI: http://jeffsacco.ca
Description: Originally based on Andreas Viklund design.  Customized it for my tastes
Version: 1.0
Author: Jeff Sacco
Author URI: http://jeffsacco.com
*/

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
padding:20px 0;
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#3f6bfb url(/test/images/grad.jpg) top left repeat-x;
}

h1,h1 a,h2,h2 a,h3 a{color:#467aa7; text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover{color:#2a5a8a; text-decoration:none;}

a{color:#467aa7; font-weight:bold; text-decoration:none; padding:1px 0;}
a:hover{color:#2a5a8a;text-decoration:none;}
a img{border:none;}

p{padding:10px 20px;}
p form{margin-top:0; margin-bottom:20px;}

img.left{float:left; margin:0 12px 8px 0; padding:4px; border:1px solid #a0a0a0;}
img.right{
	float:right;
	margin:0 0 8px 12px;
	padding:4px;
	border:1px solid #a0a0a0;
	left: 558px;
	top: 276px;
}
img.diff_right{
	float:right;
	margin:0 0 8px 12px;
	padding:4px;
	left: 558px;
	top: 276px;
	border-top: none #FFFFFF;
	border-right: none #FFFFFF;
	border-bottom: none #FFFFFF;
	border-left: none #FFFFFF;
}
img.center{display:block; margin:0 auto 5px auto; padding:4px; border:1px solid #a0a0a0;}

/**************** Header and navigation styles ****************/

#container{
width:940px;
margin:0 auto;
padding:0;
text-align:left;
background:#ffffff url(/test/images/contentbg.gif) top left repeat-y;
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}

#header{
height:85px;
width:938px;
margin:0 0 0 1px;
background:#265a87 url(/test/images/headbg.jpg) top left no-repeat;
border-top:1px solid #fff;
}

#header h1{
display:none;
/* padding:30px 0 0 30px;
font-size:2em;
letter-spacing:-2px;
font-weight:normal; */
}

#header a{font-weight:normal; color:#ffffff; text-decoration:none;}
#header a:hover {color:#ffffff; text-decoration:underline;}

#header p{
margin: 5px 2px 0 446px;
color:#fff;
line-height:1.5em;
font-size:0.9em;
}

#navigation{
height:2.3em;
line-height:2.3em;
width:938px;
margin:0 0 0 1px;
border-top:1px solid #ffffff;
border-bottom:1px solid #e0e0e0;
background:#467aa7;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
background:#467aa7;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 12px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
color:#ffffff;
}

* html #navigation a {width:1%;} /* hack */

#navigation .selected,#navigation a:hover{
background:#80b0da;
text-decoration:none;
}

/**************** Content styles ****************/

#content_main{
	top: 5px;
	height:398px;
}

#content_main_projects{
	top: 5px;
	height:670px;
}

#content{
	float:none;
	width:940px;
	font-size:1.1em;
	clear: none;
	background-color: #FFFFFF;
}

.singlecol #content{width:730px;}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; font-weight:bold; letter-spacing:-1px;}

#content ul{margin:0 0 20px 10px;}
#content ul li{list-style:none; margin-bottom:2px;}

#content ul li a {
padding:2px;
font-weight:bold;
text-decoration:none;
}

#content ul ul {margin:0 0 6px 20px; font-weight:normal;}

.entry{margin:0 0 25px 0;}
.entry .single{clear:both;}
.entry .single .info{margin:0 0 22px 0;}

.entry .info{
padding:3px 3px 3px 8px;
border:1px solid #e3e4e4;
background-color:#fafbfc;
font-size:0.9em;
color:#505050;
}

.entry #filedunder{
clear:both;
padding:3px 0 0 5px;
border-top:1px solid #d0d0d0;
}

#content a:hover, #subcontent a:hover{text-decoration:underline;}

/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:180px;
padding:15px 10px 30px 0;
line-height:1.2em;
}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
}
#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Menu block styles ****************/

.menublock, .tile ul{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li, .tile ul li{list-style:none; display:block; padding:2px; margin-bottom:3px;}
.menublock li a, .tile ul li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover, .tile ul li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

.searchbar{margin: 0 0 25px 0;}
.searchbar form fieldset{margin-left:10px; border:0 solid;} /* fix */

.searchbar .s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
}

.searchbar .searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;

font-size:0.9em;
text-align:center;
}

/**************** Footer styles ****************/

#footer{
clear:both;
width:938px;
padding:5px 0;
margin:0 0 0 1px;
font-size:0.9em;
border-top:2px solid #e0e0e0;
color:#f0f0f0;
background:#467aa7;
border-bottom:1px solid #fff;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; font-weight:bold;}
#footer a:hover{color:#ffffff; text-decoration: underline;}

/**************** Form styles (comment and contact) ****************/

#commentform form, #contactform form {padding:6px 0;}
#commentform, #contactform{margin-bottom:15px;}
form fieldset{border:0 solid;} /* fix */
form p{padding:6px 0;}
form label{display:block; float:left; width:60px;}
#commentform label{margin:0 15px 0 15px;}
#contactform label{margin:0 15px 0 0;}
form em{margin-left:5px; font-size:0.9em; font-style:normal;}

#commentform form input, #commentform form textarea, #contactform form input, #contactform form textarea{
padding:3px;
width:200px;
border:1px solid #a0a0a0;
}

form textarea{overflow:auto;}
#commentform input{width:200px;}
#commentform textarea{width:325px;}
#contactform textarea, #contactform #bx_subject{width:465px;}
form .button{width:90px !important; border-bottom:1px solid; font-weight:bold;}
#commentform .button{margin-left:90px;}
#contactform .button{margin-left:75px;}
form .hiddenfield{display:none;}
form .info{padding-left:90px;}
form input{color:#505050;}

/**************** Misc classes and styles ****************/

.sidebarintro{font-size:0.8em; line-height:1.3em; margin: 4px 0 20px 0;}

.postspermonth li a{
padding:1px 1px 1px 1px;
margin-top:4px;
font-weight:normal;
text-decoration:none;
}

.postspermonth{list-style:none; margin:0 0 18px 10px;}
.postdate{color:#505050;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both; height:20px;}
.small{font-size:0.9em;}
.xsmall{font-size:0.8em;}
.hide{display:none;}

.box{
padding:10px;
border:1px solid #d3d4d4;
background-color:#fafbfc;
line-height:1.3em;
color:#505050;
margin:0 0 20px 0;
}

.fileblock{
clear:left;
display:block;
width:530px;
padding:20px 0 0 0;
border-top:1px solid #c0c0c0;
line-height:1.6em;
margin-bottom:20px;
}

.fileblock img, .fileblock img a{
float:left;
padding:4px;
border:1px solid #c0c0c0;
position:relative;
margin:0 20px 20px 0;
}

.splitcontentleft{
float:left;
width:48%;
}

.splitcontentright{
float:right;
width:48%;
}

.topad{
padding:3px 3px 1px 8px;
margin:-10px 0 18px 0;
border:1px solid #e3e4e4;
background-color:#fcfbfa;
text-align:center;
}

.ads{
margin:0 0 20px 10px;
padding-top:20px;
}

.sidebox{
width:210px;
margin: 0 0 10px 15px;
float:right;
padding:8px;
border:1px solid #d3d4d4;
background-color:#fafbfc;
text-align:center;
}

.moreentries{
margin:20px auto;
padding:5px;
text-align:center;
color:#505050;
font-weight:normal;
background-color:#fafbfc;
border:1px solid #e3e4e4;
}
.headerTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	font-style: italic;
	background-position: left;
	padding:20px 20px 20px;
}#content table {
	background-color: #FFFFFF;
	border: thin solid #3399FF;
	padding: 5px;
	position: relative;
	left: 30px;
}
#content .entry jeffstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#content #form1 table {
	background-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#content .entry style1 {
	margin: 4px;
	padding: 4px;
	height: auto;
	width: 200px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #00000;
}
#content .box {
	background-color: #FFFFFF;
	margin: 3px;
	padding: 3px;
	height: 10px;
	width: 180px;
	position: relative;
	border-top: none;
	border-right: none;
	border-bottom: medium solid #000000;
	border-left: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	line-height: 0.5em;
}
#content .download_box {
	background-color: #FFFFFF;
	height: 30px;
	width: 250px;
	position: relative;
	left: 40px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	text-transform: none;
	float: none;
	clear: none;
	border-top-color: #000099;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #000099;
	padding: 5px;
}
#content .pic_box {
	background-color: #FFFFFF;
	height: 101px;
	width: 101px;
	border: 1px solid #000000;
	float: right;
	position: relative;
	visibility: visible;
	padding: 5px;
}
#content .boxbigger {
	background-color: #FFFFFF;
	margin: 3px;
	padding: 3px;
	height: 10px;
	width: 240px;
	position: relative;
	border-top: none;
	border-right: none;
	border-bottom: medium solid #000000;
	border-left: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	line-height: 0.5em;
}
#contentspecial {
	float:none;
	width:727px;
	font-size:1.1em;
	padding:20px 20px 0;
	clear: none;
	background-color: #FFFFFF;
}
.newtable {
	background-color: #FFFFFF;
	padding: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
.edutable {
	background-color: #FFFFFF;
	padding: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	left: -20px;
}
.difftable {

	background-color: #FFFFFF;
	padding: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#content .difftable2 {
	background-color: #FFFFFF;
	padding: 5px;
	border-top: thin solid #3399FF;
	border-right: thin solid #3399FF;
	border-bottom: thin solid #3399FF;
	border-left: thin solid #3399FF;
	left: 200px;
}
.phototable {

	background-color: #FFFFFF;
	border: thin solid #3399FF;
	padding: 5px;
}
#content .difftable3 {
	background-color: #FFFFFF;
	padding: 0px;
	left: 200px;
}