/*
Theme Name: sjwaller.com
Theme URI: http://sjwaller.com/
Description: Wordpress theme for my website.
Version: 1.0
Author: Stewart Waller
Author URI: http://www.sjwaller.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/


body { background: #666666; font-size: 10pt;  color: #ffffff; font-family: Verdana,Arial,Helvetica,sans-serif; margin: 0px; padding: 0px;}

#container_header { width: 1000px; margin-left: auto; margin-right: auto; padding: 0px; }
#container_footer { width: 1000px; margin-left: auto; margin-right: auto; clear: both; position: relative;   }
#container { width: 1000px; margin-left: auto; margin-right: auto;  position: relative;  padding: 0px;  }
#siteurl { width: 1000px; margin-left: auto; margin-right: auto; padding: 0px; margin-bottom: 10px; margin-top: 5px; font-family: "Century Gothic", Veranda; font-weight: 400;  font-size: 14px; }
#header {   width: 980px; padding: 0px; margin: 0px; }
#footer { padding: 20px; }
#sidebar {  border: 0px solid #999; font-style: italic; width: 240px; position: absolute; right: 0px; top: -132px; padding-left: 0px; }
#content { width: 745px; float: left; padding: 0px; padding-top: 20px;}

#links { background: #1f1f1f; margin: 0px; padding: 20px; }


#content.thinx{  width: 350px;}
#content.widecolumn { width: 960px; }

#bodytext { margin: 0px;}

#menu {  float: left; margin-top: 0px; }
#menu ul {  padding: 0px; margin: 0px; }
#menu li { float: left; list-style: none; position: relative;  padding: 0px; margin: 0px; width: 88px; height: 85px; overflow: hidden; background: url('/images/menu.png'); }
#menu li { background: url('images/menu.png');}
#menu li.item1 { background-position: 0px 0px;}
#menu li.item2 { background-position: -88px 0px;}
#menu li.item3 { background-position: -176px 0px;}
#menu li.item4 { background-position: -264px 0px;}
#menu li.item5 { background-position: -352px 0px;}
#menu li a { position: absolute; top: 0px; height: 85px; font-size: 12px; text-decoration: none; color: #ffffff; padding: 5px; padding-left: 200px; }
#menu li a:hover { background: url('images/menu.png'); }
#menu li.item1 a:hover{ background-position:   0px    -85px; }
#menu li.item2 a:hover { background-position: -88px -85px; }
#menu li.item3 a:hover{ background-position: -176px -85px; }
#menu li.item4 a:hover{ background-position: -264px -85px; }
#menu li.item5 a:hover{ background-position: -352px -85px; }

h1, h2, h3 {margin: 0px; }
h4, h5 {margin-top: 10px; margin-bottom: 5px; }
h1 { font-family: "Century Gothic", sans-serif, veranda; font-weight: 400;  font-size: 48px; }
h2 { font-family: "Century Gothic", sans-serif, veranda; font-weight: 400;  font-size: 28px; }
h3 { font-family: "Century Gothic", sans-serif, veranda; font-weight: 400;  font-size: 18px; padding: 5px; padding-left: 0px}
h4 { font-family: "Century Gothic", sans-serif, veranda; font-weight: 800;  font-size: 14px; margin-top: 20px; }
h5 { font-family: "Century Gothic", sans-serif, veranda; font-weight: 400;  font-size: 12px; font-style: italic;}


.error {background: #aa7777; padding: 10px; margin-bottom: 10px; }
.clear {    height: 1px; clear: both; }
.right { float: right;}
.textright { text-align: right;}

input.button { background-color: #999999; margin: 5px; padding: 2px; border: #999999; }

input.button:hover { cursor: pointer; background-color: #cccccc; margin: 5px; padding: 2px; border: #999999; }

p { margin-bottom: 5px;}
td, th, li, p { line-height: 1.5em;  }
td, th { vertical-align: top}

#container_footer a, #container_header a { color: #FFFFFF; text-decoration: none;  }

#container_header, #container_footer, #sidebar h3 { background: #404040;}

#container_header, .hline { border-bottom: 15px solid #666666;}

#container_footer { border-top: 15px solid #303030; }
#links { border-top: 15px solid #303030;}a { text-decoration: none; font-weight: 800; color: #fff; }

#sidebar a { margin-bottom: 5px;}
#sidebar a:hover { text-decoration: underline; }
#sidebar div.sidebarItem ul { padding: 0px; margin: 0px; margin-left: 30px; padding-top: 5px; }
#sidebar div.sidebarItem ul li ul { padding: 0px; margin: 0px; margin-left: 15px;}
#sidebar div.sidebarItem li { position: relative;  padding: 0px; margin: 5px; margin-left: 0px; color: #bbbbbb;}
#sidebar div.sidebarItem li a { color: #bbbbbb;}
#sidebar h3 { padding-left: 15px; }

div.footerItem {
    width: 200px;
    float: left;
    border: 0px solid #999;
    padding-right: 10px;
    color: #bbbbbb;
}

#container_footer div.footerItem  {  }
#container_footer div.footerItem ul {  padding: 0px; margin: 0px; }
#container_footer div.footerItem li { position: relative;  padding: 0px; margin: 5px; margin-left: 15px; color: #bbbbbb;}
#container_footer div.footerItem li a { color: #bbbbbb;}

#featured  { }
#featured ul {list-style: none; padding: 0px; margin: 0px; }
#featured li { list-style: none; position: relative;  padding: 0px; margin: 5px; margin-left: 15px; color: #bbbbbb;}
#featured li a { color: #bbbbbb;}
#featured li.hidden {  display:none;}

.hidden { display: none;}
#searchform  { height: 75px; overflow: hidden;} 
#searchform  input{ display: block; margin: 10px; }


/* POST STYLE */ 

