/* ##### Resets ##### */
    
    body { padding: 0; margin: 0; text-align: center; font: 62.5% "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;  background: url(http://www.stylewired.com/images/body.gif) no-repeat center top; }
    
    p, h1, h2, h3, h4, ul, li, ol, a img { padding: 0; margin: 0; list-style: none; border: none; font-weight: normal; }
    
    /* ##### /Resets ##### */
    
    
    /* ##### Sitewide Typography ##### */
    
    a:link { color: #f52d61; }
    a:hover { text-decoration: none; }
    
    /* ##### /Sitewide Typography ##### */
    
    
    /* ########## Structure ########## */
    
    #wrapper { width: 1000px; margin: 0 auto; }
    
    body#home #header { width: 1000px; height: 430px; background: url(http://www.stylewired.com/images/header.gif) no-repeat; }
    body#interior #header { width: 1000px; height: 240px; background: url(http://www.stylewired.com/images/header_interior.gif) no-repeat; }
    
    body#home #header h1 { width: 274px; height: 146px; background: url(http://www.stylewired.com/images/logo.gif) left bottom; margin: 223px 0 0 70px; display: inline; overflow: hidden; float: left; }
    body#home #header h1 a { width: 274px; height: 146px; background: url(http://www.stylewired.com/images/logo.gif) left top; display: block; overflow: hidden; text-indent: -5000px; }
    body#home #header h1 a:hover { background-position: left bottom; }
    body#interior #header h1 { width: 240px; height: 130px; background: url(http://www.stylewired.com/images/logo_interior.gif) left bottom; margin: 80px 0 0 70px; display: inline; overflow: hidden; float: left; }
    body#interior #header h1 a { width: 240px; height: 130px; background: url(http://www.stylewired.com/images/logo_interior.gif) left top; display: block; overflow: hidden; text-indent: -5000px; }
    body#interior #header h1 a:hover { background-position: left bottom; }
    
    body#home #header ul { display: none; }
    body#interior #header ul { float: right; width: 490px; margin: 0 70px 0 0; display: inline; overflow: hidden; background: url(http://www.stylewired.com/images/header-ul/background.gif) no-repeat left bottom; }
    body#interior #header ul li { width: 84px; height: 190px; margin: 50px 0 0 0; float: left; font-size: 1.2em; display: inline; overflow: hidden; }
    body#interior #header ul li a { text-align: center; color: #f5154f; text-decoration: none; }
    body#interior #header ul li a span { display: block; padding: 130px 0 0 0; }
    body#interior #header ul li#home { margin: 50px 0 0 70px; background: url(http://www.stylewired.com/images/header-ul/home.gif) right;  }
    body#interior #header ul li#home a { width: 84px; height: 190px; background: url(http://www.stylewired.com/images/header-ul/home.gif) left; display: block; }
    body#interior #header ul li#home a:hover { background-position: right; color: #333; }
    body#interior #header ul li#about { background: url(images/header-ul/about.gif) right;  }
    body#interior #header ul li#about a { width: 84px; height: 190px; background: url(http://www.stylewired.com/images/header-ul/about.gif) left; display: block; }
    body#interior #header ul li#about a:hover { background-position: right; color: #333; }
    body#interior #header ul li#services { background: url(images/header-ul/services.gif) right;  }
    body#interior #header ul li#services a { width: 84px; height: 190px; background: url(http://www.stylewired.com/images/header-ul/services.gif) left; display: block; }
    body#interior #header ul li#services a:hover { background-position: right; color: #333; }
    body#interior #header ul li#portfolio { background: url(images/header-ul/portfolio.gif) right;  }
    body#interior #header ul li#portfolio a { width: 84px; height: 190px; background: url(http://www.stylewired.com/images/header-ul/portfolio.gif) left; display: block; }
    body#interior #header ul li#portfolio a:hover { background-position: right; color: #333; }
    body#interior #header ul li#contact { background: url(images/header-ul/contact.gif) right;  }
    body#interior #header ul li#contact a { width: 84px; height: 190px; background: url(http://www.stylewired.com/images/header-ul/contact.gif) left; display: block; }
    body#interior #header ul li#contact a:hover { background-position: right; color: #333; }
    
    body#home #main { background: #f5f5f5 url(http://www.stylewired.com/images/main.gif) no-repeat top; text-align: left; }
    body#interior #main { background: #f5f5f5 url(http://www.stylewired.com/images/main_interior.gif) no-repeat top; text-align: left; }
    
    
    /* ##### Content ##### */
    
    #content { width: 498px; float: left; margin: 0 0 0 70px; display: inline; overflow: hidden; padding: 0 0 70px 0; }
    body#home #content { position: relative; min-height: 285px; height: auto !important; height: 285px; }

    body#home #content h4 { width: 260px; height: 30px; background: url(http://www.stylewired.com/images/latest_post_heading.gif); text-indent: -5000px; overflow: hidden; }
    
    body#home #content h2 { margin: 40px 0 20px 0; min-height: 60px; height: auto !important; height: 60px; font: italic 3.2em/1.3em "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; color: #888; letter-spacing: -0.05em; }
    body#home #content h2 a { color: #888; text-decoration: none; }
    body#home #content h2 a:hover { color: #000; text-decoration: underline; }
    
    body#home #content p { font-size: 1.7em; color: #666; line-height: 1.4em; }
    
    body#home #content ul { position: absolute; bottom: 0; }
    body#home #content ul li { float: left; width: 130px; height: 35px; margin: 0 10px 0 0; display: inline; overflow: hidden; }
    body#home #content ul li#read-this-post { width: 130px; height: 35px; background: url(http://www.stylewired.com/images/read_this_post.gif) left bottom; }
    body#home #content ul li#read-this-post a { width: 130px; height: 35px; background: url(http://www.stylewired.com/images/read_this_post.gif) left top; display: block; text-indent: -5000px; overflow: hidden; }
    body#home #content ul li#read-this-post a:hover { background-position: left bottom; }
    body#home #content ul li#view-archives { width: 130px; height: 35px; background: url(http://www.stylewired.com/images/view_archives.gif) left bottom; }
    body#home #content ul li#view-archives a { width: 130px; height: 35px; background: url(http://www.stylewired.com/images/view_archives.gif) left top; display: block; text-indent: -5000px; overflow: hidden; }
    body#home #content ul li#view-archives a:hover { background-position: left bottom; }
    body#home #content ul li#subscribe { width: 130px; height: 35px; background: url(http://www.stylewired.com/images/subscribe.gif) left bottom; }
    body#home #content ul li#subscribe a { width: 130px; height: 35px; background: url(http://www.stylewired.com/images/subscribe.gif) left top; display: block; text-indent: -5000px; overflow: hidden; }
    body#home #content ul li#subscribe a:hover { background-position: left bottom; }
    
    body#interior #content { padding: 60px 0; width: 498px; }
    
    body#interior #content h2 { width: 300px; min-height: 80px; height: auto !important; height: 80px; margin: 0 0 15px 0; font: 3.5em/1em "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; color: #666; letter-spacing: -0.06em; }

.post { position: relative; }

    body#interior #content #comments-bubble { background: url(http://www.stylewired.com/images/comments_bubble.gif) bottom; width: 85px; height: 77px; text-align: center;position: absolute; top: 3px; right: 0; }
    body#interior #content #comments-bubble a { background: url(http://www.stylewired.com/images/comments_bubble.gif) top; width: 85px; height: 77px; display: block; font-size: 11px; color: #999; text-decoration: none; }
    body#interior #content #comments-bubble a b { display: block; font-weight: normal; font-size: 28px; padding: 18px 0 0 0; }
    body#interior #content #comments-bubble a:hover { background-position: bottom; }
    
body#interior #content #date { background: url(http://www.stylewired.com/images/date.gif) bottom; width: 82px; height: 62px; text-align: center; position: absolute; top: 6px; right: 95px; color: #999; font-size: 11px; }
    body#interior #content #date b { display: block; font-weight: normal; font-size: 28px; padding: 17px 0 3px 0; }
    
    body#interior #content p { font-size: 1.35em; line-height: 1.55em; color: #666; margin: 0 0 12px 0; }

    body#interior #content p.article { font-size: 1.8em; color: #666; line-height: 1.3em;  }
    
    body#interior #content h3 { color: #f5114c; margin: 28px 0 15px 0; font: 2em/1em "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; }
    body#interior #content h4 { color: #f5114c; margin: 28px 0 15px 0; font: 1.6em/1em "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; }
    
    body#interior #content ul, body#interior #content ol { padding: 10px 0 12px 0; }
    body#interior #content ul li { font-size: 1.35em; color: #666; margin: 0 0 3px 20px; background: url(http://www.stylewired.com/images/li.gif) no-repeat left center; }
    body#interior #content ol li { font-size: 1.35em; color: #666; margin: 0 0 3px 20px; list-style: decimal; }

body#interior #content ul ul li, body#interior #content ul ol li, body#interior #content ul li p { font-size: 0.9em; }

.archive-post { padding: 25px 0 25px 0; border-bottom: 2px dotted #ccc;  }
.archive-post h3 a { background: #f7dee4; color: #f5144e; border-bottom: 1px dotted #facbd6; text-decoration: none; font-size: 2em; line-height: 1.3em; }
.archive-post h3 a:hover { border-bottom: 1px solid #666; background: #facbdc; color: #333; }
body#interior #content p.posted-in { font-size: 1.5em; }
body#interior #content p.posted-in a { font-size: 1.2em; background: #f5144e; color: #fff; padding: 0 2px; text-decoration: none; }
body#interior #content p.posted-in a:hover { background: #000; }
.archive-post img { }

body#interior #content #p2c-header h2 { min-height: 0; height: auto !important; height: 0; width: 100%; }

#content span.wpcf7-form-control-wrap input, #content span.wpcf7-form-control-wrap textarea { border: 1px solid #ccc; padding: 10px; background: #efefef; }
#content span.wpcf7-form-control-wrap input:focus, #content span.wpcf7-form-control-wrap textarea:focus { border: 1px solid #999; padding: 10px; background: #FFFFFF; }

/*#content input.contact-form-button {
width: 280px;height: 40px;background: url(http://www.stylewired.com/images/comments/submit_comment.gif) top;
        display: block;overflow: hidden;text-indent: -5000px;margin: 10px 70px 0px 0;border: none;padding: 0;
        color: #333;line-height: 1px;font-size: 0.001em;
        cursor: pointer; clear: both;
	}

#content input.contact-form-button:hover {
        background-position: left bottom;
}

#content input.contact-form-button:active {
        background-position: left -80px;
} */

    
    /* ##### /Content ##### */


    /* ###### Comments ##### */

#comments-area {
        clear: both;
        padding: 70px 70px 0 70px;
background: #efefef;
}

#comments-area h3 { margin: 0px 0 15px 0; padding: 0 0 0 20px; font: 6em/1em "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; color: #dbdbdb; letter-spacing: -0.08em; }

#comments-area ol { padding: 20px 0px 0 0px; }
#comments-area ol li { width: 860px; padding: 20px 0; margin: 0 0 0px 0; font-size: 3.5em; list-style: decimal-leading-zero; color: #dbdbdb; }
#comments-area ol li.color1 { background: #f7f7f7; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
#comments-area ol li.color2 {   }

#comments-area ol li.author-comment {
        
}
#comments-area ol li.author-comment .commentator a:visited { color: #f52d61; }

#comments-area ol li .comment {
        float: left;
        width: 408px;
        padding: 0px 0 0 0;
margin: 0px 0 0 20px; display: inline; overflow: hidden;
line-height: 1.2em; font-size: 0.4em; color: #666;
}


.commentlist li p {
        margin: 0 0 12px 0;
}


#comments-area ol li .commentator {
        float: right;
        width: 280px;
        padding: 0px 0 0px 0;
margin: 0px 20px 0 0px; display: inline; overflow: hidden;
line-height: 1.2em; font-size: 0.4em; color: #666; text-align: right;
}

#comments-area ol li .commentator .myimg { display: block; margin: 0 0 10px 208px; } 

.commentator cite {
        
}

.commentator cite a {
        
}

.commentator cite a:hover {
        
}


#comments-area ol li .avatar { 
	border: 1px solid #eee;
	padding: 2px;
	}






