/*
Theme Name: MakeSomeTime
Version: 1.0
Author: Gilbert Pellegrom

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:62.5% Helvetica,Arial;
    font-size:.9em;
    line-height:1.4em;
	color:#333;
	background:#e0e3e8;
}

a, a:visited {
	color:#0C427E;
	text-decoration:none;
	border-bottom:1px solid #333;
}
a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #333;
}

h1 {
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	margin-bottom:5px;
    text-shadow:1px 1px 0px #fff;
}
h2 {
	font-size:20px;
	font-weight:bold;
	line-height:25px;
	margin-bottom:5px;
    text-shadow:1px 1px 0px #fff;
}
h3 {
	font-size:18px;
	line-height:22px;
	margin-bottom:5px;
}
h4 {
	font-size:16px;
	line-height:18px;
	margin-bottom:5px;
    font-weight:bold;
}

p {
	margin-bottom:10px;
}
ol {
	list-style:decimal;
	padding-left:20px;
	padding-bottom:7px;
}
ul {
	list-style:disc;
	padding-left:25px;
	padding-bottom:7px;
}
li {
	padding:2px;
}

b, strong {
	font-weight:bold;
    color:#000;
}
i, em {
	font-style:italic;
}
u {
	text-decoration:underline;
}
code {
	font-family:Courier,"Courier New",Monaco,Tahoma;
	background:#E0E3E8;
	color:#444;
	padding:0px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
pre {
	padding:10px;
    overflow:auto;
}
.wp_syntax {
    background:#E0E3E8 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wp_syntax .code {
    padding:0 !important;
}
blockquote {
	font-style:italic;
	font-size:14px;
	padding:0 10px;
	margin:0 0 10px 20px;
	border-left:3px solid #000;
}

/*========================*/
/*=== Structure Styles ===*/
/*========================*/
#wrapper {

}

#header {
    width:100%;
    height:62px;
    background:url(http://makesometime.com/system/application/views/images/head.png) repeat-x;
}
#header h1 {
    text-indent:-9999px;
    background:url(http://makesometime.com/system/application/views/images/Sprite.png) no-repeat 0 0;
    width:204px;
    height:62px;
    position:absolute;
    top:0px;
    left:0px;
}
.inner {
    width:850px;
    margin:0 auto;
    position:relative;
}

#nav {
    list-style:none;
    margin:0;
    padding:0;
    float:right;
}
#nav li {
    display:inline;
    padding:0;
}
#nav a {
    display:block;
    width:100px;
    height:61px;
    line-height:61px;
    float:left;
    margin-left:5px;
    color:#ddd;
    border:0;
    text-align:center;
}
#nav a.active {
    background-position:0px -124px;
    color:#fff;
}
#nav a:hover {
    background-position:0px -62px;
    color:#fff;
}

#nav a img {
    vertical-align:-13%;
}

#sub-nav {
    background:url(http://makesometime.com/system/application/views/images/sub_nav.png) repeat-x;
    width:100%;
    height:50px;
    display:none;
}
#sub-nav.on {
    display:block;
}
#sub-nav ul {
    list-style:none;
    margin:0;
    padding:0;
    float:right;
}
#sub-nav li {
    display:inline;
    padding:0;
}
#sub-nav a {
    display:block;
    float:left;
    height:32px;
    width:115px;
    line-height:32px;
    border:0;
    margin-right:5px;
    background:url(http://makesometime.com/system/application/views/images/sub_nav_button.png) no-repeat 0px 1px;
    text-align:center;
    margin-top:2px;
    color:#666;
}
#sub-nav a:hover {
    color:#000;
    background-position:0px -30px;
}

#login-info {
    background:url(http://makesometime.com/system/application/views/images/user.png) no-repeat 0px 9px;
    padding:8px 0 0 23px;
    color:#666;
    margin-left:3px;
}
#login-info span {
    cursor:help;
}

#body {
    background:url(http://makesometime.com/system/application/views/images/head_body.png) no-repeat;
    width:871px;
    margin:0 auto;
    padding-top:15px;
    margin-top:20px;
}
#content {
    background:url(http://makesometime.com/system/application/views/images/body.png) repeat-y;
    padding:20px 40px;
}

#body.wide {
    background:#EEEEEE;
    width:100%;
    padding-top:15px;
    margin-top:20px;
    border-top:1px solid #B8BDC7;
    border-bottom:1px solid #B8BDC7;
}
#body.wide #content {
    background:transparent;
    width:870px;
    margin:0 auto;
}

#foot {
    background:url(http://makesometime.com/system/application/views/images/foot.png) no-repeat;
    width:871px;
    margin:0 auto;
    font-size:10px;
}
#foot.wide {
    background:transparent;
    width:871px;
    margin:0 auto;
    font-size:10px;
}
#foot p {
    padding:20px 20px 0 0;
    color:#999;
    text-align:right;
}
#foot.wide p {
    padding:10px 20px 10px 0;
    color:#999;
    text-align:right;
}
#foot a {
    color:#999;
    border:0;
}
#foot a:hover {
    border-bottom:1px solid #777;
}

