@charset "utf-8";

/*
Theme Name: andrewphelps.com
Theme URI: http://andrewphelps.com/
Description: Custom theme for andrewphelps.com
Author: Andrew Phelps
Author URI: http://andrewphelps.com/
*/

body {margin:0;font-size:62.5%;background-color:#333;font-family:Helvetica,Arial,sans-serif}
img {border:0;max-width:100%}
#container {width:580px;margin:30px auto;background:#fff;padding:0 30px 20px 30px;border:1px solid #aaa}
#networks {text-transform:uppercase;text-align:center}
blockquote {border-left:1px solid #999;padding-left:15px}
blockquote p {padding:0}
.network {margin:0;border-right:1px solid #ccc;padding:10px}
.first_network {margin:0;border-left:1px solid #ccc;margin:0;border-right:1px solid #ccc;padding:10px}
#twitter_div {background-color:#ffc;margin:0 auto 40px auto;font:normal 1.2em Helvetica,Arial,sans-serif;border:1px solid #ccc;padding:10px}
/* ul {list-style:none;margin:0;padding:0} */
#twitter_div ul, #twitter_div li {margin:0;padding:0;list-style:none}
#blog ul, #blog ol {font:normal 1.35em Helvetica,Arial,sans-serif;line-height:155%;color:#555;padding-top: 4px;list-style:square;}
/*li {margin-top:10px}*/
.content {margin:0;text-align:justify;padding:15px}
.content p, #blog p, #blog form {font:normal 1.6em Helvetica,Arial,sans-serif;line-height:155%;color:#555;}
#blog {padding:15px}
/*#blog p:first-line {font-size:150%;text-transform:uppercase}*/
/*.content img {vertical-align:middle;max-width:200px}*/
a:link {text-decoration:none;color:#f60}
a:visited {text-decoration:none;color:#f60}
a:hover {text-decoration:underline}
a:active, a:focus { outline: 0; }
/*NAV {padding:5px;border-bottom:1px dotted #333;background:#000;text-align:center;font-size:1.2em;text-transform:uppercase;color:#fff}
NAV IMG {vertical-align:middle;border:0}
*/
#nav {padding:5px;border-bottom:1px dotted #333;background:#000;text-align:center;font-size:1.2em;text-transform:uppercase;color:#fff}
#nav IMG {vertical-align:middle;border:0}
.breakout {padding: 5px;border: 1px dotted #333;margin:10px 0 10px 0;width:auto;background:#ff9}
ARTICLE HEADER H1 {font-weight:normal;letter-spacing:-.075em;margin:0;color:#333;font:normal 3.8em Helvetica,Arial,sans-serif;text-transform:uppercase}
/*
h2 {font-weight:normal;letter-spacing:-.075em;margin:0;color:#333;font:normal 3.8em Helvetica,Arial,sans-serif;text-transform:uppercase}
*/
h1 {text-align:center;font-weight:bold;letter-spacing:-.075em;margin-top:25px;margin-bottom:0;color:#111;font:normal 5.8em Helvetica,Arial,sans-serif;text-transform:uppercase}
h3 {font-weight:normal;letter-spacing:-.075em;margin:20px 0;color:#999;font:normal 3em Helvetica,Arial,sans-serif;text-transform:uppercase}
.entry {padding:15px;margin:0;border:1px solid #fff;font:normal 1.3em Helvetica,Arial,sans-serif;color:#888;line-height:110%}
HR {border:0;color:#ccc;background-color:#ccc;height:1px;margin:20px 0}
/*
FOOTER {color:#ccc;font:normal 1.1em Helvetica,Arial,sans-serif;text-transform:uppercase;text-align:center;margin-top:10px}
*/
.footer {color:#ccc;font:normal 1.1em Helvetica,Arial,sans-serif;text-transform:uppercase;text-align:center;margin-top:10px}
/*
HEADER {color:#999;font:normal 1.1em Helvetica,Arial,sans-serif;text-transform:uppercase;margin:10px 0 30px 0}
*/
.metadata {color:#999;font:normal 1.1em Helvetica,Arial,sans-serif;text-transform:uppercase;margin:10px 0 30px 0}
.navigation {color:#999;font:normal 1.1em Helvetica,Arial,sans-serif;text-transform:uppercase;margin:0 0 10px 0}
.commentlist li {font-size:.8em;list-style:none}
.caption, .wp-caption { margin:0 0 30px 0 !important; }
.wp-caption-text { font-family:Helvetica,Arial,sans-serif; line-height:14px; font-size:1.2em !important; color:#000 !important; line-height:100% !important; margin-top:6px !important; font-weight:600 !important}
.alignleft { float:left; margin:0 4px 0 0; }
.alignright { float:right; margin:0 0 0 12px !important; }
.alignnone { margin-bottom:4px; }

.liveButton a, .liveButton button{
    display:block;
    /*float:left;*/
    margin:0 auto;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	width:110px;
	text-align:center;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:14px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.liveButton button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.liveButton button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.liveButton button img, .liveButton a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .liveButton a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.liveButton a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}