/* Base Styling */
* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	background: #fff;
}

img {
	border: 0;
}

hr {
	height: 1px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

blockquote {
	background: #fffbcc;
        color: #a5a06f;
	border: 1px solid #E6DB55;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 0.7em;
	-webkit-border-radius: 5px;
        margin-bottom: 15px;
}

blockquote p { margin: 0; }

/* Page Elm's */
#header {
	height: 103px;
	padding-top: 45px;
}

#headWrap {
	width: 925px;
	margin-left: 75px;
}

#headWrap #tad { 
        margin: 0 auto;
}

#headWrap #socialm {
	list-style: none;
	z-index: 1;
	float: left;
	display: block;
	margin-left: 390px;
	margin-bottom: -3px;
}

#headWrap #socialm li {
	float: left;
	margin-right: 15px;
}

#headWrap #socialm li a {
	display: block;
}

#headWrap #pages {
	list-style: none;
	float: right;
	padding-top: 13px;
}

#headWrap #pages li {
	float: left;
	margin-right: 10px;
	font-size: 11px;
}

#headWrap #pages li a {
	text-decoration: none;
	color: #777;
}

#headWrap #pages li a:hover {
	color: #212121;
}

#logoBar {
	height: 79px;
	background: #fff url('http://i.insidethewebb.com/v3/header-bg.gif') repeat-x bottom;
}

#logoBar #logoContent {
	width: 925px;
	margin-left: 75px;
}

#logoBar #logoContent #logo {
	display: block;
	float: left;
	margin-top: -16px;
}

#logoBar #logoContent #searchArea {
	float: right;
	margin-right: 10px;
	margin-top: 25px;
}

#logoBar #logoContent #searchform {
	display: block;
}

#logoBar #logoContent #searchArea .searchBar {
	border: 0;
	background: #fff;
	padding: 0px 8px;
	width: 240px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #888;
	display: block;
	line-height: 32px;
	height: 32px;
	float: left;
}

#logoBar #logoContent #searchArea #submit {
	background: #fff url('http://i.insidethewebb.com/v3/submit-search.png') no-repeat 0px 4px;
	border: 0;
	height: 32px;
	width: 37px;
	float: left;
	margin-left: -4px;
}

#logoBar #logoContent #searchArea #submit:hover {
	cursor: pointer;
}

/* Navigation */
#navbar {
	height: 35px;
	background: #4c83c5 url('http://i.insidethewebb.com/v3/nav-bg.gif') repeat-x;
	margin-top: 3px;
}

#navbar #navLinks {
	width: 925px;
	margin-left: 90px;	
}

#navbar #navLinks #nav {
	list-style: none;
}

#navbar #navLinks #nav li {
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	display: inline;
	margin-right: 10px;
}

#navbar #navLinks #nav li a {
	padding: 5px 8px;
	text-decoration: none;
	color: #fff;
}

#navbar #navLinks #nav li a:hover {
	background: #fff;
	color: #121212;
}

#leaderboard-ad {
        display: block;
        width: 925px;
        margin-left: 75px;
        padding: 5px 8px;
        margin-top: 10px;
        margin-bottom: -15px;
       text-align: center;
}

/* Main Content */
#mainContent {
	width: 925px;
	margin-left: 75px;
	padding: 5px 12px;
	margin-top: 30px;
	margin-bottom: 25px;
}

#l {
	float: left;
	width: 610px;
	padding: 0 5px;
	margin-right: 15px;
}

#r {
	float: left;
	width: 275px;
}

/* Sidebar */
#r ul, #r li, #r ul li {
	list-style: none;
}

#r .sidebarModule {
	display: block;
	margin-bottom: 12px;
}

#r h2 {
	font-size: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
}

#r .sidebarModule h2.feedburner {
	background: url('http://i.insidethewebb.com/v3/feedburner.png') no-repeat;
	padding-left: 65px;
	height: 45px;
	line-height: 35px;
	font-size: 18px;
	font-weight: normal;
	border: 0;
	margin-bottom: -20px;
}

#r .sidebarModule ul {
	font-size: 12px;
}

#r .sidebarModule h2 {
	padding-left: 5px;
	margin-bottom: 3px;
	font-size: 16px;
	color: #454545;
	border-bottom: 1px dotted #787878;
	line-height: 20px;
}

#r .sidebarModule ul li a, #r .sidebarModule a {
	display: block;
	width: auto;
	color: #3c74b8;
	padding: 7px 5px;
	font-weight: bold;
}

#r .sidebarModule ul li a:hover {
	color: #fff;
	background: #3c74b8;
	text-decoration: none;
}

#r #sidebar125 {
	
}

