/*  
Theme Name: Blaqua
Theme URI: http://www.bigbucketblog.com/
Description: 
Version: 1.0
Author: Matt Comi
Author URI: http://www.bigbucketblog.com/
*/

body
{
margin: 0;
padding: 0;
background: #fff;
font-size: 11px;
color: #000;
text-align: justify;
font-family: 'Lucida Grande', 'Verdana', 'Arial', sans-serif;
}

#sidebar
{
text-align: left;
}

.dates a
{
color: #AAAAAA;
}

textarea { font-family: 'Lucida Grande', 'Verdana', 'Arial', sans-serif; }

.dates li
{
    border-top: 1px solid #222222;
    margin-top: 8px;
    padding-top: 8px;
    font-weight: normal;
} 

.dates
{
    border-bottom: 1px solid #222222;
    margin-bottom: 8px;
}

#twitter
{
    margin: 0;
    padding: 32px 0 32px 0;/*48px;*/
    text-align:center;
    /*background: url('images/twitter.png') left center no-repeat;
font-weight: normal;*/
    border-width: 1px 0;
    border-style: solid none;
    border-color: #222222;
}

a { color: #09f; text-decoration: none; /* blue */ }

a:hover { color: #5AB1FF; /* bright blue */ }

img { border: 0; }

.wide-image { border: 3px solid #bbb; margin: 0; }

.wide-image-pocket { border: 3px solid #6d2d00; margin: 0; }

ul { list-style: none; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 
{ color: #000; font-weight: normal; margin: 0; padding: 0; }

h1, h3, h5 { font-family: 'Lucida Grande', 'Verdana', 'Arial', sans-serif; }
h2, h4, h6 { font-family: 'Lucida Grande', 'Verdana', 'Arial', sans-serif; }

.post h2
{
 font-family: 'Helvetica', 'Arial', sans-serif;
 font-weight: bold;
 font-size: 14px;
}

input[type="text"], input[type="submit"]
{
font-size: 11px;
font-weight: bold;
}

form { margin: 0 0 16px 0; }

pre
{
    font-family: 'Monaco', 'Courier New';
    font-size: 10px;
    color: #fff;
    border: 1px solid #404040;
    padding: 5px;
    background: #202020;
}

.alignleft-b, .alignright-b { border: 1px solid #eee; }

.alignleft, .alignleft-b
{
    float: left; 
    margin: 2px 12px 4px 0;
}

.alignright, .alignright-b
{
    float: right;
    margin: 2px 0 4px 12px;
}

/* header */

#minor-header, #major-header
{
height: 100px;
padding-top:42px;
}

#minor-header
{
/*background: url('images/horiz-stripe.png') bottom center no-repeat;*/
}

#major-header
{
}

#title
{
display: block;
height: 0;    
overflow: hidden;    
background: url('http://bigbucketsoftware.com/images/blog/bigbucket_header.png') top left no-repeat;
margin: 0 auto;
padding: 66px 80px 0 0;
width: 310px;
}

#slogan
{
display: none;
height: 0;
overflow: hidden;
background: url('images/h2.png') top left no-repeat;
margin: 10px auto 0 auto;
padding: 25px 150px 0 0;
width: 244px;
}

/* spotlight behind the feature */
#feature
{
/*background: url('images/spotlight.png') top center no-repeat;*/
margin: 0 auto;
width: 747px;
height: 197px;
}

/* each icon is 99px wide with 26px padding total */

#tv-forecast-banner-details
{
position:relative;
left:90px;
top:170px;
text-align:center;
}

#tv-forecast-banner-details a
{
font-weight:bold;
}

#tv-forecast-banner
{
background: transparent url(images/horiz-stripe.png) no-repeat scroll center bottom;
float:left;
padding: 0 32px;
width: 684px;
}

#app-suite-banner
{
/*background: transparent url(images/horiz-stripe.png) no-repeat scroll center bottom;*/
float:left;
padding: 0;
width: 748px;
}

.app-suite
{
margin:15px auto 0 auto;
padding:0 0 0 140px;
/*width: 372px;*/ /* this should be 368px, need to figure out what's wrong */
width: 560px;
}

.app
{
float:left;
width: 100px;
text-align:center;
}

.app a
{
	color: #000;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}

#apps
{
float: left;
background: url('images/horiz-stripe.png') bottom center no-repeat;
width: 500px; /* 4 icons */
padding: 0 123px; /* pad out to fit the background image of 747px */
}

#widgets, #web-apps { float: left; }

#widgets  { width: 375px; /* 3 icons */ }
#web-apps { width: 125px; /* 1 icon */  } 

#widgets dt,
#web-apps dt
{
height: 0;
overflow: hidden;
width: 100%;
border: none;
}

#widgets dt
{
background: url('images/dashboard-widgets.png') center no-repeat;    
margin: 0;
padding: 43px 0 0 0;
}

#web-apps dt
{
background: url('images/web-apps.png') center no-repeat;
margin: 0 0 -6px 0; /* line up with the widgets header */
padding: 49px 0 0 0;
}

#apps ul
{
padding-top: 12px;
list-style: none;
}

#apps dl, #apps dd { margin: 0; }

#apps li
{
float: left;
display: block;
padding: 0 13px 28px 13px;
}

#apps li:hover
{
background: url('images/hover-bg.png') bottom repeat-x;
}

/* sidebar */

#sidebar
{
float: left; 
width: 70px;
margin-right: 30px;
font: bold 14px 'Lucida Grande', 'Verdana', sans-serif;
}

#sidebar li { margin-bottom: 10px; }

#sidebar-ad
{
    margin-top: 32px;
}

#page-wrapper
{
min-height: 100px;    
clear: left;
}

#page
{
/*background: url('images/main-bg.png') repeat-x;*/
padding: 26px 0 0 0;    
width: 100%;
float: left;
}

/* main */

#main
{
margin: 0 auto;
width: 586px;
}

/* page headers */

h3, h4
{
margin: 0 0 16px 0;    
width: 400px;
float: left;
font-weight:bold;
}

h3
{
font-size: 16px;
padding: 0 0 16px 0;
}

h4
{
font-size: 11px;
color: #777;
}

#posts
{
width: 486px;
float: right;
}

/* .post img { border: 1px solid #fff; } */

.post
{
width: 100%;
margin-bottom: 20px;
padding-bottom: 4px;
/*border-bottom: 1px solid #222;*/
font-size: 14px;
}

.post blockquote
{
color: #000;
margin: 0;
padding: 0 40px;
background: url(images/quote.png) no-repeat;
}

.post h5 { font-size: 16px; font-weight:bold; margin-bottom: 5px;}

.post h5 a
{
color: #000;
text-decoration: none;
}

.post h5 a:hover
{
color: #5ab1ff;
}

#sidebar h2
{
font-size: 14px;
font-weight: bold;
color: #000;
font-family: 'Helvetica', 'Arial', sans-serif;
}

.post h6
{
font-size: 10px;
font-weight: bold;
color: #666;
}

.post ul
{
    list-style: square;
    margin-left: 2em;
    line-height: 1.4em;
}

.body { line-height: 1.6em; }

.meta
{
margin: 0 0 16px 0;
color: #1E7DD2;
font-size: 10px;
font-weight: bold;
clear: both;
/*text-align:right;*/
}

.edit { margin-right: 2px; }

#footer
{  
margin: 0 auto;
width: 486px;
padding-left: 100px;
color: #555;
padding-top: 0px;
padding-bottom: 16px;
clear: both;
line-height:18px;
}

#footer a { font-weight: bold; }

#site-info { margin-bottom: 1em; }

/* comment form */

#your-comment h5, #your-comment h6 { margin: 0 0 8px 0; }

#your-comment h5 { font-size: 16px; font-weight: bold; }
#your-comment h6 { font-size: 11px; }

#your-comment input[type="text"],
#your-comment textarea
{
background: url('images/form-input.png') top repeat-x;
background-color: #fff;
color: #333;
border: 1px solid #7c7c7c;
/*font-family: 'Lucida Grande';*/
display: block;
width: 392px;
padding: 3px;
font-size: 11px;
font-weight: bold;
}

#your-comment input[type="text"] { margin-bottom: 10px; }

#your-comment textarea { margin-bottom: 16px; }

#your-comment label
{
/*color: #1E7DD2;*/
font-family: 'Lucida Grande', 'Verdana', 'Arial', sans-serif;
font-weight: bold;
display: block;
margin-bottom: 6px;
text-transform: uppercase;
}

.comment-meta { color: #fff; }

.comment-body { }
.comment-author-body { color: #fff; }

#comments { list-style: none; line-height: 1.6em; }

#comments li
{
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #222;
}

.moderation { color: #777; }

.archive-post
{
margin: 0 0 16px 0;
float: left;
width: 400px;
color: #000;    
}

.archive-post-title
{
width: 300px;
float: right;
}

.archive-post-date
{
width: 100px;
float: left;
clear: left;
font-weight:normal;
}

.nav { margin-bottom: 16px; }

.nav-older, .nav-newer { display: inline; }

.nav-older { margin-right: 8px; }