/*
THEME NAME: Satori Web Site
THEME URI: http://www.satoriwebdesign.com/wp-content/themes/satori
DESCRIPTION: Custom theme for Satori Web Site
VERSION: 1
AUTHOR: Terry Ambrose
AUTHOR URI: satoriwebdesign.com
TAGS: satori, custom, developer
COLOR PALATE: #000066 - dark blue; #B9B9FF - light blue; #CCCCCC - gray

*/
/* suckerfish menu css*/
#suckerfishnav {
    background:#000066;
    font-size:13px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#cccccc;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:13px;
    color:#ffffff;
    }
#suckerfishnav li ul ul {
    margin:-22px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#99CCFF;
    }
#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:#000066;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#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:#ffffff;
    }
#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:#bbb;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#006699;
    }
/* end suckerfish menu css */

#searchform{
    color:#000066;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
}


body{
	padding:0;
	margin:0 auto;
	width:auto;
	background-color: #000066;
}


div#access{
    border-left:2px groove #000066;
	border-right:2px groove #000066;
}

ol.commentlist{
    padding:10px;
    font-family: Georgia,Arial;
	font-weight: normal;
	font-size:13px;
	color:#000066;

}
ol.commentlist a:link, a:visited{
    color:#000066;
}
ol.commentlist a:hover{
    color:#CCCCCC;
}


p.postmetadata{
    font-family: Arial;
	font-weight: normal;
	font-size:14px;
	color:#000099;
}
p.postmetadata a:link{
    color: #009999;
}
p.postmetadata a:visited{
    color: #009999;
}

p.postmetadata a:hover{
    color: #000099;
}

#blog-address{
    font-family: Palatino, Georgia, Arial;
	font-size:16px;
	letter-spacing:2px;
	font-weight:bold;
	color:#CCCCCC;
	float:right;
}

#blog-contact{
    font-family: Palatino, Georgia, Arial;
	font-size:18px;
	letter-spacing:2px;
	font-weight:bold;
	color:#CCCCCC;
}

#blog-contact a:link{
    color:#CCCCCC;
}

#blog-contact a:visited{
    color:#CCCCCC
}

#blog-contact a:hover{
    color:#FFFFFF;
}


#blog-description{
    font-family: Palatino, Georgia, Arial;
	font-size:18px;
	letter-spacing:2px;
	font-weight:bold;
	color:#CCCCCC;
}

#blog-subscribe{
    font-family: Palatino, Georgia, Arial;
	font-size:14px;
	letter-spacing:2px;
	font-weight:bold;
	color:#CCCCCC;
}


#blog-title{
    font-family: Palatino, Georgia, Arial;
	font-size:24px;
	letter-spacing:3px;
	font-weight:bold;
	color:#CCCCCC;
}

#blog-title a:link{
    color:#CCCCCC;
}

#blog-title a:visited{
    color:#CCCCCC;
}

#blog-title a:hover{
    color:#FFFFFF;
}
/*
#pages a {
	color: #CCCCCC;
	font-size: 12px;
	font-family: Arial;
	font-variant: small-caps;
	font-weight:bold;
	padding: 2px;
	background-color: #000066;
	border: 3px outset #CCCCCC;
	display:block;
	text-align:center;
	text-decoration:none;
}

#pages a:hover {
	background-color: #CCCCCC;
	border: 3px outset #000066;
	color: #000066;
	text-decoration:none;
}

.pages {
	width:150px;
}
*/
#pages a {
	color: #CCCCCC;
	font-size: 14px;
	line-height:20px;
	height:24px;
	font-family: Arial;
	font-variant: small-caps;
	font-weight:bold;
	padding: 2px;
	background-color: #003366;
	border: 3px outset #FFFFFF;
	display:block;
	text-align:center;
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff003366',EndColorStr='#ff009999');
}

#pages a:hover {
	cursor:hand;
	pointer:hand;
	background-color: #006699;
	color: #FFFFFF;
	border: 3px inset #941E1E;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ff003366',EndColorStr='#ff006699');
}
.pages {
	width:165px;
	height:24px
}