#r #sidebar125 h2 {
	margin-bottom: 6px;
}

#r #sidebar125 ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
}

/* Sidebar Modules */
#feedburnerSubscribe {
	padding: 3px;
	text-align: center;
	margin-top: 5px;
}

#feedburnerSubscribe label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666;
	display: block;
	margin-top: 14px;
	margin-bottom: 6px;
}

#feedburnerSubscribe #fburnerTxt {
	width: 230px;
	font-size: 12px;
	font-family: Georgia,Times New Roman;
	font-style: normal;
	color: #777;
	padding: 4px 6px;
	margin-bottom: 5px;
}

#feedburnerSubscribe #fburnerSub {
	padding: 3px 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #444;
}

/* Footer */
#footer {
	background: #111;
	border-top: 2px solid #0c0c0c;
	padding-bottom: 25px;
}

#footerContent {
	width: 925px;
	margin-left: 75px;
	padding-top: 6px;
	color: #fff;
	padding-left: 15px;
        background: url('http://i.insidethewebb.com/v3/itw-footer-graphic.gif') no-repeat bottom right;
}

#footerContent .col {
	float: left;
	margin-right: 35px;
}

#footerContent .col .foot-cat-separator {
	display: block;
	float: left;
	margin-left: 30px;
}

#footer-cats ul { 
	margin-left: -30px;
}

#footerContent .col h3 {
	text-transform: normal;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: normal;
}

#footerContent .col ul {
	list-style: none;
}

#footerContent .col ul li {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 13px;
	margin-bottom: 6px;
}

#footerContent .col ul li a {
	color: #404040;
	text-decoration: none;
}

#footerContent .col ul li a:hover {
	color: #555;
	border-bottom: 1px dotted #555;
}

/* Fonts */
.entry h1, .post h1, h1.pagetitle {
	font-size: 26px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5a6e4f;
}

.entry h2, .post h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 21px;
	font-family: 'Book Antiqua', Palatino, Times New Roman, serif;
	color: #5f4695;
	margin-bottom: 5px;
}

.entry h3, .post h3 {
	font-size: 18px;
	text-transform: normal;
	line-height: 27px;
	font-weight: normal;
	color: #555;
	font-style: italic;
	margin-bottom: 3px;
	font-family: Georgia, Times New Roman, serif;
}

.entry h4, .post h4 {
	color: #3f7fb4;
	line-height: 20px;
	letter-spacing: normal;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 1px;
}

.entry h5, .post h5 {
	font-size: 12px;
	text-transform: uppercase;
	color: #516f2d;
	line-height: 18px;
	margin-bottom: 7px;
}

p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 21px;
	margin-bottom: 15px;
}

a {
	color: #4c83c5;
	text-decoration: none;
}

a:hover {
	color: #1d5598;
	text-decoration: underline;
}

.entry ul {
        margin-left: 20px;
        list-style: circle;
        font-size: 14px;
        margin-bottom: 12px;
}

.entry ul li {
        margin-bottom: 5px;
}

h4.divide {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #888888;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	margin-bottom: 6px;
	background: url('http://i.insidethewebb.com/v3/divide.gif') repeat-x 0 6px;
}

h4.divide span {
	background: #fff;
	padding-right: 6px;
}

h4.divide span.abc { 
        padding-left: 5px;
        padding-right: 7px;
}

h4.divide img { 
        display: block;
        float: left;
        padding: 1px;
        border: 1px solid #bbb;
        background: #fff;
        margin-top: -8px;
}

h4#postedby {
        margin-bottom: 6px;
}

.entry h4.divide {
	background-position: 0 6px;
	letter-spacing: normal;
	line-height: 14px;
	margin-bottom: 4px;
}

/* Posts */
.post h2, .post h1.title {
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 6px;
}

.post h2 a {
	text-decoration: none;
	color: #3591e7;
	padding-right: 4px;
	padding-left: 2px;
}

.post h2 a:hover {
	background: #3591e7;
	color: #fff;
}

.post h1.title {
	color: #555;
	font-size: 31px;
	line-height: 35px;
}

#firstStory .post h2 {
	font-size: 36px;
	line-height: 40px;
}

p.postMeta {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #bbb;
	margin-bottom: 12px;
	line-height: 16px;
}

p.postMeta a {
	text-decoration: none;
	color: #74a9e8;
}

p.postMeta a:hover {
	color: #386eae;
}

.post #postFooterInfo {
	margin-bottom: 15px;
        margin-top: 20px;
}

.post #postFooterInfo p {
	margin-bottom: 7px;
	font-size: 12px;
}

.post #postFooterInfo p.tagging {
	float: left;
}

.post #postFooterInfo p.catting {
	float: right;
}

