/*
Theme Name: Two Penny Blue
Theme URI: http://mosties.com
Description: Two Penny Blue WordPress theme
Version: 1.0
Author: Kaspars Upmanis
Author URI: http://mosties.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body { text-align: center; font-family: Arial, Helvetica, sans-serif; margin: 0; color: #666; font-size: 12px; }

#container { text-align: left; width: 840px; margin: 0 auto; margin-top: 40px; }

#header #logo { float:left; width: 281px; height: 94px; margin: 0 0 4px 86px; }
#header h1, #header p { display: none; }

a:focus, object:focus { outline: none; -moz-outline-style: none; } /* Works for all FF version (before 3.6 as well) */

#menu { float: left; width: 86px; }
#menu ul { text-align: right; margin-right: 5px; }
#menu ul li ul { margin: 0; }
#menu a { font-weight: bold; text-decoration: none; font-size: 20px; color: #333; text-transform: lowercase; letter-spacing: -1px; }
#menu a:hover { color: #999; text-decoration: none; }
#menu .on { text-decoration: underline; }
#menu .child li a { font-size: 12px; letter-spacing: 0; text-transform: none; font-weight: normal; }
#menu .child ul li a:hover, #menu .child li a:hover { text-decoration: underline; }
#menu li.current_page_item { text-decoration: underline; }
#menu li.current_page_parent { text-decoration: underline; }

#content { width: 750px; float: right; }
#content h1 { font-size: 22px; font-weight: normal; margin-bottom: 10px; color: #414141; letter-spacing: -1px; }
#content h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #414141; letter-spacing: -1px; }
#content h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; color: #414141; letter-spacing: -1px; }
#content p { margin-bottom: 10px; }
#content a { margin-bottom: 10px; color: #2f5eac; }
#content a:hover { text-decoration: none; }
#content img { margin-bottom: 32px; }

.blog #content, .single #content { background: #f8f8f8; border: 1px solid #c9c9c9; padding-bottom: 50px; }
.blog #content .post, .single #content .post { margin: 52px 12px 12px 12px; border-bottom: 1px solid #c9c9c9; } 
.single #content .post { border-bottom: none; }
.blog #content .post h2 a, .single #content .post h2 a { text-decoration: none; color: #666; font-weight: normal; font-size: 16px; }
.blog #content .post h2 a:hover, .single #content .post h2 a:hover { text-decoration: underline; }
#content .post p.date { font-size: 11px; }
.blog .pagination { margin: 12px; }

/* Acts page */
body.page-id-4 #content h1, body.page-id-4 #content h1 a { margin-bottom: 50px; text-decoration: none; font-weight: normal; color: #414141; letter-spacing: -1px; }
body.page-id-4 #content h1 a:hover { text-decoration: underline; }
body.page-id-4 #content img { margin-bottom: 0px; }

.post-item { width:150px; height:200px; float:left; margin:0 10px 30px 0; }
#content .post-item img { margin:0 0 5px 0; height:150px; width:150px; overflow:hidden; }
#content .post-item h2 { margin:5px 0; }

#footer { height: 40px; line-height: 40px; float: left; clear: both; width: 100%; font-size: 10px; }