/* Site width */

#breadcrumbs, #content, #categories {width:600px;margin:0 auto;}
#content img, #content object {max-width:600px;}

/* Style */

a {color:#08c;border-bottom:1px solid #ccc;text-decoration:none;}

h1 a, h2 a {border-bottom:0;color:#222;}
h3 {font-size:1em;}
#breadcrumbs a {color:#fff;border-bottom:0;}
#breadcrumbs a:hover {border-bottom:1px solid #fff;}
a:hover {color:#222;}
body {-x-system-font:none;color:#444;font-family:"HelveticaNeue", Helvetica, Arial, sans-serif;font-size:100%;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.75;margin:0pt;padding:0;}
blockquote {color:#666;margin:1em 0pt;padding:0 1.5em;text-align:justify;border-left:1px solid #ddd;}
#ads {text-align:center;border:1px solid #dfdfdf;border-width:1px 0;}
#breadcrumbs {padding:0.5em 0;text-shadow:#666 1px 1px 0;font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif;text-transform:uppercase;letter-spacing:1px;}
#breadcrumbs b {font-weight:normal;}

::selection {
	background: #FF9B2C;
	color: #fff;
}

.btn {-webkit-appearance:button;padding:3px 8px;border:1px solid #999;-webkit-border-radius:2px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));}
#categories {list-style-type:none;}
#categories ul {list-style-type:none;margin:0;padding:0;-webkit-column-count:3;}
#categories ul.children {margin-left:1em;}
code {background-color:#F0F0F0;border:1px solid #999999;display:block;margin:1em 0pt;padding:0.25em;}
.commentbody {
display:inline;
}
#comments h4 {
display:inline;
}
#comments input {
vertical-align:top;
}
#comments li {
clear:left;
}
#comments div.commentbody > p:first-child {
display:inline;
margin-left:0.5em;
}
.commentlist {margin:0;padding:0 1.5em;}
}
dt {
font-weight:bold;
}
em {
font-weight:bold;
font-style:normal;
}
.post {margin-bottom:3em;}
.entry:first-child {border-top:0;}
strong {
background-color:#FFFFAA;
font-weight:normal;
padding:0.25em;
}


#footer {background:#eee;padding:1em;margin:1em 0 0;}

h1 {
color:#000;
font-size:1.25em;
font-weight:normal;
margin:0.4em 0pt 0pt;
}
h2 {
color:#222;
font-size:1.25em;
font-weight:normal;
}
.entry h2 {font-size:1.15em;}

h3 {
font-weight:normal;
margin-bottom:0.5em;
}
h3.date {
font-size:1em;
margin:0pt;
}
h4 {
font-weight:normal;
margin-top:0pt;
}
#header {background:url(http://ryskamp.org/misc/header-color.jpg);color:#fff;margin-bottom:2em;border-bottom:1px solid #ccc;}
hr {
background:transparent url(http://ryskamp.org/brain/images/hr.gif) no-repeat scroll 0pt 0pt;
border:0pt none;
height:15px;
margin:1em 0pt;
}
input, textarea {
border:1px solid #DFDFDF;
font-family:inherit;
font-size:1em;
padding:4px;
}
input#author {
width:10em;
}
input#text {
width:40em;
}
#iteminfo {
color:#999999;
font-size:0.9em;
font-weight:normal;
margin:0pt 0pt 2em;
}
#iteminfo a {
color:#999999;
}
.iteminfo {
color:#666666;
font-size:0.9em;
font-weight:normal;
margin:0pt;
}
.menu li {
float:left;
}
.menu input {
position:absolute;
right:1em;
top:0.65em;
}
#morecategories {
background:#EEEEEE none repeat scroll 0% 0%;
border-top:1px solid #CCCCCC;
}
#morecategories td {
padding:0pt 1.5em 1em;
vertical-align:top;
}
#morecategories ul {
list-style-type:none;
margin:0pt;
padding-left:0pt;
}
#morecategories li {
margin:0.5em 0pt;
}
.noticed {
background:#eee;
padding:1px 1em;
border-bottom:1px solid #fff;
}
.productimage {
float:right;
margin:0pt 0pt 1em 1em;
}
#postcomment {
clear:left;
margin:1em 0pt;
white-space:nowrap;
}
p textarea {
display:block;
height:10em;
margin:0pt 0pt 1em;
width:100%;
}
.postmetadata {font-size:0.8em;color:#ccc;margin-top:0;}
.postmetadata a {color:#ccc;border-bottom:0px solid #ccc;}
.postmetadata a:hover {color:#999;border-bottom:1px solid #ccc;}
p, ul, ol, dl {
line-height:1.75em;
margin:1em 0 0 0;
text-align:left;
}
p img, ul img, ol img, dl img {
background:#FFFFFF none repeat scroll 0% 0%;
border:1px solid #CCCCCC;
margin:5px 10px;
padding:5px;
}
li {
margin:1em 0pt;
}
#relatedtable td {
padding-left:0pt;
padding-right:2em;
}
small a {
color:#FFFFFF;
}
small a:hover {
color:#666666;
}
strong {
background-color:#FFFFCC;
font-weight:normal;
padding:3px 4px;
}
div img, p img {
background-color:#FFFFFF;
border:1px solid #999999;
margin:5px;
padding:3px;
}
#alldesigns {
background:#FFFFFF none repeat scroll 0% 0%;
margin:auto;
width:800px;
}
.button {
border-style:solid;
border-width:1px 2px 2px 1px;
font-weight:bold;
height:2em;
padding:0.5em 1.5em;
text-align:center;
text-decoration:none;
}
.button:active {
border-width:2px 1px 1px 2px;
}
.category {
float:left;
margin:0pt;
padding:1em 0pt 0pt;
text-align:center;
width:33%;
}
.category h2 {
font-size:1.5em;
margin:0pt;
}
.category ul {
list-style-type:none;
margin:0pt auto;
padding:0pt;
text-align:left;
}
.category li {
background:transparent none repeat scroll 0% 0%;
margin:0pt;
padding:0pt;
text-align:center;
}
.category a {
-x-system-font:none;
color:#666666;
cursor:pointer;
display:block;
font-family:'Trebuchet MS','Verdana';
font-size:1.15em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:1em auto 0pt;
padding:1em;
text-decoration:none;
width:200px;
}
.category a:hover {
background:#EEEEEE none repeat scroll 0% 0%;
}
.category img {
display:block;
margin:0pt auto 0.5em;
width:175px;
}
.category a:hover img {
border:1px solid #990000;
}
#digital {
border-color:#CCCCCC;
border-style:solid;
border-width:0pt 1px;
}
#digital a {
border:0px solid #EEEEEE;
}
#digital a:hover {
border:0px solid #666666 !important;
}
#featuredimage {
background-color:#FFFFFF;
background-position:50% 50%;
background-repeat:no-repeat;
border:1px solid #CCCCCC;
height:280px;
margin:5px;
width:550px;
}
#description, #images {
margin:auto;
}
#description {
clear:left;
}
.launcher {
margin:0pt;
padding-top:2em;
text-align:center;
text-indent:0pt;
}
.play {
background-color:#33CC33;
border-color:#339933;
color:#FFFFFF;
}
.play:hover {
background-color:#4EDD4E !important;
}
#quotes {
background:#F6F6F6 none repeat scroll 0% 0%;
border:1px solid #CCCCCC;
clear:right;
float:right;
margin:0pt 0pt 1em 1em;
padding:1em;
width:200px;
}
#quotes p {
margin-bottom:0pt;
}
#thumbnails {
margin-bottom:2em;
width:550px;
}
#thumbnails img {
cursor:pointer;
float:left;
height:50px;
}
#thumbnails img:hover {
border:1px solid #990000;
}
#thumbnails img:active {
border:1px solid #000000;
}