/*  
Theme Name: Motherland.us 
Theme URI: http://www.motherland.us/
Description: Custom WordPress framework for Motherland.us
Version: 0.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

* { margin: 0; padding: 0; list-style: none; text-decoration: none; }
body { background: #f1f1eb; color: #333; font-family: helvetica, arial, verdana, sans-serif; font-size: 12px; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
a { color: #b10043; }
a:hover { color: #70002a; }
span.credits { font-size: 12px; line-height: 16px; }
#wrapper { margin: 0 0 0 60px; text-align: left; width: 930px; }
#header {  position: relative; height: 188px; }
  #masthead { position: absolute; top: 68px; left: 307px; font-size: 11px; }
  #masthead a { color: #b10043; }
    #masthead a:hover { color: #70002a; }
  #masthead h1 a { height: 23px; width: 184px; text-indent: -9999em; display: block; position: relative; }
  #masthead h1 a span { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background: url(images/motherland.gif) no-repeat top left; }
  
/* -------------------------------------------------- column one */
#main-nav { float: left; width: 135px; }
  .sidebar-container h4.graphic a { display: block; position: relative; height: 13px; width: 112px; text-indent: -9999em; }
  h4.graphic a span { height: 100%; width: 100%; position: absolute; top:0; left:0; background: url(images/motherland-small.gif) no-repeat top left; }
	#main-nav .sidebar-container { margin-bottom: 18px; line-height: 16px; }
  .sidebar-container ul li { margin-left: 10px; }
	#main-nav a { color: #007899; }
	  #main-nav a:hover { color: #004a5e; }
#s { padding: 4px; border: none; width: 120px; color: #777; }
	
/* -------------------------------------------------- column two */
#sidebar-content { float: left; width: 135px; margin: 0 0 0 15px; }
  #sidebar-content a { color: #b10043; }
    #sidebar-content a:hover { color: #70002a; }
  #sidebar-content h3 { margin: 0 0 15px 0; }
  #sidebar-content li { margin: 0 0 15px 0; line-height: 16px; }
  #sidebar-content p { margin: 0 0 15px 0; line-height: 16px; }
  p.desc { font-size: 12px; line-height: 16px; margin: 0 0 15px 0; }
  
