/*  
Theme Name: Simpler Bob
Theme URI: http://www.blogohblog.com/
Description: Simple eh? This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer.
Version: 1.0
Author: Bob 
Author URI: http://www.blogohblog.com/
*/
* {margin: 0; padding: 0;}	

form {margin: 0; padding: 0;}
h1 {font-size: 19px; color: #858383;}
h2 {font-size: 16px; line-height: 20px; color: #666666;}
.h2 {font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size: 1em; color: #312E2E; font-weight: bold;}
h3 {font-size: 15px; color: #656565;}
h4 { font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: normal; font-style: italic; color: #888; padding: 7px 10px 0px 10px;}

html, body {background: #fff url(images/headerbg.gif) repeat-x left top; margin: 0px; padding: 0px; text-align: center;}
body, tr, td {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
a:link,a:visited,a:active {color:#00749E; text-decoration: none;}
a:hover	{color:#000000; text-decoration: underline;}
a, img {
border: none;
margin: none;
padding: none;
outline: none;
}

.entry a img {
border: none;
}

#wrap {width: 980px; border-right: 0px solid #ccc; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px;}
#header {width: 980px; height: 50px; text-align: right; margin: 0px auto;padding: 0px;}
#logo {float: left; width: 610px; margin-top: 20px;} 
#logo h1 { text-indent: -10000px; padding: 0px; margin: 0px; } 
#logo h1 a { display: block; background: url(images/logo.gif) no-repeat; height: 30px;}
#middle {clear: both; width: 980px; margin-top: 0px;}
#left {width: 800px; margin-top: 25px; margin-left:auto;margin-right:auto;}

.entry {width: 800px; background: #fff; margin-bottom: 10px;}
.entry p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; line-height: 18px; color: #000000; padding: 10px 10px 10px 10px;}
.entry h2 { font-family: Arial, Helvetica, sans-serif; line-height: 18px; font-size: 1.1em; color: #898585; font-weight: bold; padding: 20px 10px 0 0px;}
.entry h4 { margin-bottom:15px;}
.entry li {margin-left: 25px;}
.entry img {border:1px solid #999;}
.entry2 p {font-size:11px;}

.post  ul, 
.post  ol {
	padding-bottom:0px;
}
.post ul li, 
.post ol li {
	list-style-position:inside;
	padding-left:20px;
        padding-bottom:10px;
}

.navi {padding-top: 20px; padding-bottom: 25px; font-size: .8em; text-align:center;}

.gallery-caption {color:ffffff; }
.sya_container li {margin-top: 5px; }
.caption p {font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 16px; color: #000000; padding: 10px 15px 10px 15px;}

div.formto {width:98%; margin:1%; margin-left:auto; margin-right:auto;}
table#table1 {text-align:center; margin-left:auto; margin-right:auto; width:300px;}
tr,td {text-align:left;}

.navigation {text-align:center; margin-top: 10px; margin-left: 10px; font-size: 11px; font-style: italic;}
.navigation a {color:#999999; text-decoration: none;}

.alignright { float: right; }
.alignleft { float: left; }

blockquote { margin: 15px 30px 0 50px; padding-left: 10px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

.commentbox { margin: 3px 15px 0px 15px; }
.comments h3 { font-size: 14px; padding: 3px 0px; margin: 30px 15px 3px 15px; text-decoration:underline;}
.gcomment { border-left: none; vertical-align:middle; border-right:none; margin-bottom:3px; padding:3px; background-color:#FFFFFF; font-size: .9em; text-transform: lowercase;}
.ucomment { border-left: none; border-right:none; margin-bottom:3px; border-bottom: 1px solid #f3f3f3; padding:10px; background-color:#eeeeee; font-size: .9em;}
.comment-input-text { height:20px; background: #ffff99; margin-bottom: 5px;}
.submit-input-text { margin-bottom: 5px;}
ol.commentlist { padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}

#footerbox { clear:both; background: #FFF url(images/footerbg.gif) repeat-x left top; width: 100%; background-color: #312E2E; margin: 0px auto; text-align: center;}
#footerpad { clear:both; width: 980px; padding-top: 5px; margin: 0px auto; text-align: left;}
#footer { clear:both; width: 980px; padding: 20px 0px 5px 0px;}
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #8E8C8C;}
#footer a:link, #footer a:active, #footer a:visited { color: #C3C2C2; text-decoration: none;}
#footer a:hover { color: #00749E; text-decoration: underline;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* Suckerfish Menu */

#suckerfishnav {
    background:#fff repeat-x;
    font-size:13px;
    font-family:verdana,sans-serif;
    font-weight:normal;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    border:none;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#333;
    text-decoration:none;
    padding:0px 20px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:141px;
    font-weight:normal;
    margin-left:20px;
    line-height:1;
    border:0;
    border-top:1px solid #ccc;
    }
#suckerfishnav li li {
    width:139px;
    height:27px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    font-weight:normal;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:13px;
    color:#333;
    }
#suckerfishnav li ul ul {
    margin:-22px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#eee;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#666;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#333;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#ddd;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#fff;
    }