/*  
Theme Name: The New Jacorre
Description: Designed by <a href="http://www.jacorre.com/">Jacorre</a>.
*/

/* == General == */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { background:#69d2e7; color:#333; font: 12px/160% Verdana, Geneva, sans-serif; margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,h6 { padding:0; margin:0 0 30px 0; }
h1 { font-size:160%; }
 h1 span { font-size:70%; }
h2 { font-size:150%; }
 h2 span { font-size:80%; }
h3 { font-size:140%; }
h4 { font-size:130%; }
h5 { font-size:120%; }
h6 { font-size:110%; }
ul,
ol { margin-bottom:30px; }
p { padding:0; margin:0 0 30px 0; }
 p.wp-caption-text { font-size:90%; font-style:italic; }
blockquote { border-left:5px solid #ae051e; font-style:italic; padding:0 0 0 15px; margin:0 30px 30px 30px; }
a { color:#333; font-weight:bold; }
 a:hover { color:#5dbbce; }
 a img { border:none; }
#paging a,
 a.button { background:#333; border-radius:15px; color:#fff; padding:5px 15px; text-decoration:none; }
#paging a:hover,
 a.button:hover { background:#5dbbce; }
img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
 img.alignleft { float:left; margin:0 30px 30px 0; }
 img.alignright { float:right; margin:0 0 30px 30px; }
 img.aligncenter { display:block; margin:0 auto; }
 
/* == Menus ==*/
ul#menu-main-menu { list-style:none; padding:0; margin:15px 0 0 0; }
 ul#menu-main-menu li { display:inline; float:left; margin:0 10px 15px 0; }
  ul#menu-main-menu li a { background:#333; border-radius:15px; color:#fff; display:block; font-weight:bold; padding:5px 15px; text-decoration:none; }
   ul#menu-main-menu li a:hover,
   ul#menu-main-menu li.current-menu-item a,
   ul#menu-main-menu li.current-page-ancestor a { background:#5dbbce; }
ul#menu-footer { list-style:none; padding:0; margin:0; }
 ul#menu-footer li { display:inline; margin:0 15px 0 0; }
ul#news-events { list-style:none; padding:0; margin:0 0 30px 0; }
 ul#news-events li { margin-bottom:30px; }
 ul#news-events span.post-date { font-size:90%; }
 
/* == Structure ==*/
#header { background:#a7dbd8; border-bottom:5px solid #95c3c1; padding:15px 0; }
#social { padding-top:15px; }
#content { margin-bottom:30px; }
#footer { background:#69d2e7; border-top:5px solid #5dbbce; padding:15px 0; text-align:center; }
 #footer a { color:#333; }
.section { background:#e0e4cc; padding:30px 0; }
#sidebar ul { list-style:none; padding:0; margin:0 0 30px 0; }

/* == Projects == */
#projects img { margin-bottom:5px; }
 #projects a img,
  #related-projects a img { border:5px solid #c8cbb6; }
  #projects a img:hover,
   #related-projects a img:hover { border:5px solid #5dbbce; }
#projects h2 { text-align:center; }
blockquote { margin:15px 30px; padding:0 0 0 30px; border:none; background:url('img/quote-top.png') no-repeat; }
blockquote p:last-child { padding:5px 30px 5px 0; border:none; background:url('img/quote-bottom.png') no-repeat right bottom; }
.note { background:#feefb4; border:1px solid #e5bc3b; border-radius:5px; padding:15px; }

/* == Tutorials == */
#tutorials h3 { margin-top:10px; }

/* == Blog == */
div.post { margin-bottom:30px; }
 div.post h1,
 div.post h2 { margin-bottom:5px; }
 div.post h2 span.post-type { font-size:70%; }
 div.post h4 { font-size:90%; margin-bottom:5px; }
 div.post p.post-info { font-size:90%; margin-bottom:15px; }
 div.post p.social { margin-bottom:30px; }
 div.post span.read-more { font-size:90%; }
 div.post a img.wp-post-image,
  #related-articles a img.wp-post-image,
  #sidebar a img { border:5px solid #c8cbb6; }
  div.post a img.wp-post-image:hover,
   #related-articles a img.wp-post-image:hover,
   #sidebar a img:hover { border:5px solid #5dbbce; }
.textcenter { text-align:center; }
.textright { text-align:right; }
#sidebar h4, #sidebar h5, #sidebar p { margin-bottom:15px; }
div.space { margin-bottom:30px; }

/* == Grid == */
.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }
.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
.one, .row .one { width: 8.33333%; }
.two, .row .two { width: 16.66667%; }
.three, .row .three { width: 25%; }
.four, .row .four { width: 33.33333%; }
.five, .row .five { width: 41.66667%; }
.six, .row .six { width: 50%; }
.seven, .row .seven { width: 58.33333%; }
.eight, .row .eight { width: 66.66667%; }
.nine, .row .nine { width: 75%; }
.ten, .row .ten { width: 83.33333%; }
.eleven, .row .eleven { width: 91.66667%; }
.twelve, .row .twelve { width: 100%; }
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

/* == Small Devices == */
@media only screen and (max-width: 767px) { 
.left, .right { float: none; }
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
.column, .columns { width: auto !important; float: none; }
.column:last-child, .columns:last-child { float: none; }
[class*="column"] + [class*="column"]:last-child { float: none; }
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
.column:after, .columns:after { clear: both; }
#projects h2 { text-align:left; }
#tutorials h3 { margin-top:0; }
}