/* -------------------------------------------------- main content column */
#main-content { float: left; width: 593px; background: #fff; margin: 0 0 23px 23px; }
  #main-content.whoweare, 
  #main-content.contactus { background: #62c0c0; color: #fff; }
    #main-content.contactus { background: #62c0c0 url(images/map.gif) no-repeat bottom left; height: 1024px; }
  .whoweare h1, .contactus h1 { font-size: 30px !important; color: #fff !important; }
  .whoweare p, .contactus p { font-style: normal; font-weight: normal; font-size: 24px !important; line-height: 28px !important; margin: 0.8em 0 !important;}
  #main-content h1 { font-weight: normal; color: #333; }
    #main-content h1 a { color: #b10043; }
    #main-content h1 a:hover { color: #70002a; }
#single-page-constraint { width:593px; float: left; }
  #single-page-constraint h1 a { font-size: 20px !important; color: #000 !important; font-weight: bold !important; }
#inner-main-content { width: 534px; margin: 45px 29px 53px 30px; }
.main-breaker { background: #f1f1eb; height: 18px; width: 533px; display: block; margin: 23px 0 32px; }

/* -------------------------------------------------- featured home */
#lead-featured {}
	#lead-featured .post {}
	#lead-featured .post .lead-post-date { margin: 25px 0 0 0; font-size: 20px; letter-spacing: -1px; }
	#lead-featured .post h1 a { font-size: 30px; line-height: 30px; font-weight: normal; color: #b10043; }
	#lead-featured .post .entry { font-size: 18px; line-height: 20px; }
	#lead-featured .post .entry p { margin-top: 7px; }
#secondary-featured {}
	#secondary-featured .post { margin: 0 0 23px 0; }
	#secondary-featured .post img { float: left; }
	#secondary-featured .post .entry { float: left; width: 261px; margin: 0 0 0 15px; }
	#secondary-featured .post .entry strong { font-weight: normal; font-size: 12px; }
	#secondary-featured .post .entry h3 a { font-weight: normal; font-size: 18px; color: #b10043; }
	#secondary-featured .post .entry p { margin: 0.5em 0; font-size: 12px !important; line-height: 16px; }

/* -------------------------------------------------- category entry style */
.inner-content-left { width: 105px; float: left; }
  .inner-content-left .lead-post-date { color: #004b60; font-size: 18px !important; }
  .inner-content-left a { color: #b10043;}
.inner-content-right { width: 413px; float: left; margin: 23px 0 0 15px; }
  .inner-content-right p { font-size: 16px; line-height: 23px; }
  .inner-content-right span.post-title a { font-weight: bold; color: #b10043; }
  .inner-content-right span.credits { font-size: 12px; line-height: 16px; }
  .inner-content-right a { color: #b10043;}
  
/* -------------------------------------------------- sorting style */
#sorting-container { height: 150px; }
  
/* -------------------------------------------------- general entry style */
#single-post {}
  #single-post h1 { font-size: 20px; color: #000; }
  #single-post .inner-content-right { margin: 0 0 0 15px; }
  #single-post .inner-content-left .lead-post-date { font-size: 17px !important; margin: 0 0 0 0; }
.entry p { font-size: 16px; margin: 0.5em 0; }
.entry.whoweare h1 { margin: 0 0 150px 0 !important; }
  .entry.whoweare h1 a { font-size: 20px; }
  .entry.whoweare p { font-size: 18px; line-height: 23px; font-weight: normal; }
  
/* -------------------------------------------------- download box style */
#download-box { background: #f1f1eb; margin: 23px 0 0 0; }
  #download-box a { color: #b10043; }
    #download-box a:hover { color: #70002a; }
  #download-box .inner-content-left { text-align: right; margin: 21px 0 0 0; }
  #download-box .inner-content-right { margin-bottom: 18px; }
#single-post #download-box .inner-content-right { margin-top: 21px; }
  
/* -------------------------------------------------- comments style */
#commentform a { color: #b10043; }
  #commentform a:hover { color: #70002a; }
.commentlist { float: left; font-size: 12px; line-height: 16px; width: 413px; margin-left: 15px; margin-bottom: 23px; }
  .commentlist li { display: block; width: 100%; float: left; margin: 0 0 23px 0; }
  .comment-author-meta { color: #777; width: 136px; float: left; }
  .comment-text-area { width: 255px; float: left; margin-left: 15px; }
#comment-form-container { background: #f1f1eb; padding: 23px 0; }
  #comment-form-container .inner-content-left { margin: 0 0 0 0; }
  #comment-form-container .inner-content-left h3 { float: left; margin-left: 15px; }
  #comment-form-container .inner-comments-right { width: 413px; margin-left: 15px; float: left !important; }
    .inner-comments-right label { display: none; }
    .inner-comments-right p { margin: 0 0 1em 0; }
    input#author, input#email, input#url, textarea#comment { color: #777; width: 385px; border: none; padding: 4px; font-size: 12px; font-family: helvetica, arial, verdana, sans-serif; overflow: auto; }
  #comment-form-container .inner-content-right p { font-size: 12px; line-height: 16px; }
  #commentform input#submit { background: #b10043; border: none; color: #fff; height: 28px; width: 96px; }
 
/* -------------------------------------------------- footer links */ 
#footer-links { clear: both; margin: 0 0 64px 308px; }
#footer-links a { color: #b10043; }
  #footer-links a:hover { color: #70002a; }
  
/* -------------------------------------------------- extra pages */
#client-login, #newsletter-form, #reel-form { margin: 21px 0; } 
  #client-login-form, #client-form, #newsletter-client, #reel-client { padding: 21px 0 32px; background: #f1f1eb; position: relative; }
  #client-login-form label, #client-form label, #newsletter-client label, #reel-client label { position: absolute; top:28px; left: 14px; font-weight: bold; }
  .form-inputs { float: left; margin-left: 120px; }
    .form-inputs input { border: 1px solid #f1f1eb; color: #777; padding: 4px; margin-bottom: 7px; width: 370px; }
    .form-inputs textarea { font-family: arial, verdana, sans-serif; font-size: 13px; margin-top: 7px; border: 1px solid #f1f1eb; color: #777; padding: 4px; width: 370px; height:150px; overflow: auto; }
  .submit-button { clear: both; float: right; margin-top: 14px; background: #b10043; color: #fff; height: 28px; width: 96px; border:none; }
#submit-button { clear: both; float: right; margin-top: 14px; background: #b10043; color: #fff; height: 28px; width: 96px; border:none; }
/* -------------------------------------------------- clear floats */
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .fix { display: inline-block; }
  * html .fix { height: 1%; }
  .fix { display: block; }