div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#CCCCCC;
height:20px;
margin:0px;
width:700px;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

div#page{
    width:800px;
	margin:0 auto;
	height:100%;
	min-height:550px;
	background-color:#FFFFFF;
}

div.posttitle{
    font-family: Georgia,Arial;
	font-weight: bold;
	font-size:16px;
	color:#000066;
	padding:10px;
}
.posttitle a:link, a:visited{
    color: #000066;
}
.posttitle a:hover{
    color: #CCCCCC;
}

div#wrapper{
	width:700px;
	text-align:left;
	margin: 0 auto;
}


.entry-title,.entry-meta {
clear:both;
}

.headerborderlink, .headerborderlink a, .headerborderlink a:visited {
    color:#000066;
	font-size:12px;
	font-family:Arial;
}

.headerborderlink a:hover{
    color:#FFFFFF;
}


.post, .post a{
    font: "Palatino Linotype", Verdana, Arial;
	color:#000066;
}

.post a:hover{
    color:#CCCCCC;
}


.entry{
   	font-size: 14px;
	font-weight:normal;
}

.entry a{
    color:#000066;
}

.entry a:hover{
    color:#CCCCCC;
}


.xoxo{
    font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	color:#000066;
	text-decoration:none;
}

.xoxo a:link{
    color:#000066;
	text-decoration:none;
}

.xoxo a:visited{
    color:#000066;
	text-decoration:none;
}

.xoxo a:hover{
    color:#FFFFFF;
	text-decoration:none;
}

div#container{
	height:100%;
	border-left:3px inset #669999;
	border-right:3px inset #669999;

}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

div.alignright{
	float:right;
	text-align:right;
}

div.alignleft{
	float:left;
	text-align:left;
}

.alignleft, .alignright{
    color:#B9B9FF;
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
}

.alignleft a, .alignright a{
    color:#B9B9FF;
}

.alignleft a:hover, .alignright a:hover{
    color:#CCCCCC;
}

img.alignright{
float:right;
position:relative;
margin:0px;
}

img.alignleft{
position:relative;
float:left;
margin:0px;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

.hfeed{
    background-color: #FFFFFF;
}


div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#footer {
	padding-top:20px;
	text-align:center;
	vertical-align:bottom;
}
p.footer{
    font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	color:#000066;
}
p.footer a:link, a:visited{
    color:#000066;
}
p.footer a:hover{
    color:#CCCCCC;
}


div#header{
    text-align: left;
	background-color: #000066;
	height:150px;
	border-top:2px solid #CCCCCC;
	border-left:2px solid #CCCCCC;
	padding-right:5px;
	border-right:2px solid #CCCCCC;

}

div#headerborder1{
	background-color:#CCCCCC;
	height:20px;
	width:180px;
	position:relative;
	top:0px;
}

div#headerborder2{
	float:right;
	background-color:#CCCCCC;
	width:620px;
	height:20px;
	position:relative;
	top:0px;
	left:0px;
}

div#logo{
    float:left;
	padding-right:20px
}

#logo-image-tag{
	height:150px;
	border: none;
	padding-right: 20px;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

div#container {
float:right;
margin:0 0 0 -200px;
width:100%;
background-color:#FFFFFF;
}
/*
#pages a {color: #FFFFFF; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-variant: small-caps;font-weight:bold; padding: 2px; background-color: #000066; border: 3px outset gray; display:block; text-align:center}
#pages a:hover {background-color: tan; color: #006666; border: 3px inset gray }
.pages {width:180px;}
*/
div#content {
margin:0 0 10 200px;
padding:20px;
}

div.sidebar {
float:left;
padding-top:0px;
padding-left:5px;
padding-right:5px;
padding-bottom:17px;
min-height:350px;
margin-right:20px;
overflow:hidden;
width:165px;
vertical-align:top;
background-color:#CCCCCC;
border-bottom:3px inset #669999;
border-right:3px inset #669999;
}

div#primary {
	margin-top:0px;
	}

div#secondary {
clear:left;
}

div#footer {
clear:both;
width:100%;
background-color:#FFFFFF;
}