div.post { position: relative;  padding: 0px; margin-bottom: 25px; border: 0px solid #404040; color: #ffffff; padding-bottom: 0px; }
div.post a { color: #ffffff; }
div.post h2 { color: #ffffff; font-size: 20px; padding: 10px; background: #404040; width: 658px }
div.post h2 a { font-weight: 400; color: #ffffff;}
div.post .entry, div.post .postmetadata { padding-left: 10px; padding-right: 10px;}
div.post .postmetadata { padding-bottom: 10px;}

h2.widgettitle {font-weight: 400;  color: #ffffff; font-size: 20px; padding: 10px; background: #404040; padding-left: 10px;   width: 100% }

.tfe { border: 0px; margin-left: 20px;}

.alignleft { float: left; }
.alignright { float: right; }
.navigation { padding-top: 0px; padding-bottom: 10px; }

h1 a { font-weight: 400; }


div.post table
{ 
	width: 690px; margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 20px;
}

div.post th 
{ 
	text-align: right; white-space: nowrap; padding: 5px;
}

div.post td { padding-left: 10px; vertical-align: middle; }


#content.widecolumn div.post h2 { width: 916px; }
#content.widecolumn div.post table { width: 936px; }
#content.widecolumn { width: 100%; }

#container { /*background: #777; #5f5f5f;*/}

.sidebarItem { background: #666;  margin-bottom: 15px; padding-bottom: 10px;}

#content { padding: 0px;}

#title { margin-left: 0px; padding-left: 0px; width: 750px;}


div.post h2 { background: #404040 url('images/welcome-icon.gif') no-repeat; padding-left: 50px;  }

div.entry { margin-bottom: 0px; padding-bottom: 0px;}


div.post.category-projects, div.post.category-facebook, div.post.category-open-gl, div.post.category-iphone { background: #908080}
div.post.category-robotics, div.post.category-bi-pet-1, div.post.category-quadru-pet-1, div.post.category-roombotics { background: #809080}
div.post.category-portfolio {background: #808090}


div.post.category-projects h2,div.post.category-facebook h2,div.post.category-open-gl h2,div.post.category-iphone h2 { background: #504040 url('images/projects-icon.gif') no-repeat; padding-left: 50px; width: 685px; }
div.post.category-robotics h2, div.post.category-bi-pet-1 h2, div.post.category-quadru-pet-1 h2, div.post.category-roombotics h2 { background: #405040 url('images/robotics-icon.gif') no-repeat; padding-left: 50px; width: 685px; }
div.post.category-portfolio h2 {background: #404050 url('images/portfolio-icon.gif') no-repeat; padding-left: 50px; width: 685px; }


div.post.category-projects.list h2 { background: #504040 url('images/projects-icon.gif') no-repeat; padding-left: 50px; width: 176px; }
div.post.category-robotics.list h2 { background: #405040 url('images/robotics-icon.gif') no-repeat; padding-left: 50px; width: 176px; }
div.post.category-portfolio.list h2 {background: #404050 url('images/portfolio-icon.gif') no-repeat; padding-left: 50px; width: 172px; }

div.post.list ul { list-style: none; margin-left: 5px; padding-left: 0px; margin-right: 5px; }
div.post.list li { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #555; }

div.post { background: #888;}

div.featured div.post {  margin-right: 12px;}
div.featured  div.post .entry { font-size: 12px;}
div.featured  div.post h2 { font-weight: 800; }
div.featured div.post h2 a { font-weight: 800; }

div.featured div.post.category-projects, div.featured div.post.category-facebook, div.featured div.post.category-open-gl, div.featured div.post.category-iphone { background: #908080}
div.featured div.post.category-robotics, div.featured div.post.category-bi-pet-1, div.featured div.post.category-quadru-pet-1, div.featured div.post.category-roombotics { background: #809080}
div.featured div.post.category-portfolio {background: #808090}

div.featured div.post.category-projects h2,div.featured div.post.category-facebook h2,div.featured div.post.category-open-gl h2,div.featured div.post.category-iphone h2 { background: #604040 url('images/projects-icon.gif') no-repeat; padding-left: 50px; width: 685px; }
div.featured div.post.category-projects h3,div.featured div.post.category-facebook h3,div.featured div.post.category-open-gl h3,div.featured div.post.category-iphone h3 { background: #604040; padding-left: 5px; width: 735px; }
div.featured div.post.category-robotics h2, div.featured div.post.category-bi-pet-1 h2, div.featured div.post.category-quadru-pet-1 h2, div.featured div.post.category-roombotics h2 { background: #406040 url('images/robotics-icon.gif') no-repeat; padding-left: 50px; width: 685px; }
div.featured div.post.category-robotics h3, div.featured div.post.category-bi-pet-1 h3, div.featured div.post.category-quadru-pet-1 h3, div.featured div.post.category-roombotics h3 { background: #406040; padding-left: 5px; width: 735px;}
div.featured div.post.category-portfolio h2 {background: #404060 url('images/portfolio-icon.gif') no-repeat; padding-left: 50px; width: 685px; }
div.featured div.post.category-portfolio h3 {background: #404060; padding-left: 5px; width: 735px; }
div.featured img { border: 0px;}

div.featured  h2 {  font-size: 12pt}
div.featured  h3 {  font-size: 12pt}
div.featured  .entry { font-size: 10pt; width: 100%}

div.post.category-projects.list h2 { width: 685px; }
div.post.category-portfolio.list h2 { width: 300px; }
div.post.category-robotics.list h2 {width: 300px;  }

.intro { font-size: 12px; font-style: italic; margin-left: 0px; width: 740px;}

.gallery { clear: both; margin-top: 20px; padding: 9px; }
.gallery-item { float: left; text-align: center; margin: 5px;}
.gallery img.attachment-thumbnail, img.size-thumbnail { border: 0px; padding: 0px;}
.cboxElement { border: 0px; }

#gallery-1 .gallery-item { width: 150px !important;}


#container_header
{
	height: 85px;
	width: 100%;
	z-index: 599;
}

#header 
{
width: 1000px;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
overflow-x: hidden;
overflow-y: hidden;
}


#container_footer 
{
	clear: both;
	margin-top: 20px;
	margin-right: 0pt;
	margin-bottom: 20px;
	margin-left: 0pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	width: 100%;
}
	
#footer 
{
	width: 940px;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;

	overflow-x: hidden;

	overflow-y: hidden;

	font-size: 8pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 8px;
	padding-left: 0pt;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
	
#links { border: 0px !important; margin: 0px !important;}