/*
Theme Name: SS2
*/

@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic);


* { margin:0px; padding:0px; }
html { background:#f2f2f2 url("side.png") repeat-y;}
body {font:80%/150% Arial, sans-serif; color:#333;}

.hide {display:block; width:0px; height:0px; overflow:hidden; margin:0px; padding:0px;}
hr {display:none;}

.align_left { float:left; margin:5px 15px 10px 0px; }
.align_right { float:right; margin:5px 0px 10px 15px; }

#searchform { position:absolute; left:173px; top:20px;}
#s { width:350px; padding:8px; background:#fff url("search.png") repeat-x; border:none; border:1px solid #444; height:14px; height:15px; position:absolute; }
#searchsubmit { padding: 9px; color:#fff; font-size:.8em; background: #333; font-weight:bold; border: 1px solid #333; width:50px; height:33px; position:absolute; left:368px;}
#searchsubmit2 { padding: 9px; color:#fff; font-size:.8em; background: #333; font-weight:bold; border: 1px solid #333; width:50px; height:33px; position:absolute; left:538px;}
#searchsubmit:hover, #searchsubmit2:hover {background:#444; cursor:pointer;}
h2, h3 {text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
letter-spacing:-1px; color:#444; }
h2 a, h2 a:visited,
h3 a, h3 a:visited { color:#444; }
		
a, a:visited { text-decoration:none; color:#444; }
a:hover, a:active { text-decoration:underline; color:#000; }
		
p { margin:10px 0px 10px 0px;  }
img { border:none; margin:3px 0px 3px 0px; }
blockquote { margin-left:40px; font-style: oblique; font-size:1.1em; font-family:georgia, serif;}

p#info { position:absolute; right:20px; top:10px; font-size:1em; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }
p#back 	{ position:absolute; left:173px; top:10px; font-size:1em; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }
p#back-to-top { position:fixed; right:15px; bottom:5px; font-size:1em; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); background:#f2f2f2; padding:5px;}

#container {  width:960px; padding-top:70px; padding-bottom:10px;}
#container h1 a,
#container h1 a:visited { background:transparent url("logo.png") no-repeat; 
width:150px; height:120px; position:fixed; display:block;  z-index:9991;  top:0px;  cursor:pointer; }
#container h1 a:hover { background:transparent url("logo-hilight.png") no-repeat;}

#container h1 span { text-ident:-9999px; display:block; margin:0px; padding:0px; width:0px; height:0px; overflow:hidden; }
#container .post { margin-left:170px; width:650px; margin-bottom:70px;}
#container .post .large_image { margin-left:-150px;}
#container .post .large_image small { margin-left:150px;}
#container .post p a,
#container .post p a:visited { text-decoration:underline; font-weight:bold;}
#container .post p a:hover { text-decoration:none;}
#container .post img { background:#fff; box-shadow: 1px 2px 3px #999;
-moz-box-shadow: 1px 2px 3px #999;
-webkit-box-shadow: 1px 2px 3px #999;}
		
#container h2 { margin:30px 0px 10px 0px; font:1.9em/1.3em 'Cantarell', Arial, sans-serif; text-transform:uppercase;  color:#333;}
#container h2 a:hover { text-decoration:none; border-bottom:3px solid #000;}

#container h2#respond,
#container h3#comments { margin-top:100px;}
#container h3 { font:1.8em/1.3em 'Cantarell', Arial, sans-serif; text-transform:uppercase; color:#333; }

#container ul { margin-left:50px;}

.navigation {width:635px; text-align:center; margin:0px 0px 0px 0px; height:100px;}
.navigation2 {width:635px; margin:20px 0px 30px 0px;  text-align:center;  font-weight:bold; font-family: Arial, Helvetica, sans-serif !important;}
.navigation2 a, .navigation2 a:visited, .navigation2 a:hover { margin:0px;  font-weight:bold;}

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

.commentlist {width:635px; padding:0px 14px 0px 0px; margin:10px 0px 0px 0px; text-align:left;}
.message {font-size:.9em; }
#commentform label {  margin-left:5px;  font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.comment {padding:25px 0px 10px 0px; line-height:1.5em; }
cite  {font-size:1.4em; font-style:normal; font-weight:bold; margin:0px;  font-family: Arial, Helvetica, sans-serif;}
.avatar {/* float:right;  margin:3px 0px 5px 10px; border:1px solid #000 !important; */ position:absolute; left:50px; 
box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important;}

.meta { font-size:.9em; color:#444; margin-top:-5px; font-weight:bold;  }
.meta a, .meta a:visited { text-decoration:none !important; }
.meta a:hover { text-decoration:underline !important; }

	
.textarea, .textinput {font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:1em; color:#333; margin-top:10px; }
.textarea {width: 575px; height: 150px; background:#fff; padding: 10px; border:none; border: 1px solid #333;}
.textinput {padding:8px; width:200px; background:#fff; border:none; margin-top:-20px; border: 1px solid #333; color:#333;}
#submit {padding: 10px; color:#fff; font-size:.8em; background:#222; font-weight:bold; border: 1px solid #333; width:217px;}
#submit:hover { color:#444; cursor:pointer;}