/************************************************************************
#  BASICS
*************************************************************************/
*{
font-family: Arial, sans-serif;
}

body{
font-size: 12px;
color: #77756F;
background: #F8F8F8;
}

.Clear,
.clear {
clear: both;
}

.left,
.Left{
float:left;
}

.right,
.Right{
float:right;
}

.center,
.Center{
text-align:center;
}

.Entry h1,
.page h1{
font-size: 21.6px;
}

.Entry h2,
.page h2{
font-size: 20.4px;
}

.Entry h3,
.page h3{
font-size: 19.2px;
}

.Entry h4,
.page h4{
font-size: 18px;
}

.Entry h5,
.page h5{
font-size: 16.8px;
}

.Entry h6,
.page h6{
font-size: 15.6px;
}

a:link,
a:visited{
color: #77756F;
text-decoration: none;
}

a:hover{
color: ;
}

#content-inner p {
margin-bottom: 10px;
}

/* Begin Images */
.post img{
display:block;
margin:0 auto;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
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;
}

.aligncenter{
display:block;
margin:0 auto;
}
/* End Images */
/************************************************************************
#  END BASICS
*************************************************************************/



/************************************************************************
#  HORIZONTAL STRUCTURE
*************************************************************************/
.ImageCollection {
position: absolute;
left: 350px;
}

object {
outline: none;
}

#wrapper{
background: #222222;
width:900px;
margin:0 auto;
}

#content-wrapper{
}

#header-container{
float: left;
position: relative;
background: #222222;
}

#header{
}

/************************************************************************
#  END HORIZONTAL STRUCTURE
*************************************************************************/



/************************************************************************
#  NAVIGATION
*************************************************************************/
#navigation-container{
width: 200px;
height: 100%;
position:relative;
z-index:5000;
background: #222222;
float:left;
}

#navigation-inner {
padding: 0 0 10px 0;
}

#navigation-extended{
display:none;
}

#navigation {
position: relative;
z-index: 5000;
float:left;
background: url('images/1pxbg.png') bottom right no-repeat;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}

#nav a{
display:block;
padding-left: 15px;
width:185px;
text-decoration:none;
background:none;
font-size: 19px;
line-height: 2.2em;
color: #CCCCCC;
}

#nav a:hover{
background:none;
color: #FFFFFF;
}

#nav li{
float:left;
position:relative;
clear:left;
}

#nav ul {
position:absolute;
left:190px;
top:10px;
display:none;
width:190px;
background: #222222;
}

#nav li ul a{
height:auto;
float:left;
width: 175px;
line-height: 2em;
font-size: 14.63px;
height: 2em;
}

#nav ul ul{
top:auto;
margin:-1px 0 0 0;
}

#nav li ul ul {
right:190px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
/************************************************************************
#  END NAVIGATION
*************************************************************************/


/************************************************************************
#  SEARCH FORM
*************************************************************************/
#search-form{
padding:30px 0 0 0;
clear:both;
}

#search-form #searchform .screen-reader-text{
display:none;
}

#search-form #searchsubmit{
height: 22px;
width: 22px;
text-indent: -9999px;
font-size:1px;
border: none;
background: url("images/search.png") no-repeat center;
}

#search-form input#s{
float: left;
width: 120px;
border: none;
padding: 2px 5px;
border: 1px #CCCCCC solid !important;
position: relative;
top: 2px;
font-size: 12px;
margin:0 0 0 15px;
}
/************************************************************************
#  END SEARCH FORM
*************************************************************************/



/************************************************************************
#  TWITTER
*************************************************************************/

/* Strip Twitter widget */
.twtr-hd, .twtr-ft{
display: none;
}

/* Hover fix */
#twitter-link{
padding-bottom: 10px;
}

/* Fix twitter font sizes */
#twitter p{
font-size: 11px;
}

#twitter-if-in-content{
display:none;
}

#twitter-wrapper{
position:relative;
margin:0 0 0 15px;
padding:8px 0 0 0;
font-size:12px;
top:1px;
width: 54px;
}

#twitter-container{
}

#twitter-container ul{
list-style:none;
padding:0;

}

#twitter-container ul li{
float:left;
width:18px;
}

#twitter-container ul li ul {
clear: both;
position: absolute;
left: -999em;
z-index: 5000;
margin-left: -36px;
width: 350px;
line-height: 16px;
height: 80px;
top:30px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
}

#twitter-container li ul li {
clear:both;
}

#twitter-container li ul li:hover {
border-style: none;
}