#comments-area ol li.author-comment .comment {
        
        
}


#comments-area ol li.author-comment .commentator {
     
}

.commentmetadata {
	font-weight: normal;
        margin: 0;
	display: block;
	}


.nocomments {
	margin: 0;
	padding: 0;
	}


#comment-form {
        padding: 20px 0 70px 0px;
}

#comment-form h3 { margin: 0px 0 15px 0; font: 4em/1em "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; color: #dbdbdb; letter-spacing: -0.05em; padding: 0; }




#comment-form p {
	margin: 5px 0;
        
	}

#comment-author-details {
        float: right;
        width: 280px;
}


#comment-form input {
	width: 276px;
	padding: 2px;
	}

#comment-textarea {
        float: left;
        width: 450px;
}

#comment-form textarea {
	width: 488px;
	padding: 5px;
        background: #ebebeb;
        border-top: 1px solid #ccc; border-left: 1px solid #ccc;
        border-bottom: 1px solid #fff; border-right: 1px solid #fff;
	}

#comment-form textarea:focus, #comment-form input#author:focus, #comment-form input#email:focus, #comment-form input#url:focus {
        border: 1px solid #ccc;
        background: #fff;
}

#comment-form input#author, #comment-form input#email, #comment-form input#url {
        width: 276px;
        padding: 2px;
        margin: 0 0 5px 0;
        border-top: 1px solid #ccc; border-left: 1px solid #ccc;
        border-bottom: 1px solid #efefef; border-right: 1px solid #efefef;
        background: #ebebeb;
	}


