/*
Theme Name: Restart, Refresh, Reboot
Author: Mae Paulino
Author URI: http://tech-hive.com
*/

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
header, footer, nav, section, article { display:block}
a { color:#F00; -webkit-transition-duration:2s; }
a:hover, a:active, a:focus { text-decoration:none; color:#900; -webkit-transition-duration:1s; }
a[name] { color:#444; }
pre { overflow:auto; }
sup { font-size: 72%; margin-bottom: 5px; } 
input, textarea { border:1px solid #CCC; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; font-size:115%; padding:3px; color:#777; }
input[type="submit"] { font-size:85%; height:25px; cursor:pointer; color:#000; }
pre, code { background:#EEE; font-family:Monospace; font-size:90%; padding:3px 5px; }
pre { padding:10px; }
.alignright { float:right; margin:0 0 10px 10px; }
.alignleft { float:left; margin:0 10px 10px 0; }
.clearfix:after,.comment:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix,.comment{display:inline-block}
* html .clearfix,* html .comment{height:1%}
.clearfix,.comment{display:block}
.strong { font-weight:bold; }
.textright { text-align:right; }
.textleft { text-align:left; }
.normal { font-weight:normal!important; font-style:normal!important; }

#body, #complementary { font-family:Georgia, serif; }
#asides .grid_8 { margin-right:-10px; }
html { background:#f00 url(images/bg-top.gif) no-repeat 50% 0; padding:20px 0 0; }
body { background:#f00 url(images/bg-bottom.gif) no-repeat 50% 100%; padding:0 0 20px; }
div.page { background:#FFF; padding:1px 0; color:#444; }

aside ul, aside ul li, header ul, header ul li, #asides ul, #asides ul li, footer ul, footer ul li, .works_list, .works_list li { list-style:none; margin:0; padding:0; }

nav { margin-top:-1px; }
  nav li { float:left; margin-left: 10px!important; }
  nav li span, nav li a { display:block; padding:10px 15px; color:#000; font-weight:600; text-decoration:none; font-size:110%; }
  nav li span { background:#000; color:#FFF; }
  nav li a:hover, nav li a:focus { background:#F00; color:#FFF; }
  
header { position:relative; }
header .search { position:absolute; bottom:35px; right:0; }

#body { font-size:110%; }
#body .backtotop { text-align:right; margin-top:-50px; }
#body .grid_12 { margin-left:0; }
#body aside { text-align:right; }
  #body aside p { font-weight:bold; margin-bottom:5px; }
  #body aside a { display:block; padding:3px 0; }

#complementary { background:#EFEFEF; padding-top:50px; padding-bottom:50px; font-size:110%; min-height:100px; }

#asides, footer { background-color:#CCC; }
#complementary, #body { border-bottom:1px solid #999; }
#complementary, #asides { border-top:1px solid #EFEFEF; }
#asides { padding-top:50px; padding-bottom:30px; }
  #asides h1 { margin:0 0 5px; }
  #asides h2 { margin:0 0 5px; font-size:100%; font-weight:bold; }
  #asides li { margin-bottom:3px!important; }
  #asides a, footer a { font-weight:bold; text-decoration:none; color:#069; }
  #asides a:hover, footer a:hover { border-bottom:1px dotted; color:#000; }
  .share { border-top:2px solid #CCC; margin: 15px 0 5px; padding-top:15px; }

footer { padding:20px 0 20px; }
footer p { margin:0; display:inline; }
footer ul, footer li { display:inline; }
footer li a { font-weight:normal; }

.pagetitle { font-size:250%; color:#000; font-family:Arial, Helvetica, sans-serif; }
.entry-title { border-bottom:2px solid #CCC; margin: 0 0 5px; font-weight:normal; font-size:260%; }
  .entry-title a { text-decoration:none; color:#900; }
  .entry-title a:hover { color:#000; }
.meta { text-align:right; margin:0 0 40px; font-size:110%; color:#666; }
  .meta span { font-style:italic; }
  
.comments_list li { margin-left:0!important; padding:10px 0; }
  .comments_list .comment { margin-bottom:30px; }
  .comments_list a { color:#960; text-decoration:none; }
  .comments_list a:hover { color:#666; text-decoration:underline; }
  .comments_list aside { text-align:right; line-height:130%; font-size:105%; }
  .comments_list aside p { margin:0; }
  .comments_list cite { font-size:180%; }
  .comments_list cite a { color:#F00; }
  .comments_list cite a:hover { color:#900; }
  .comments_list .comment-author-admin { background:#FFF; }
  
#asides .categories li { margin-bottom:2px!important; }
#asides .categories li a { display:block; padding:5px 10px; width:90%; background: rgba(255, 255, 204, 0.8); -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; }
#asides  .categories li a:hover { border:0 none!important; background:#FFF; }
  
.links .linkcat { width:220px; margin:0 10px 3px!important; float:left; }
#asides .categories li { width:220px !important; display:inline; float:left; }

.aux-info, .aux-info a:hover { background:url(images/social-icons.gif) no-repeat 0 0; }
.aux-info { height:15px; overflow:hidden; width:108px; float:right; }
  .aux-info li { width:15px; height:15px; margin-right:8px; overflow:hidden; float:left; }
  .aux-info li a { display:block; width:15px; padding-top:15px!important; height:0; }
  .aux-info li.fb a:hover { background-position:0 -15px; }
  .aux-info li.twitter a:hover { background-position:-23px -15px; }
  .aux-info li.delicious a:hover { background-position:-46px -15px; }
  .aux-info li.digg a:hover { background-position:-69px -15px; }
  .aux-info li.stumbleupon a:hover { background-position:-92px -15px; }
  .aux-info li.last { margin:0; }

.single_nav { margin:70px 0 30px; border-top:2px solid #CCC; padding-top:20px; }

.coming_soon { color:#CCC; font-style:italic; }

.error li { line-height:250%; } 

.archives h3 { margin:30px 0 0; }
li.monthly ul { margin-bottom:30px; }

dt { float:left; width:195px; margin-right:10px; text-align:right; clear:left; color:#666; }
form dt, form dd { margin-bottom:15px; }
form dt .extra { font-size:75%; font-style:italic; }
.button { margin-left:205px; }

aside dt { width:75px; font-weight:bold; }
aside dt, aside dd { margin-bottom:8px; }
aside dd { text-align:left; }

.notice{background-color: rgba(255, 255, 204, 0.5);padding:15px 20px;margin-bottom:20px}
.notice p{margin:0;text-align:justify;}