#twitter-container li:hover ul ul,
#twitter-container li:hover ul ul ul,
#twitter-container li.sfhover ul ul,
#twitter-container li.sfhover ul ul ul {
left: -999em;
}

#twitter-container li:hover ul,
#twitter-container li.sfhover ul {
left: auto;
}

#twitter-container li li:hover ul,
#twitter-container li li.sfhover ul {
}iner li li.sfhover ul {
}

/* --TWITTER DROPDOWN BOX START-- */
#twitter{
padding:7px 10px;
height: 66px;
text-transform:none;
width:330px;
background: #FFFFFF;
color: #77756F;
position:absolute;
left:0;
font-size:12px;
}

#twitter-logo{
}

#twitter .twitter-link{
clear:both;
}

#twitter .twitter-clear{
clear:both;
height:7px;
}

#twitter .twitter-date{
padding:0 5px 0 0;
}

#twitter .twitter-timestamp{
padding:0 0 0 5px;
border-left: 1px solid #77756F;
}

#twitter a:link,
#twitter a:visited{
color: #77756F;
}

#twitter a:hover {
color: #77756F;
}
/* --TWITTER DROPDOWN BOX END-- */
/************************************************************************
#  END TWITTER
*************************************************************************/




/************************************************************************
#  POST
*************************************************************************/
.Post {
background: #FFFFFF; /* needed for iphone */
}

.Post .ITDRScrollPaneTrack {
background: #F8F8F8;
width: 15px;
}
.Post .ITDRScrollPaneButton {
position: relative;
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.sm.btn.back.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") repeat-y;
}
.Post .ITDRScrollPaneButton * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Post .ITDRScrollPaneButton1 {
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.sm.btn.1.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") top center no-repeat;
}
.Post .ITDRScrollPaneButton2 {
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.sm.btn.2.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") center center no-repeat;
}
.Post .ITDRScrollPaneButton3 {
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.sm.btn.3.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") bottom center no-repeat;
}

.Post {
padding: 0 25px 0 25px;
clear: both;
float: left;
position: relative;
}

.EntryTag {
color: #505050;
position: relative;
margin: 50px 0 0 0;
float: left;
text-align: center;
}

.EntryTagMonth{
color: #000000;
text-transform: uppercase;
font-size: 26px;
}

.EntryTagDay{
color: #000000;
margin: -10px 0 0 0;
font-size: 38px;
}

.EntryTagYear{
color: #000000;
margin: -6px 0 0 0;
font-size: 14px;
}

.TitleCategory {
float: left;
margin: 50px 0 0 15px;
padding: 0 0 35px 0;
}

.Post .Title h2,
.Post .Title h2 a,
.Post .Title h2 a:link,
.Post .Title h2 a:visited {
font-size: 30px;
line-height: 30px;
color: #505050;
text-decoration: none;
}

.Category {
margin: 5px 0 0 0;
}

.Category a,
.Category a:link,
.Category a:visited {
color: #999999;
font-size: 12px;
text-decoration: none;
}

.Category a:hover {
color: #993300;
}

.EntryContentBodyWrapper {
position:relative;
clear: both;
}

.EntryContentBody {
padding: 0 20px 0 0;
color: #77756F;
font-size: 12px;
text-decoration: none;
line-height: 1.6em;
}

.Post p {
margin:0 0 15px 0;
}

.Post strong{
font-weight: bold;
}

.Post em{
font-style: italic;
}

.Entry a:link,
.Entry a:visted,
.Entry a:hover{
text-decoration: underline;
}

.PageTitleCatgory{
float: left;
width: 300px;
}

/************************************************************************
#  END POST
*************************************************************************/




/************************************************************************
#  PAGE
*************************************************************************/
.Page .EntryTagMonth,
.Page .EntryTagDay{
display:none;
}
/************************************************************************
#  END PAGE
*************************************************************************/





/************************************************************************
#  COMMENTS
*************************************************************************/
.PostMetaData{
}

.PostMetaDataInner{
}

.CommentsTitle{
font-size:24px;
color: #505050;
}



.CommentsActions {
padding: 0 0 35px 0;
}

.CommentsActions .Link{
cursor: pointer;
visibility: hidden;
display: block;
float: left;
margin: 5px 0 0 0;
color: #999999;
font-size:12px;
line-height:12px;
}

.CommentsActions .LinkOne{
padding-right: 5px;
}

.CommentsActions .LinkTwo{
padding-left: 5px;
border-left:1px solid #77756F;
}