#comment-form #submit {
width: 280px;height: 40px;background: url(http://www.stylewired.com/images/comments/submit_comment.gif) top;
        display: block;overflow: hidden;text-indent: -5000px;margin: 10px 70px 0px 0;border: none;padding: 0;
        color: #333;line-height: 1px;font-size: 0.001em;
        cursor: pointer; clear: both;
	}

#comment-form #submit:hover {
        background-position: left bottom;
}

#comment-form #submit:active {
        background-position: left -80px;
} 

hr.cleaner { clear: both; visibility: hidden; border: none; height: 1px; margin: -1px 0 0 0; }

    /* ###### Comments ##### */
    
    
    /* ##### Sidebar ##### */
    
    #sidebar, #home-sidebar { width: 280px; float: right; padding: 70px 0; margin: 0 70px 0 0px; display: inline; overflow: hidden; }
    #home-sidebar { min-height: 175px; height: auto !important; height: 175px; }

    body#home #home-sidebar h3 { width: 210px; height: 30px; background: url(http://www.stylewired.com/images/what_is_stylewired.gif); text-indent: -5000px; overflow: hidden; }
    body#home #home-sidebar p { font-size: 1.4em; color: #999; line-height: 1.5em; padding: 10px 0 0 0; }
    body#home #home-sidebar p a { color: #999; }
    
    body#home #home-sidebar p#portfolio-cta { background: url(http://www.stylewired.com/images/portfolio_cta.gif) left bottom; width: 230px; height: 35px; padding: 0; margin: 20px 0 0 0; }
    body#home #home-sidebar p#portfolio-cta a { background: url(http://www.stylewired.com/images/portfolio_cta.gif) left top; width: 230px; height: 35px; display: block; text-indent: -5000px; overflow: hidden; }
    body#home #home-sidebar p#portfolio-cta a:hover { background-position: left bottom; }
    
    body#home #home-sidebar p#services-cta { background: url(http://www.stylewired.com/images/services_cta.gif) left bottom; width: 230px; height: 35px; padding: 0; margin: 10px 0 0 0; }
    body#home #home-sidebar p#services-cta a { background: url(http://www.stylewired.com/images/services_cta.gif) left top; width: 230px; height: 35px; display: block; text-indent: -5000px; overflow: hidden; }
    body#home #home-sidebar p#services-cta a:hover { background-position: left bottom; }
    
    body#interior #sidebar ul li#conversion-cta { background: url(http://www.stylewired.com/images/sidebar/conversion_cta.gif) bottom; width: 280px; height: 170px; }
    body#interior #sidebar ul li#conversion-cta a { background: url(http://www.stylewired.com/images/sidebar/conversion_cta.gif) top; width: 280px; height: 170px; display: block; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#conversion-cta a:hover { background-position: bottom; }
    
    body#interior #sidebar ul li#features h4 { background: url(http://www.stylewired.com/images/sidebar/features_h4.gif); width: 140px; height: 30px; margin: 40px 0 20px 140px; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#features ul li#cta-gallery { background: url(http://www.stylewired.com/images/sidebar/cta_gallery.gif) bottom; width: 280px; height: 80px; }
    body#interior #sidebar ul li#features ul li#cta-gallery a { background: url(http://www.stylewired.com/images/sidebar/cta_gallery.gif) top; width: 280px; height: 80px; display: block; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#features ul li#cta-gallery a:hover { background-position: bottom; }
    body#interior #sidebar ul li#features ul li#alt-web-glossary { background: url(http://www.stylewired.com/images/sidebar/alt_web_glossary.gif) bottom; width: 280px; height: 80px; margin: 10px 0 0 0; }
    body#interior #sidebar ul li#features ul li#alt-web-glossary a { background: url(http://www.stylewired.com/images/sidebar/alt_web_glossary.gif) top; width: 280px; height: 80px; display: block; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#features ul li#alt-web-glossary a:hover { background-position: bottom; }
    body#interior #sidebar ul li#features ul li#wordpress-checklist { background: url(http://www.stylewired.com/images/sidebar/wordpress_checklist.gif) bottom; width: 280px; height: 80px; margin: 10px 0 0 0; }
    body#interior #sidebar ul li#features ul li#wordpress-checklist a { background: url(http://www.stylewired.com/images/sidebar/wordpress_checklist.gif) top; width: 280px; height: 80px; display: block; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#features ul li#wordpress-checklist a:hover { background-position: bottom; }