.post #postFooterInfo span.hreflinks {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.SMShare .SMContent {
	padding: 5px 9px;
}

.SMShare .SMContent .shareWidgets {
	display: block;
	margin-left: 65px;
}

.SMShare .SMContent .boxx {
	float: left;
	margin-right: 28px;
	padding-top: 3px;
}

.SMShare .SMContent #delShareBox {
	display: block;
	background: url('http://i.insidethewebb.com/graphics/delicious-save-bg.png') no-repeat;
	width: 52px;
	height: 48px;
	min-height: 48px;
	padding-top: 15px;
	margin-bottom: -7px;
	text-align: center;
}

.SMShare .SMContent #delShareBox #delSavesTotal {
	padding: 4px 9px;
	color: #ddd;
	font-size: 18px;
	font-weight: bold;
	background: url('http://i.insidethewebb.com/graphics/delicious-count-bg.png');
}

.SMShare .SMContent #delShareBox #delSavesTotal #delSavesText {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	display: block;
}

.SMShare .SMContent #delSaveLink {
	display: block;
	text-align: center;
}

.SMShare .SMContent #delSaveLink a {
	display: block;
	border: 1px solid #deeaf7;
	width: 52px;
	padding: 4px 0;
	padding-top: 3px;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, Times New Roman;
}

.SMShare .SMContent #delSaveLink a:hover {
	background: #3d6cae;
	color: #fefefe;
	text-decoration: none;
}

.SMShare .SMContent #blogengageboxx { 
	padding-top: 12px;
}

.post #postFooterAuthor {
	margin-bottom: 40px;
}

.post #postFooterAuthor #authorPhoto {
	float: left;
	margin-right: 10px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

.post #postFooterAuthor #authorContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 25px;
	color: #4d617f;
	font-style: normal;
	margin-bottom: -1px;
}

.post #postFooterAuthor #authorContent h2 .tweeter {
	font-size: 14px;
}

.post #postFooterAuthor #authorContent .currentProject {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	display: block;
	margin-bottom: 7px;
	font-weight: bold;
}

.post #postFooterAuthor #authorContent .currentProject a {
	color: #516f2d;
}

.post #postFooterAuthor #authorContent p {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	line-height: 19px;
	color: #333;
}

#firstStory #featuredImg, .post #featuredImg {
	margin-bottom: 8px;
}

#firstStory #featuredImg .featureimg, .post #featuredImg .featureimg {
	background: #fff;
	padding: 4px;
	border: 1px solid #ddd;
	float: left;
}

#firstStory #featuredImg .mediaSharesTop, .post #featuredImg .mediaSharesTop {
	float: left;
	margin-left: 15px;
}

#featuredImg .mediaSharesTop .mediaTopWidget {
	display: block;
	margin-bottom: 15px;
}

.entry .articleMediaSharesC {
	float: right;
	margin-left: 6px;
}

.entry .articleMediaSharesC .sms {
	float: left;
	display: block;
	margin-right: 15px;
}

/* Comments */
#comments {
	margin-bottom: 5px;
}

#comments h3#commentsHead {
	color: #5f834c;
}

#comments p.commentstatus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 10px;
}

#respond {
	border: 1px solid #c4d1e5;
	background: #f4f6fa;
	padding: 5px 10px;
}

#respond h3 {
	font-style: normal;
}

#respond p.default {
	font-size: 12px;
	margin-bottom: 7px;
}

#respond #comment {
	color: #555;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 16px;
	padding: 7px 10px;
	width: 470px;
	height: 180px;
	border: 1px solid #ddd;
	background: #fff url('http://i.insidethewebb.com/graphics/comment-box-bg.png') no-repeat bottom right;
	margin-bottom: 12px;
}

#respond #commentform .commentxt {
	color: #555;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 15px;
	padding: 4px 6px;
	width: 200px;
	border: 1px solid #ddd;
	background: #fff;
}

#respond #submit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #555;
	padding: 4px 8px;
	margin-bottom: 6px;
}

#comments .comment {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	list-style-type: none;
}

#comments .avatar  {
	float: left;
}

#comments img.avatar  {
	background: #fff;
	padding: 4px;
	border: 1px solid #ccc;
}

#comments .comment-right  {
	margin-left: 95px;
	color: #fff; 
}

#comments .comment-right .comment-head {
	color: #fff;
}

#comments .comment-right .comment-head a, #comments .comment-right .comment-head .date a {
	color: #fefefe;
	text-shadow: #556040 0px 1px 0px;
}

#comments .comment-right .comment-head a:hover, #comments .comment-right .comment-head .date a:hover { 
	border-bottom: 1px dotted #fefefe;
	text-decoration: none;
}

