/*  
Theme Name: MC2 Design - The Q
Theme URI: http://www.mc2design.com/
Description: A theme based on <a href="http://www.mc2design.com/">mc2design.com</a>.
Version: 0.1
Author: Luke Visinoni
Author URI: http://forums.devnetwork.net/profile.php?mode=viewprofile&u=16609
*/

body {
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {

    margin: .5em 0 .25em 0;

}

.book-marklink {

    display: block;

    padding: 3px;

    float: left;

    height: 16px;

    width: 105px;

    border: 0 !important;

}

.book-marklink:hover {

    /*text-decoration: underline !important;*/

}

.delicious {

    padding-left: 19px;

    background: url(images/icons/delicious.gif) no-repeat 0 50%;

}

.furl {

    padding-left: 19px;

    background: url(images/icons/furl.gif) no-repeat 0 50%;

}

.newsvine {

    padding-left: 19px;

    background: url(images/icons/newsvine.gif) no-repeat 0 50%;

}

.digg {

    padding-left: 35px;

    background: url(images/icons/digg.gif) no-repeat 0 1px;

}

.digg:hover {

    background-position: 0 -38px;

}

#legal {

   line-height: 1.5em;

}

.post .bordered img,
.post img.bordered {

    border: 1px solid #aaa !important;

    padding: 5px;

    margin: 5px;

}

.post .bordered img:hover {

    border: 1px solid #333 !important;

}

.right {

    float: right;

}

.left {

    float: left;

}

#content {

    font-size: 110%;

}

#content p {
    margin: 1em 0 1em 0 !important;
    padding: 0 !important;
}

h1, h2, h3 {

    font-weight: normal !important;
    font-family: georgia, verdana;

}

h1 {

    font-size: x-large;

}

h2 {

    font-size: 1.6em;

}

h3 {

    font-size: 1.4em;

}

h4 {

    font-size: 1.1em;
    font-weight: bold;

}

.post {

    clear: left;

    margin-top: 3em;

}

.date-posted {

    padding: 0;

    color: #999;

}

.post-padding {

    padding-top: 5px;

}

.index-postmetadata {

    background-color: #f8f8f8;

    color: #666;

    height: 1.5em;

    border-top: 1px solid #eee;

    background-image: url(images/icons/shading.gif);

}

.attention {

    background-color: #FFFFDF;

    border: 1px dashed #FEFF8F;

}

.comment-info {

    display: block;

    padding-left: 17px;

    background: url(images/icons/mini-comment.gif) no-repeat 0 50%;

    float: right;

    line-height: 1.5em;

}

.category {

    float: left;

    display: block;

    padding-left: 17px;

    background: url(images/icons/folder.gif) no-repeat 0 50%;

    line-height: 1.5em;

}

/* this needs to be on single page only */
.postmetadata {

    margin: 1em 0 1em 0 !important;

}

p a:link,

p a:active,

.entry a:link,

.entry a:active,

.book-marklink span {

    color: #78A22E;

    text-decoration: none;

    border-bottom: 1px dashed #ccc;

}

p a:visited,

.entry a:visited,

.book-marklink span:visited {

    color: #5F7F27;

    text-decoration: none;

    border-bottom: 1px dashed #ccc;

}

p a:hover,

.entry a:hover,

.book-marklink span:hover {

    color: #78A22E;

    text-decoration: none;

    border-bottom: 1px solid #333;

}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Begin Structure */

#header {
    
    height: 100px;
    
}

#side_bar {

    font-size: 1.05em;

    border-left: 1px solid #ccc;

    padding: 0 2em 0 1em;

    margin: 1em 0 1em 0;

}

#side_bar ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    line-height: 1.25em;

}

#side_bar ul li li {

    padding: .25em 0 .2em 15px;

    background: url(images/icons/bullet_star.gif) no-repeat 0 50%

}

/* Forms */

#search input[type="text"] {

    width: 100px;

}

#search input[type="text"],

#commentform input.text,

#commentform textarea {

    border: 1px solid #666;

    background-color: white;

    padding: 2px;

}

#commentform textarea {

    line-height: 1.25em;

}

#search br {

    display: none;

}

#search input[type="text"]:focus,

#commentform input.text:focus,

#commentform textarea:focus {

    border: 1px solid #333;

    background-color: #FEFFBF;

}

/* Various styles */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

}

blockquote p, blockquote {

        color: #888 !important;

}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

pre {

    font-size: 1.25em;

    line-height: 1.85em;

/* Unfortunately, until I get the wordwrap plugin working, I have to use a scroll hack

    margin: 1em;

    padding: 1em;
*/

    margin: 10px;

    padding: 10px;

    width: 490px; /* scroll hack */

    overflow: scroll;

    background-color: #f6f6f6;

    border-top: 1px solid #d6d6d6;

    border-bottom: 1px solid #d6d6d6;

}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {

	margin: 15px 0 0 0;

        padding-bottom: .5em;

	}

.home-text {

    font-size: 1em;

}

.home-the-q {

    padding: 3em 0 0 0;

}

.blog-description {

    background-color: #FEFFBF;

    color: #78A22E;

    padding: .5em;

    margin-bottom: 1em;

    border: 1px solid #FDFF3F;

}

.showcase {

    display: block;

    text-decoration: none;

    padding: 10px 0 0 0;

}

.showcase span {

    padding-left: 47px;

    display: block;

}

.showcase:hover {

    text-decoration: none;

}

img.showcase-image {

    float: left;

    border: 2px solid #78A22E;

}

img.showcase-image:hover {

    border: 2px solid #aaa;

}

/* Sidebar */

#side_bar h2 {

    font-weight: bold;

    color: #78A22E;

    font-variant: small-caps;

    font-size: 1.25em;

    padding: 0 0 .02em 0;

    border-bottom: 1px solid #ccc;

}


/* Begin Form Elements */


.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {

        font-size: 1.5em;

	width: 100%;
	padding: 2px;
	}


/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
        background-color: #f6f6f6;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
	}

.commentlist {
	padding: 0;
	/*text-align: justify;*/
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: .5em;
	list-style: none;
	}

.commentlist li.alt {
        background-color: #f3f3f3;
        border: 0; 
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

h3#comments {

    font-size: 1.4em;

    font-weight: bold;

    padding-left: 20px;

    background: url(images/icons/user_comment.png) no-repeat 0 50%;

    line-height: 1.5em;

    border-bottom: 1px solid #ccc;

    color: #78A22E;

    margin-top: 2em;

}

.commentlist .author {
    background: #78A22E url(http://www.mc2design.com/images/background/authorbg.gif) no-repeat left top;
    color: #fff;
}

.commentlist .author a,
.commentlist .author p {
    color: #fff;
}

.commentlist .comment-user-meta {
    float: left;
}

.commentlist .comment-user-meta p {
    margin: .5em 0;
    padding: 0;
}

.commentlist .comment-user-meta .gravatar {
    float: left;
    margin-right: .5em;
}

/* End Comments */