body#interior #sidebar ul li#features p { text-align: right; padding: 5px 0 0 0; }
body#interior #sidebar ul li#features p a { color: #999; }
    
    body#interior #sidebar ul li#subscribe h4 { background: url(http://www.stylewired.com/images/sidebar/subscribe_h4.gif); width: 140px; height: 30px; margin: 40px 0 20px 140px; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#subscribe ul li#rss { background: url(http://www.stylewired.com/images/sidebar/rss.gif) bottom; width: 280px; height: 35px; margin: 0px 0 0 0; }
    body#interior #sidebar ul li#subscribe ul li#rss a { background: url(http://www.stylewired.com/images/sidebar/rss.gif) top; width: 280px; height: 35px; display: block; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#subscribe ul li#rss a:hover { background-position: bottom; }
    body#interior #sidebar ul li#subscribe ul li#email { background: url(http://www.stylewired.com/images/sidebar/email_newsletter.gif) bottom; width: 280px; height: 35px; margin: 10px 0 0 0; }
    body#interior #sidebar ul li#subscribe ul li#email a { background: url(http://www.stylewired.com/images/sidebar/email_newsletter.gif) top; width: 280px; height: 35px; display: block; text-indent: -5000px; overflow: hidden; }
    body#interior #sidebar ul li#subscribe ul li#email a:hover { background-position: bottom; }
    
    
    /* ##### /Sidebar ##### */
    
    
    /* ##### Footer ##### */
    
    #footer { clear: both; background: #fff; text-align: center; }
    #footer p { padding: 70px 0; color: #999; font-size: 1.2em; }
    
    /* ##### /Footer ##### */
    
    
    
    /* ########## /Structure ########## */
    




code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}



/* 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 */



/*
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}




/* Begin Form Elements */
#searchform {
	margin: 10px auto;

	padding: 5px 3px;
	text-align: center;
	}


#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}


select {
	width: 130px;


	}





/* End Form Elements */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

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

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

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




.center {

	text-align: center;
	}

.hidden {
	display: none;
	}



a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;


	margin-top: 10px;
	margin-bottom: 60px;

	}
/* End Various Tags & Classes*/




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







hr.cleaner { border: none; height: 1px; margin: -1px 0 0 0; padding: 0; visibility: hidden; clear: both; }