/*
Theme Name: CJC Photography v3
Description: CJC Photography Custom Theme
Author: Jacorre
Author URI: http://www.jacorre.com
Version: 3.0
*/

/* === General === */
body { background: #f5f7fa; color: #434a54; font-family: Verdana, Geneva, sans-serif; margin: 0; padding: 0; }
#header { background: #000; padding: 0.625em; text-align: center; }
#menu { background: #434a54; margin-bottom: 1.25em; }
 #menu .menu a { color: #fff; text-transform: uppercase; }
 #menu .menu a:hover, #menu .menu li.current-menu-item > a { background: #4a89dc; }
#content { margin-bottom: 1.25em; }
#paging { font-size: 90%; text-align: center; text-transform: uppercase; }
#footer { border-top: 1px solid #e6e6e6; font-size: 90%; padding: 1.25em 0.625em 0.625em 0.625em; text-align: center; text-transform: uppercase; }
.card.photo:hover, .card.post:hover { border-color: #5d9cec; }
a { color: #4a89dc; }
 a:hover { color: #5d9cec; }
#sidebar .menu { margin-bottom: 0.5rem; }
#paging .page-numbers { background: #fefefe; border: 1px solid #e6e6e6; padding: 0.5rem; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* === Homepage === */
#home-categories { text-align: center; }
 #home-categories img { border: 1px solid #e6e6e6; }
 #home-categories h2 { font-size: 100%; font-weight: bold; }
 #home-categories h2 a { text-transform: uppercase; }
 
/* === Portfolio === */
.portfolio { text-align: center; }
.portfolio img { border: 1px solid #e6e6e6; }
 
/* === Blog === */
.card.post { color: #434a54; }
.post img { border: 1px solid #e6e6e6; }
.post h2 { margin-bottom: 0; }
.post-info { font-size: 90%; text-transform: uppercase; }

/* === Comments === */
.comment { border-bottom: 1px solid #e6e6e6; margin-bottom: 1rem; }
.comment .commentator { color: #888; font-size: 90%; font-style: italic; text-transform: uppercase; }