#sidebar {
    float:right;
    width:230px;
    background:#E8E8E8;
    padding:10px 20px;
    border:1px solid #B5B5B5;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
#sidebar ul {
    list-style:none;
    margin:0 0 10px 0;
    padding:0;
}
#sidebar #searchform label {
    display:none;
}
#sidebar #searchform input {
    margin:5px 0;
}
#sidebar #searchform #s {
    width:135px;
}
#sidebar #searchform #searchsubmit {
    padding:4px;
}

#rss-link {
    display:block;
    background:url(images/rss.png) no-repeat;
    padding-left:40px;
    height:32px;
    line-height:32px;
    border:0;
    margin-bottom:10px;
}
#newsletter-link {
    display:block;
    background:url(images/newsletter.png) no-repeat;
    padding-left:40px;
    height:32px;
    line-height:32px;
    border:0;
    margin-bottom:10px;
}
#twitter-link {
    display:block;
    background:url(images/twitter.png) no-repeat;
    padding-left:40px;
    height:32px;
    line-height:32px;
    border:0;
    margin-bottom:10px;
}

.post, div.page {
	width:450px;
    background:#fff;
    padding:10px 20px;
    border:1px solid #B5B5B5;
    position:relative;
    margin-bottom:20px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.post h1 {
    color:#333;
    width:395px;
}
.post h1 a, .page h1 a {
    color:#333;
    border:0;
}
.post h1 a:hover {
    color:#333;
	border-bottom:1px solid #333;
}

.comment-link {
    position:absolute;
    top:5px;
    right:20px;
}
.comment-link a {
    display:block;
    background:url(images/comment.png) no-repeat;
    width:40px;
    height:40px;
    text-align:center;
    border:0;
    line-height:37px;
    color:#000;
    font-weight:bold;
}
.comment-link a:hover {
    color:#444;
}

p.postmetadata {
    font-size:12px;
    color:#555;
}

#comments {
    margin-left:10px;
    width:470px;
}
#commentform label {
    font-weight:normal;
}
#commentform textarea {
	width:450px;
}
ol.commentlist {
    list-style:none;
    margin:0;
    padding:0;
}
li.comment {
    background:#DFDFDF;
    border:1px solid #B5B5B5;
    padding:10px 20px;
    margin-bottom:20px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
.comment-author {
    line-height:42px;
    margin-bottom:5px;
}
.comment-author img {
    float:left;
    margin-right:10px;
    border:1px solid #999;
}
.comment-author .fn {
    font-weight:bold;
}
.comment-meta, li.comment .reply {
    display:none;
}

/*====================*/
/*=== Input Styles ===*/
/*====================*/
label {
    font-weight:bold;
}

input,
textarea,
select {
  padding: 5px;
  font:1em Verdana, Sans-serif;
  color: #000;
  background:#ffffff;
  border:0;
  border:1px solid #999;
  margin:2px;
  margin-bottom:10px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

input:focus,
textarea:focus,
select:focus {
    border-color:#333;
}

input.button {
  color: #fff;
  background:#517590;
  border:0;
  padding:6px 15px;
}
/* Get rid of Safari and Chrome focus outlines */
input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}

input.field {
    width:100%;
}
#login-form .button {
    margin-right:15px;
}
#login-form, #signup-form, #changepass-form {
    width:400px;
}

.buttonBig {
    background:url(images/buttonBig.png) no-repeat;
    width:148px !important;
    height:28px;
    text-align:center;
}
.buttonBig.green {
    background:url(images/buttonBigGreen.png) no-repeat;
    width:149px !important;
    color:#CDFFBF;
}
.buttonBig.blue {
    background:url(images/buttonBigBlue.png) no-repeat;
    width:149px !important;
    color:#bfe9ff;
}

a.buttonBig {
    display:inline-block;
    margin:5px 5px 5px 0;
    padding-top:4px;
    border:0;
    color:#666;
    font-weight:bold;
}
a.buttonBig:hover {
    color:#000;
}
a.buttonBig.green:hover, a.buttonBig.blue:hover {
    color:#fff;
}
input.buttonBig:active {
    margin-top:3px;
}


input.buttonBig {
    border:0;
    font-weight:bold;
    background-position:0px 2px;
    height:30px;
    outline: 0 none;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
    clear:both;
}

a#fdbk_close {
    border:0;
}

img.alignright {float:right; margin:0 0 .7em 1em}
img.alignleft {float:left; margin:0 1em .7em 0}
img.aligncenter {display: block; margin:0 auto 10px auto;}
a img.alignright {float:right; margin:0 0 .7em 1em}
a img.alignleft {float:left; margin:0 1em .7em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.border {
    border:3px solid #b5b5b5;
}