.CommentsActions .LinkOne:hover {
color: #993300 !important;
}
.CommentsActions .LinkTwo:hover {
color: #993300 !important;
}

ul.commentlist{
}

ul.commentlist .comment-author img{
display:none;
}

ul.commentlist .comment-author,
ul.commentlist .comment-meta,
ul.commentlist p,
ul.commentlist a:link,
ul.commentlist a:hover,
ul.commentlist a:visited,
ul.commentlist .reply{
color: #77756F;
}

ul.commentlist .comment-author,
ul.commentlist .comment-author cite,
ul.commentlist .comment-author a:link,
ul.commentlist .comment-author a:hover,
ul.commentlist .comment-author a:visited{
font-size:14px;
font-weight:bold;
}

ul.commentlist .comment-author{
margin:0 25px 0 0;
}

ul.commentlist .comment-author a{
text-decoration:underline;
}

ul.commentlist .comment-meta{
padding:2px 0 7px 0;
}

ul.commentlist p,
ul.commentlist .comment-meta a{
margin: 0 25px 0 0;
}

ul.commentlist .reply,
ul.commentlist .reply a{
margin: 0 25px 10px 0;
padding: 5px 0 0 0;
}

.respond{
}

.respond .cancel-CommentReply{
}

.respond input,
.respond textarea{
padding:4px;
margin:0 0 10px 0;
border: 1px solid #222222;
background:none;
color: #77756F;
font-size: 12px;
}

.respond .label-container{
position:relative;
}

.respond .label-container label{
position:absolute;
top:4px;
padding:0 0 0 10px;
}

.respond input.submit{
background:none;
color: #77756F;
}

.respond #contact-failed,
.respond #contact-success{
padding:7px;
border: 1px solid #222222;
margin:0 0 10px 0;
}
/************************************************************************
#  END COMMENTS
*************************************************************************/




/************************************************************************
#  FOOTER
*************************************************************************/
#footer{
background: #222222;
position: relative;
height:200px;
clear:both;
}

#entry-navigation,
#entry-navigation a:link,
#entry-navigation a:visited{
font-size:14px;
margin-top:45px;
color: #CCCCCC;
}

#entry-navigation a:hover{
color: #FFFFFF;
}

#footer-title{
font-size: 24px;
color: #CCCCCC;
padding:0 0 15px 0;
text-align:center;
}

#footer-info{
width: 100%;
position:absolute;
bottom:45px;
text-align:center;
font-size:12px;
z-index:9999999;
}

#footer-info,
#footer-info a:link,
#footer-info a:hover,
#footer-info a:visited{
color: #CCCCCC;
}

.Left {
padding-left: 30px;
}

.Right {
padding-right: 30px;
}

/************************************************************************
#  END FOOTER
*************************************************************************/




/************************************************************************
#  SCROLL BAR
*************************************************************************/

#main-site-scroll .ITDRScrollPaneTrack {
background: #F8F8F8;
height: 35px;
}
#main-site-scroll .ITDRScrollPaneButton {
position: relative;
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.lg.btn.back.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") repeat-x;
}
#main-site-scroll .ITDRScrollPaneButton * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#main-site-scroll .ITDRScrollPaneButton1 {
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.lg.btn.1.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") left center no-repeat;
}
#main-site-scroll .ITDRScrollPaneButton2 {
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.lg.btn.2.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") center center no-repeat;
}
#main-site-scroll .ITDRScrollPaneButton3 {
background: url("http://derrickrice.com/blog/perilla-blog-gateway.php?action=image_colorize&effect=replace&image=sb.lg.btn.3.png&color=003399,33ff00,ffff00&to=F8F8F8,999999,FFFFFF") right center no-repeat;
}

/************************************************************************
#  END SCROLL BAR
*************************************************************************/





/************************************************************************
#  WP-PAGENAVI PLUGIN
*************************************************************************/
#wrapper .wp-pagenavi {
clear: both;
text-align:center;
}

#wrapper .wp-pagenavi a,
#wrapper .wp-pagenavi span {
text-decoration: none;
padding: 0px 2px;
font-size: 14.4;
border:none;
}

#wrapper .wp-pagenavi a:hover,
#wrapper .wp-pagenavi span.current {
font-size: 14.4;
}

#wrapper .wp-pagenavi span.current {
font-size: 14.4;
font-weight: bold;
}

#wrapper .wp-pagenavi .pages{
display:none;
}
/************************************************************************
#  END WP-PAGENAVI PLUGIN
*************************************************************************/