/* @override http://www.getspeedymail.com/wp-content/themes/speedywordpress/style.css */

/*  
Theme Name: SpeedyMail
Theme URI: http://www.blogohblog.com/
Description: SpeedyMail's Theme was designed by Josh Shayne
Version: 1.0
Author: Josh Shayne 
Author URI: http://www.joshshayne.com/

This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
*/

body { font-family:'Verdana'; font-size:10px; }
#wrap {
	width:1071px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	background-color:#FFFFFF;
	background-image:;
	background-repeat: repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#bg-wrap {
	background-color:#F7F7F7;
}

#search { margin-top:30px; float:right; padding:0; }
input#searchsubmit { background:#c4e4a3; border:solid thin #9ed697; color:#333; font-size:13px; margin-top: 8px; margin-right: 0; margin-left: 100px; }

a:link, a:active, a:visited { text-decoration:underline; color:#2EB7F2; border:none; }

a:hover { text-decoration:none; color: #2EB7F2; border:none; cursor:pointer; }

div.hr { height:3px; background:#fff repeat-x scroll center; clear:both; }
div.br { height:10px; background:#fff url(images/br.gif) repeat-x scroll center; clear:both; }
.alignright { float:right; } 
.alignleft { float:left; } 

/************************************************
*	HEADER     								*
************************************************/

#header {
	height:auto;
	width:auto;
	color:#000;
	padding-bottom:20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

#header h2 {
    font-size: 15px;
    padding-top: 20px;
    padding-right:10px;
    color: #666666;
    font-weight: normal;    
}


#header h1 { text-indent:-10000px; margin:0; padding:0; }
#header h1 a { display:block; background:url(images/logo.gif) no-repeat left top; height:56px; }
.headerlinks { color: #CCC; font-size: 10px; font-family:Verdana, Geneva, sans-serif; }
.headerlinks a { color: #CCC; text-decoration: none; }
.headerlinks a:hover { text-decoration: none; color:#C0BC2D; }

/************************************************
*	CAPTIONS     								*
************************************************/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/************************************************
*	LEFT     								*
************************************************/

.left { width: 0px; float:right; padding:20px 10px 10px; border-color: #cacaca; border-style: none solid; border-width: thin; }

/************************************************
*	RIGHT     								*
************************************************/
.right {
	width: 350px;
	float:right;
	background-color: #f7f7f7;
	font-family: Lucida-Grande, Verdana, Arial;
	font-size:13px;
	color:#55636c;
	margin-left: 0px;
	padding: 0px 10px 0px 30px;
} 

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

.right h2 {
	font-weight: bold;
	color: #55636c;
	font-size: 15px;
	line-height: 33px;
	font-family: helvetica, arial, sans-serif;
	padding: 5px 0px 5px 0px;
	margin: 0px; }

.right h3 {
	font-weight: bold;
	color: #55636c;
	font-size: 22px;
	line-height: 24px;
	font-family: helvetica, arial, sans-serif;
	padding: 5px 0px 0px 0px;
	margin: 0px
	}

.right h4 {
	font-weight: bold;
	color: #55636c;
	font-size: 28px;
	line-height: 10px;
	font-family: lucida-grande, verdana, helvetica, arial, sans-serif;
	padding: 0px 0px 5px 0px;
	margin: 0px
	}

.right a:link,.right a:active,.right a:visited {
	text-decoration:none;
	color:#55636c;
	border:none;
	}
	
.right a:hover {
	color:#000;
	}

.right h3 a:link,.right h3 a:active,.right h3 a:visited {
	text-decoration:none;
	color:#55636c;
	border:none;
	}
	
.right h3 a:hover {
	color:#ffffff;
	text-decoration:none;
	}

.right ul {
	list-style-type:none;
        width: 350px;
        display: block;
	margin:0;
	padding:0;
	line-height:150%;
	font-size:13px;
	}
	
.right ul li {
	list-style-type:none;
        display: block;
	margin:0 0 10px;
	padding:0;
	}
	
.right ul li ul {
	list-style-type:square;
        display: block;
	margin:0;
	padding:0 3px;
	}
	
.right ul li ul li {
	list-style-type:none;
        display: block;
	background:#fff no-repeat 0 4px;
	border:1px solid #ccc;
	margin:0px 20px 5px 0px;
	padding:5px 5px 5px 10px;
	}
	
.right ul li ul li :hover {
	border-bottom:#ccc 1px solid;
	}

/************************************************
*	MIDDLE     								*
************************************************/
.middle {
	color: #696969;
	line-height:20px;
	overflow:hidden;
	font-size:13px;
	font-family: Lucida-Grande, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ccc;
}

.middle h1 {
    font-weight: bold;
    font-family: helvetica;
    font-size: 44px;
    color: #D3222A;
    line-height: 1;
}
.middle h2 {
	font-weight: normal;
	color: #00AEEF;
	font-size: 30px;
	line-height: normal;
	letter-spacing: 0px;
	font-family: arial, verdana, helvetica;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px
}

.middle h2 a:link, .middle h2 a:visited, .middle h2 a:active {
	color: #666666;
	text-decoration: none;

}

.middle h2 a:hover {
	text-decoration: underline;
}

.middle blockquote {
	font-weight: normal;
	background: #EEF6EC;
	text-align: center;
	color: #666666;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0px;
	font-family: times, georgia, "times new roman";
	border: thin double #CCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-left: 30px;
	margin-right:30px;
}

.middle img { padding:0; border:0; }

.middle h3 {
	font-size: 13px;
	font-weight: normal;
}

.middle h4 {
	font-size: 14px;
	font-weight: bold;
        padding: 0px;
        line-height: 1.5em;
}




.middle postlinks {
	font-size: 11px;
	color:#666666;
}

.post-text {
    background: #f7f7f7;
    padding: 5px 5px 5px 10px;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/************************************************
*	MIDDLE BLOG     								*
************************************************/

.middle-blog hr {
        padding-top: 5px;
	height:1px;
	border-top: 1px solid #ccc;
        border-right: 0px solid #fff;
        border-bottom: 0px solid #fff;
        border-left: 0px solid #fff;
}

.middle-blog {
	background-color:#FFFFFF;
	float:left;
	color: #696969;
        width:640px;
	overflow:hidden;	
	font-size:13px;
	line-height:20px;
	font-family: Lucida-Grande, Arial, Helvetica, sans-serif;
	padding: 20px 20px 30px 20px;
	margin: 0px auto 0px auto;
	border-right: thin solid #cccccc;
}

.middle-blog h1 {
    font-weight: bold;
    font-family: helvetica;
    font-size: 44px;
    color: #D3222A;
    line-height: 1;
}

.post h2 {
	font-weight: bold;
	color: #d3222a;
    text-decoration:none;
	font-size: 30px;
	line-height: normal;
	letter-spacing: 0px;
	font-family: arial, verdana, helvetica;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px
}

.post h2 a {
	color: #d3222a;
    text-decoration: none;
}

.post h2 a:hover {
	text-decoration: none;
}

.middle-blog blockquote {
	font-weight: normal;
	background: #EEF6EC;
	text-align: center;
	color: #666666;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0px;
	font-family: times, georgia, "times new roman";
	border: thin double #CCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-left: 30px;
	margin-right:30px;
}

.middle-blog img { padding:0; border:0; }

.middle-blog h3 {
	font-size: 13px;
	font-weight: normal;
}

.middle-blog h4 {
	font-weight: bold;
        padding: 0px;
        line-height: 1em;
        font-size: 16px;
        color:#2EB7F2;
}
.middle-blog h5 {
	font-size: 20px;
	font-weight: normal;
        padding: 0px 0px 0px 0px;
}


.middle-blog postlinks {
	font-size: 11px;
	color:#666666;
}

.post-text {
    background: #f7f7f7;
    padding: 5px 5px 5px 10px;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.middle-blog .post-meta {
    font-size: 11px;
    color: #888888;
    padding: 5px 0px 8px 0px;
    width: 100%;
    border-bottom: 0px solid #ccc;
}

.middle-blog .meta-left {
    background: #fff;
    font-size: 11px;
    width: 300px;
    padding: 0px 0px 0px 0px;
    border: 0px dashed #ccc;
}

.middle-blog .meta-social {
    float: right;
    text-align: right;
    background: #fff;
    font-size: 11px;
    width: 260px;
    padding: 10px 0px 0px 0px;
    border: 0px dashed #ccc;
}

/************************************************
*	BLOG BOTTOM     								*
************************************************/

.blog-social-bottom {
    background: #FFFFFF;
    color: #888888;
	display: block;
	width: 640px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px 20px 0px;
}

.blog-social-bottom h2 {
    color:#2EB7F2;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.8em;
}

.blog-post-bottom {
    background: #FFFFFF;
    color: #888888;
    overflow: auto;
    padding: 20px 20px 20px 0px;
}

.blog-post-bottom h2 {
    color:#d3222a;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.6em;
}

.blog-post-bottom-left {
    float: left;
    display: inline;
    width: 100px;
    padding: 5px 20px 0px 0px;
}

.blog-post-bottom-right {
    display: block;
    padding: 5px 0px 0px 0px;
}

.blog-post-bottom input#blkjid-blkjid {
    background:#fff;
    border:1px solid;
    height:30px;
    width: 308px;
    margin: 10px 10px 00px 0px;
    color:#999;
    font-size:12px;
    padding: 0px 10px 0px 10px;
}


.linkwithin_text {
    color: #999999;
}

/************************************************
*	GREY-INFO     								*
************************************************/
.grey-info {
    background: #3d3d3f;
    width:965px;
    height:325px;
    padding: 10px 0px 10px 30px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
}

.grey-info p {
    padding-left:0px;
    padding-right:20px;
    color: #999;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: normal;
    font-family: helvetica;
}

.grey-info h2 {
    font-family: helvetica;
    font-size: 27px;
    font-weight:normal;
    color:#ffffff;
    padding-top:15px;
}

.grey-info h2 a:link, .grey-info h2 a:active, .grey-info h2 a:visited {
    font-family: helvetica;
    font-size: 27px;
    font-weight:normal;
    color:#ffffff;
    padding-top:15px;
}

/************************************************
*	FEATURES     								*
************************************************/

.features {
    float:left;
    width:33.3%;
    text-align:left;
}

.features a, .features a:active, .features a:visited {
    color: #ccc;
}

.features a:hover{
    color: #ffffff;
}

.features .left-read {
    float:left;
    padding-left:0px;
}

.features .right-watch {
    float:right;
    padding-right:40px;
}


.features-subheadline {
    font-size: 17px;
    line-height:1.5em;
    color: #aaa;
    font-family: verdana, helvetica, arial;
}

.features-middle {
    overflow:hidden;
    margin-top:10px;
    padding-top:20px;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #ccc;
    margin-bottom:10px;
    padding-bottom:20px;
}

.features-middle h4 {
	font-size: 14px;
	font-weight: bold;
        line-height: 1.5em;
        padding: 0;
        margin: 0;
}

.features-leftcolumn {
    overflow:hidden;
	display:inline;
    float:left;
    width: 530px;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: #ccc;
}

.features-rightcolumn {
    overflow:hidden;
    display:inline;
    float:left;
    width: 470px;
    padding-left: 25px;
}

.features-feature {
    overflow:hidden;
    margin-right: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}


.features-feature-last {
    overflow:hidden;
    margin-right: 30px;
}

.features-image {
    float:left;
    overflow:hidden;
    margin-right: 20px;
    width:211px;
}

.features-image img {
    border-width: thin;
    border-style: solid;
    border-color: #ccc;
}

.features-desc {
    overflow:hidden;
    float: left;
    width: 269px;}

.features-desc blockquote  {
	font-weight: normal;
	background: #fff;
	text-align: left;
	color: inherit;
	font-size: inherit;
	line-height: 20px;
	letter-spacing: 0px;
	font-family: inherit;
	border: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 40px;
	margin-right:0px;
}

.features-prev {
    float: left;
    font-size:14px;
}

.features-next {
    float: right;
    padding-right: 30px;
    font-size:14px;
}


.features-prev a, .features-next a:visited, .features-next a:active {
    color:#2EB7F2;
}

.features-next a, .features-next a:visited, .features-next a:active {
    color:#2EB7F2;
}


.features-desc a, .features-desc a:visited, .features-desc a:active {
    color:#2EB7F2;
}

.features-text {
    overflow: hidden;
    padding-right:30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}

.features-text img {
    padding-top: 10px;
    padding-bottom: 10px;
}

/************************************************
*	HOME     								*
************************************************/

.home-leftcolumn {
    overflow:hidden;
    float:left;
    width: 685px;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: #ccc;
}

.home-rightcolumn {
    overflow:hidden;
    float:left;
    width: 315px;
    padding-left: 25px;
}

.home-headline h1 {
    font-weight: bold;
    font-family: helvetica;
    font-size: 32px;
    color: #D3222A;
    line-height: 1;
}

.home-subheadline {
    font-size: 17px;
    line-height:1.5em;
    color: #999999;
    font-family: verdana, helvetica, arial;
}

.home-top {
	background-color: #eefcfe;
	padding-bottom: 5px;
	padding-top: 5px;
}

/************************************************
*	PRICING     								*
************************************************/


.pricing-image {
    float:left;
    overflow:hidden;
    margin-right: 20px;
    width:211px;
}

/************************************************
*	SIGNUP     								*
************************************************/

.signup-text {
    overflow: hidden;
    padding-right:30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.signup-text a, .signup-text a:visited, .signup-text a:active {
    color:#2EB7F2;
}

.signup-text h4 {
    font-size: 18px;
    color:#2EB7F2;
}

/************************************************
*	FOOTER     								*
************************************************/

#footer {
background-color: #fff;
overflow: hidden;
height: auto;
width:1051px; 
margin-left: auto;
margin-right: auto;
clear:both;
padding: 1px 30px 20px 30px;
}

.footer-center {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #ccc;
}

#footer a, #footer a:visited, #footer a:active {
color:#00AEEF;
font-weight:normal;
font-size:12px;
font-family:helvetica, arial;
}

#footer p {
color: #666;
font-size: 12px;
}

.footerblocks {
float:left;
width: 45%;
padding-bottom: 0px;
}

.footerblocks h3 {
color: #00AEEF;
font-size: 16px;
}

.footer-bottom {
background-color: #fff;
overflow: hidden;
height: auto;
width:1051px; 
margin-left: auto;
margin-right: auto;
clear:both;
padding: 1px 30px 20px 30px;
}

.footer-bottom p{
    text-align:center;
    color: #666;
    font-size: 12px;
}

.footer-bottom a, .footer-bottom a:visited, .footer-bottom a:active {
    text-align:center;
    color: #00AEEF;
    font-size: 12px;
}

#footer hr {
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #aaa;
}

#footer2 hr {
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #aaa;
}

#footer2 {
background-color: #fff;
overflow: hidden;
height: auto;
width:1051px; 
margin-left: auto;
margin-right: auto;
clear:both;
padding: 1px 40px 20px 0px;
}

.footer-center2 {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #ccc;
}

#footer2 a, #footer2 a:visited, #footer2 a:active {
color:#00AEEF;
font-weight:normal;
font-size:12px;
font-family:helvetica, arial;
}

#footer2 p {
color: #666;
font-size: 12px;
}

.footerblocks2 {
float:left;
width: 45%;
padding-bottom: 0px;
}

.footerblocks2-right h2{
color: #00AEEF;
font-size: 16px;
}


.footerblocks2 h3{
color: #00AEEF;
font-size: 16px;
}

.footerblocks-right{
float:right;
width: 40%;
padding-bottom: 0px;
color: #666;
font-size: 12px;
line-height:1.5em;
}

.footerblocks-right h2{
color: #00AEEF;
font-size: 16px;
}

.footerblocks-right h3 {
color: #00AEEF;
font-size: 16px;
}

.footerblocks-right ul {
padding-left: 0px;
}

.footerblocks-right li {
	list-style:none
}

.footer-bottom2 {
background-color: #fff;
overflow: hidden;
height: auto;
width:1051px; 
margin-left: auto;
margin-right: auto;
clear:both;
padding: 1px 40px 20px 0px;
}

.footer-bottom2 p{
    text-align:center;
    color: #666;
    font-size: 12px;
}

.footer-bottom2 a, .footer-bottom a:visited, .footer-bottom a:active {
    text-align:center;
    color: #00AEEF;
    font-size: 12px;
}

.left-login {
    float: left;
    padding-right: 10px;
}

.right-password {
    float: left;
    padding-right: 10px;
}

.recent_with_excerpt blockquote {
    margin:0px;
    margin-top:-7px;
}


/************************************************
*	COMMENTS     								*
************************************************/


.comment-section {
	float:left;
        background-color: #FFFFFF;
	margin:0px;
	line-height:1.8em;
	width:640px;
	overflow:auto;
	padding:0px 20px 20px 20px;
	font-size:12px;
        border-top: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
}

.comment-section h3 {
        font-family: arial, helvetica, verdana, sans-serif;
	font-size: 25px;
	color: #00BFEA;
	margin:0 7px 3px 0;
	padding:10px 0px 10px 0px;
        font-weight: normal;
}

.comment-section author, .comment-section author a:link, .comment-section author a:visited, .comment-section author a:active {
        font-family: arial, helvetica, verdana, sans-serif;
        font-weight: normal;
	font-size:15px;
	color: #B3D8A0;
}


.comment-section .post-meta {
    font-size: 11px;
    color: #888888;
    padding: 5px 0px 8px 0px;
}

ol.commentlist {
    margin:0 0 1px;
    padding:0;
}

ol.commentlist li {
    list-style:none;
    margin:0;
    padding:20px 0px 1px;
}

ol.commentlist li.commenthead {
    list-style:none;
    margin:0;
} 

ol.commentlist li.commenthead h2 {
    margin:0;
}


.gcomment {
    margin-bottom:0px;
    background-color:#FFFFFF;
    padding: 0px 3px 0px 3px;
}

.comment-meta {
    font-size: 11px;
    color: #888888;
}

.ucomment {
    margin-bottom:3px;
    background-color:#FFFFFF;
    padding: 0px 3px 0px 3px;
    color: #888888;
} 

.ucomment img,.addthis img {
    border:0;
}

.comment-section hr {
    height: 1px;
    width: 600px;
    margin:0px auto 0px auto 0px;
    background:#FFFFFF repeat-x scroll center;
    border-top: #ffffff;
    border-left:#ffffff;
    border-right:#ffffff;
    border-bottom:1px solid #d7d7d7;
    clear:both;
}

.comment-section label {
    font-size: 12px;
    color: #888888;
    line-height: 30px;
}

input#author, input#email{
    height:25px;
    width: 220px;
    margin: 0px 10px 0px 0px;
    color:#999;
    font-size:13px;
    padding: 0px 5px 0px 5px;
}

textarea#comment {
    font-family: verdana;
    margin: 0px 10px 0px 0px;
    color:#999;
    font-size:13px;
    padding: 5px 10px 0px 5px;
}

input#submit { background:#FFFFFF; border:0px solid #FFFFFF; color:#fff; font-size:13px; }

/* END COMMENTS */