#comments .comment .comment-container  { 
	padding: 3px 0;
}

#comments .comment-head  { 
	/*background: #161616 url('http://i.insidethewebb.com/v3/commenthead-bg.png') repeat-x bottom;*/
        background: #333;
	border: 1px solid #c4d1e5;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	margin: 0; 
}

#comments .comment-head .name  {
	font-family: Georgia, serif;
	font-style: italic;
	margin: 0 0 -5px 0;
	font-weight: bold;
	font-size: 12px;
}

#comments .comment-head .date {
	margin-right: 10px;
}

#comments .comment-head .date a, #comments .comment-head .edit {
	font-size: 11px;
	color: #777;
}

#comments .comment-entry {
	background: #f4f6fa;
	border: 1px solid #c4d1e5;
	color: #555;
	padding: 20px 15px 10px 15px;
	border-width: 0 1px 1px 1px;
	font-size: 14px;
	line-height: 20px;
}

#comments .comment-entry p  {
	margin: 0 0 10px 0;
}

#comments .comment-entry a {
	color: #28637c;
}

#comments .comment-entry a:hover {
	border-bottom: 1px dotted #28637c;
}

#comments ul.children { 
	background: url('images/ico-comment-reply.png') no-repeat 0 25px;
	padding:0 0 0 25px;
	margin: 0;
}

#comments .cancel-comment-reply  
	{margin-bottom: 10px;
}

/* Misc Styles */
.featured-image-l {
	background: #fff;
	padding: 6px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 5px;
}

.featured-image-r {
	background: #fff;
	padding: 6px;
	border: 1px solid #ddd;
	float: right;
	margin-left: 5px;
}

.img-float-l {
	float: left;
	margin-right: 5px;
}

.img-float-r {
	float: right;
	margin-left: 5px;
}

.brdr {
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.displayimg { 
	padding: 5px;
	background: #fff;
	border: 1px solid #dddddd;
}

.article-screenshot {
	display: block;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 5px;
	background: #fff;
	padding: 6px;
	border: 1px solid #ddd;
}

.cntcinput { 
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #555;
	padding: 5px 7px;
	border: 1px solid #ccc;
}

.cntctxtarea {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 16px;
	color: #555;
	width: 470px;
	background: #fff url('http://i.insidethewebb.com/graphics/comment-box-bg.png') no-repeat bottom right;
	border: 1px solid #ccc;
	padding: 5px 8px;
}

.cntcsub {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #666;
	padding: 7px 10px;
}

.nobrdr, a.nobrdr, a.nobrdr:hover {
	border: 0;
}

#ftooltip {
        width: 263px;
        position: absolute;
        z-index: 1000;
        display: none;
}

.tooltip-text { 
        background: url('http://i.insidethewebb.com/v3/ballooncenter.jpg') repeat-y;
        color: #17599c;
        font-family: Georgia;
        font-style: italic;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        padding: 3px 4px;
}

.tooltip-bottom { 
        background: url(http://i.insidethewebb.com/v3/tips.png) no-repeat 0 -2px;
        width: 263px;
        height: 23px;
        overflow: hidden;
}

.tooltip-top { 
        background: url(http://i.insidethewebb.com/v3/tips.png) no-repeat 0 0px;
        width: 263px;
        height: 4px;
        overflow: hidden;
}

/* Bottom Page Navigation */
#btmPageNav { margin-top: 4px; }

#btmPageNav a { padding: 3px 4px; margin-bottom: 2px; text-decoration: none; color: #3591e7;  }
#btmPageNav a:hover { border-bottom: 3px solid #aaa; }

#btmPageNav span.pages { border: 0; font-family: Georgia, Times New Roman, serif; color: #ccc; font-size: 15px; font-weight: normal; margin-right: 10px; }

#btmPageNav span.current { padding: 3px 4px; margin: 2px; font-weight: normal; color: #3591e7; border-bottom: 3px solid #aaa; }

.wp-pagenavi span.extend {
	padding: 2px 40px 2px 4px;
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #808080;
	color: #808080;
	background-color: #ffffff;
}
.wp-pagenavi a:active {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	text-decoration: none;
	border: 1px solid #808080;
	color: #808080;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 5px 2px 5px; 
	margin: 3px 3px 3px 3px;
	color: #303030;
	border: 1px solid #303030;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 5px 2px 5px; 
	margin: 3px;
	font-weight: bold;
	border: 1px solid #303030;
	color: #ffffff;
	background-color: #303030;
}
.wp-pagenavi span.extend {
	padding: 2px 5px 2px 5px; 
	margin: 3px;	
	border: 1px solid #303030;
	color: #303030;
	background-color: #FFFFFF;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}