/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
body { margin: 0px; padding: 12px 0 18px 0; color: #555555; background:#ffffff url(http://www.indiespotting.com/wp-content/themes/PureType/images/bg.png); font-family: Verdana; font-size: 12px; line-height: 18px; }
a:link, a:visited { text-decoration: none; color: #e13a68; }
a:hover { color: #ee662d; }
a { outline: none; }
a img { border: none; }
img { border: none; margin-bottom: 10px; }
h1 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; }
h2 { margin: 0px 0px 10px 0px; font-weight: normal; font-size: 23px; }
h3 { margin: 0px 0px 10px 0px; font-weight: normal; color: #e13a68; font-size: 18px; }
h4 { margin: 0px 0px 10px 0px; font-weight: normal; color: #e13a68; font-size: 16px; }
ul { line-height: 16px;}
blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; background-color: #fbefe2; border: 1px solid #e0e0e0; }
td { padding: 6px; }


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
.headings { width: 194px; background-color: #c3ebae; display: block; height: 28px; font-weight: bold; color: #7b746f; padding-left: 20px; padding-top: 3px; clear: both; }
#wrapper2 { width: 950px; margin: auto; padding: 0; border: 2px solid #f2ded3; background: #fff; }
.post-wrapper { width: 636px; min-height: 1400px; margin-top: 15px; }
.rule { clear: both; border-top: none; width: 636px; margin: 5px 0px; float: left; }
.home-wrapper { width: 636px; border-top: 1px solid #f2ded3; margin-top: 15px; }
.home-left { width: 420px; border-right: 1px solid #f2ded3; float: left; }
.home-post-wrap { width: 395px; margin-top: 18px; border-bottom: 1px solid #f2ded3; padding: 15px 25px 25px 0px; }
.home-post-wrap-2 { width: 636px; margin-top: 18px; border-bottom: 1px solid #f2ded3; padding: 15px 0px; }
.home-post-wrap-3 { width: 636px; margin-top: 18px; border-bottom: 1px solid #f2ded3; padding: 0px; }
.catlist .sociable {display: none;}
.catlist h5 {font-weight:normal; font-size: 14px;}
.home-right { width: 214px; float: left; }
.readmore { float: right; padding-left: 20px; margin-top: 10px; }
.readmore a:link, .readmore a:hover { color: #7b746f; }
#header { width: 950px; margin-top: 0px; height: 219px; background-color: #373434; background-image: url(images/header-bg.gif); background-repeat: repeat-x; float: left; }
#container { float: left; width: 950px; background-image: url(images/bg.gif); background-repeat: repeat-y; background-position: left; }
#left-div { width: 660px; min-height: 4000px; margin-top: 12px; background-color: #FFF; float: left; padding-left: 16px; border-right: 1px solid #f2ded3; }
#left-inside { float: left; padding: 0px 0px 0px 19px; }
.adwrap { margin-left: 9px; float: left; padding: 5px 0px; }
.adwrap a, .adwrap a:hover, .adwrap a:visited { margin-right: 5px; margin-bottom: 5px; display: block; float: left; }
.home-sidebar-box { padding: 15px 0px 0px 20px; float: left; clear: both; }
.home-sidebar-box ul { margin: 0px 0px 15px 15px; padding-left: 0px; float: left; }
.thumbnail-div { border: none; float: left; margin-right: 10px; padding: 6px; display: inline; }
.post-info { color: #666666; font-size: 14px; float: left; clear: both; }
.post-info a:link, .post-info a:hover, .post-info a:visited { color: #e13a68; }
.logo h1.homelink a { display: block; width: 948px; height: 148px; padding: 0; }
.logo h1.homelink a span { display: none; }
.logo { float: left; width: 950px; height: 150px; padding-bottom: 4px; background:url(http://www.indiespotting.com/wp-content/themes/PureType/images/logo.png) no-repeat; }
.slogan { display:none; }
.current-category { background-color: #FFF; color: #ee662d; border: none; padding: 0px; display: block; margin-bottom: 0px; margin-top: 15px; width: 603px; font-size: 14px; }
.page-header { border: none; float: left; }
.page-title { display: none; }
.photo-credit { font-size: 10px; line-height: 1.3em; font-style: italic; color: #999999; }
.clear { clear: both }
.more-link { font-size: 14px; font-style: italic; color: #e13a68; }
.fb-like-btm { clear: both; float: left; margin: -44px 0 18px 230px; }

hr {
border: 0;
width: 100%;
color: #f2ded3;
background-color: #f2ded3;
clear: both;
height: 1px;
margin: 12px 0 14px 0;
}

div.linkcat { padding: 18px 0 8px 4px; clear: both;  }
div.linkcat a { font-weight: normal; color: #5b5b58; }
h2.linkcattitle { height: 38px; font-family: Verdana, serif; letter-spacing: .02em; font-size: 20px; color: #ee662d; font-weight: normal; padding: 0; }
div.linkcat  ul { margin: 0 0 4px 12px; list-style-type: disc; color: #e13a68; font-size: 12px; font-weight: normal; }
div.linkcat  ul li.brlink { padding: 4px 0px 2px 4px; font-size: 12px; }


/*---------------------[IMAGE TEASER]-------------*/

.imgteaser {
	margin: 0px 0px 18px 0px;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 0;
	background: #fff;
	}

.imgteaser a .more {
	position: absolute;
	right: 18px;
	bottom: 17px;
	font-size: .8em;
	color: #605b57;
	background: #ffffff;
	padding: 5px 10px;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: .9em;
	padding: 4px 6px;
	background: #ffffff;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #605b57;
	position: absolute;
	bottom: 18px;
	left: 18px;
	
	margin: 0;
	width: 592px;
	border-top: 1px solid #fbefe2;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}


/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 20px; font-family: Georgia; margin-top: 10px; color: #6a909f; float: left; margin-bottom: 15px; clear: both; }
.titles-orange a:link, .titles-orange a:visited, .titles-orange a:hover { text-decoration: none; font-size: 20px; font-family: Georgia; margin-top: 10px; float: left; margin-bottom: 15px; color: #ef9e88; }
.post-title { margin-top: 8px; }
.bluetitle, .bluetitle a:link, .bluetitle a:hover, .bluetitle a:visited { font-size: 72px; font-family: Georgia; color: #76a0b0; float: left; }
.redtitle, .redtitle a:link, .redtitle a:hover, .redtitle a:visited { font-size: 72px; font-family: Georgia; color: #ef9e88; float: left; }


/*------------------------------------------------*/
/*--------------------[COMMENTS]------------------*/
/*------------------------------------------------*/
.commentmetadata { text-transform: uppercase; color: #e13a68; font-size: 12px; text-transform: uppercase; margin-top: 10px; }
#comments { margin-top: 30px; }
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited { color: #e13a68; }
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says { color: #ee662d; font-family: Verdana; font-size: 16px; font-style: normal; }
.avatar { border: 2px solid #ffcccc; margin-bottom: -15px; margin-right: 10px; width: 40px; height: 40px; }
.comment, .pingback { border-bottom: 1px solid #f2ded3; margin-bottom: 15px; float: left; clear: both; width: 100%; list-style: none; }
.children .comment { border-top: 1px solid #f2ded3; border-bottom: none; padding-top: 15px; margin-bottom: 0px; }
.comment-reply-link, .comment-reply-link:visited { color: #fff !important; display: block; font-weight: bold; background-color: #709e8a; padding: 2px 7px; float: right; text-transform: lowercase; font-size: 11px; margin-bottom: 10px; margin-top: -10px; }
.commentlist { float: left; margin-left: 0px; padding-left: 10px; }
.comment-reply-link:hover { background-color: #7bab96; color: #fff; }
.cancel-comment-reply a:link, .cancel-comment-reply a:visited { color: #fff !important; display: block; font-weight: bold; background-color: #76a0b0; padding: 0px 5px; text-transform: lowercase; font-size: 10px; float: left; clear: both; }
#commentform { clear: both; float: left; }
.cancel-comment-reply a:hover { background-color: #7bab96; color: #fff; }
#respond { float: left; width: 100%; font-size: 14px; margin-right: 10px; }
#respond h3 {font-size: 14pt; padding-top: 24px; }
.comment-body img {border: none; float: right; padding: 0 8px;}
div.commentnumber { float: right; color: #ee662d; font-size: 14px; }


/*------------------------------------------------*/
/*-----------------[COMMENT FORM]-----------------*/
/*------------------------------------------------*/
#commentform { margin: 10px 0px 0px 20px; }
#commentform textarea { background: #ffffff; border: 1px solid #cccccc; width: 350px; padding: 10px; }
#commentform #email { font-size: .7em; background: #ffffff; border: 1px solid #cccccc; width: 220px; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #author { font-size: .7em; background: #ffffff; border: 1px solid #cccccc; width: 220px; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }
#commentform #url { font-size: .7em; background: #ffffff; border: 1px solid #cccccc; width: 220px; height: 20px; padding-left: 30px; padding-top: 6px; margin-bottom: 3px; }


/*------------------------------------------------*/
/*---------------[PAGES NAVIGATION]---------------*/
/*------------------------------------------------*/
#pages { width: 100%; float: left; height: 74px; background-color: #fbefe2; }
#pages-inside { width: 100%; float: left; height: 70px; background-color: #FFF; }
#pages-inside-2 { width: 950px; margin: auto; }
#pages-inside ul { list-style-type: none; list-style-image: none; padding: 0px 0px 0px 0px; margin: 0px; }
#pages-inside ul li { float: left; display: block; height: 70px; padding: 0px; margin: 0px; }
#pages-inside ul li a:link, #pages-inside ul li a:visited, #pages-inside ul li a:active { float: left; color: #709e8a; display: block; height: 47px; font-size: 14px; padding: 23px 20px 0px 20px; margin: 0px; }
#pages-inside ul li a:hover { background-color: #fbefe2; }
		/*-------------[DROPDOWN MENU]------------*/
		.nav, .nav * { margin:0; padding:0; list-style:none; }
		.nav ul { position:absolute; top:-999em; border-bottom: 4px solid #6b919f; }
		.nav li { float:left; position:relative; z-index:99; }
		.nav a { display:block; }
		.nav ul li { width: 100%; }
		.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:48px; }
		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:220px; top:0px; }
		.nav li:hover ul, .nav li li:hover ul { top: -999em; }
		.nav li li { display: block; padding: 0px; height: auto !important; }
		.nav li:hover { background-color: #76a0b0 !important; }
		.nav li li a:link, .nav li li a:visited { width: 180px; display: block; background-color: #76a0b0; height: auto !important; }
		.nav li li a:hover { background-color: #80b79f !important; }


/*------------------------------------------------*/
/*-------------[CATEGORIES NAVIGATION]------------*/
/*------------------------------------------------*/
#categories { width: 950px; float: left; background: #f8ede7 url(images/navbar-bg.png) top left no-repeat; min-height: 48px; }
#categories ul { margin: 0px; padding-left: 0px; list-style-type: none; list-style-image: none; float: left; }
#categories ul li { float: left; display: block; padding-left: 0px; height: 48px; }
#categories ul li a:link, #categories ul li a:visited, #categories ul li a:active { height: 18px; display: block; color: #e13a68; font-size: 14px; padding: 15px 20px; float: left; margin: 0px; }
#categories ul li a:hover { background-color: #f8ede7; }
		/*-------------[DROPDOWN MENU]------------*/
		#nav2 ul { border-bottom: 4px solid #ebe9d8; }
		#nav2 li { z-index: 100; }
		#nav2 li:hover ul, ul#nav2 li.sfHover ul { top:70px; }
		#nav2 li:hover ul li:hover ul { top:0px; }
		#nav2 li li a:link, #nav2 li li a:visited { height: 35px; padding: 10px 20px 0px 20px; }
		#nav2 li:hover { background-color: #f9f9f4 !important; }
		#nav2 li li a:hover { background-color: #fff !important; }
		#nav2 li li a:link, #nav2 li li a:visited { background-color: #f9f9f4; padding-bottom: 8px; }


/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
.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; }
.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; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { border: none; padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { border: none; padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; border: none; }
.alignleft { float: left; border: none; }
.alignleft-nb { float: left; border: none; margin: 12px 18px 18px 0; }



/*------------------------------------------------*/
/*---------------[ABOUT ME SECTION]---------------*/
/*------------------------------------------------*/
#about-image { float: left; display: inline; margin-right: 10px; border: 5px solid #fff; }


/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar { float: right; width: 261px; min-height: 1400px; color: #6d5c54; background-color: #fff; padding: 2px 4px 2px 1px; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar .textwidget { margin: 8px 0 -4px 0; text-align: center; }
#sidebar .textwidget .connect img { border: none; padding: 0 6px 0 6px;}
.sidebar-box { padding: 2px 0 0 0; margin-top: 4px; margin-bottom: 5px; width: 260px; background: #fff; text-align: center; }
.sidebar-box a.nktagcloud-10, .sidebar-box a.nktagcloud-11, .sidebar-box a.nktagcloud-12, .sidebar-box a.nktagcloud-14 { color: #ee662d; padding: 0 1px; line-height:16pt; }
.sidebar-box a.nktagcloud-9, .sidebar-box a.nktagcloud-13 { color: #888888; padding: 0 1px; line-height:16pt;  }
.sidebar-box ul { list-style: none; clear: both; text-align: center; }
.sidebar-box ul li { font-size: 14px; }
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { color: #7b746f; }
.sidebar-box ul li { margin: 3px 3px 3px 5px; clear: both; }
.sidebar-box ul li a:hover { color: #7b746f; }
.sidebar-box-title { display: none; }
.sidebar-box img { border: 1px solid #f2ded3; margin: 2px 3px 2px 0; }
.sidebar-box img.nb { border: none }
.sidebar-box img.fullwidth { border: 1px solid #f2ded3; margin: 2px 1px 2px 0; }
span.sidebar-box-title a { font-size: 14px; color: #7b746f; padding: 0; margin: 0; float: left; }
span.sidebar-box-title a img { display: none; }
#sidebar .textwidget img.badge { margin-left: 48px; }
#sidebar .textwidget textarea.badgecode { margin-left: 32px; font-size: 11px; }
#sidebar .textwidget img.nb { border: none; }
#sidebar .textwidget img { border: 1px solid #f2ded3; margin: 1px 0; }
#sidebar .textwidget img.fullwidth { border: 1px solid #f2ded3; margin: 2px 0 3px 0; }

div.feedburnerFeedBlock ul { list-style: none; color: #666; }
#sidebar div.feedburnerFeedBlock img { border: none; margin: 0; padding: 0; }
div.feedburnerFeedBlock ul li { clear: both; margin-top: 8px; color: #7b746f; font-size: 12px; }
div.feedburnerFeedBlock li span.headline a { color: #666; font-size: 13px; text-decoration: underline; }
#creditfooter img { display: none; }
div.feedflare { display: none; }

#sidebar form { float: none; text-align: center;}
#sidebar input.email { width:166px; margin:0; padding: 1px; text-align: center; }
#sidebar input.button { margin: 8px 0 0 0; padding: 1px; }


/*------------------------------------------------*/
/*---------------[FEATURED ARTICLES]--------------*/
/*------------------------------------------------*/
.titles-featured a, .titles-featured a:hover, .titles-featured a:visited, .titles-featured, .post-title a:link, .post-title a:hover, .post-title a:visited { margin-bottom: 10px; font-family: Verdana; color: #ee662d; float: left; font-size: 28px; line-height: 36px; font-weight: normal; }
.featured-date { text-transform: uppercase; color: #76a0b0; font-family: Arial; font-size: 25px; float: left; margin-left: 12px; line-height: 30px; }
.featured-thumb { border: 10px solid #ffcccc; margin-bottom: 19px; }
.featured { background-color: #FFF; width: 636px; margin-top: 20px; }
.featured-thumb-wrapper { position: relative; float: left; }
.featured-categories { position: absolute; width: 690px; float: left; margin-top: -85px; margin-left: -17px; }
.featured-categories ul, .featured-categories li { list-style: none; float: left; }
.featured-categories a:link, .featured-categories a:visited { background-color: #76a0b0; font-weight: bold; text-transform: uppercase; display: block; padding: 5px 10px; color: #fff; float: left; margin-right: 10px; }
.featured-categories a:hover { background-color: #80b79f; }
.featured-content { float: right; width: 353px; margin-right: 5px; }


/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/
#footer { width: 660px; background-color: #FFF; float: left; padding-right: 16px !important; border-right: 1px solid #f2ded3; margin-bottom: 6px; }
		.footer-box { float: left; width: 660px; margin: 12px 0 12px 18px !important; }
				.footer-box ul { list-style: none; margin: 0px; padding-left: 0px; }
				.footer-box li { margin-bottom: 10px; }
				.footer-box h3 { color: #709e8a; font-family: Georgia; margin-bottom: 15px; font-size: 18px; }
				#footer a:link, #footer a:hover, #footer a:visited { color: #7b746f; font-size: 11px; }


/*------------------------------------------------*/
/*--------------------[SEARCH]--------------------*/
/*------------------------------------------------*/
#searchform { float: left; text-align: center }
input#s { margin: 8px 0 12px 0; width: 200px; border: 1px solid #cdcdcd; padding: 4px; }

/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.wp-pagenavi { margin: 15px 0px 4px 0px !important; padding: 12px 0 6px 0; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px !important; margin: 2px !important; text-decoration: none !important; border: 1px solid #f2ded3 !important; color: #ffffff !important; background-color: #ee8559 !important; }
.wp-pagenavi a:visited { padding: 5px 7px !important; margin: 2px !important; text-decoration: none !important; border: 1px solid #f2ded3 !important; color: #ffffff !important; background-color: #ee8559 !important; }
.wp-pagenavi a:hover { border: 1px solid #f2ded3 !important; color: #ffffff !important; background-color: #ee8559 !important; }
.wp-pagenavi a:active { padding: 5px 7px !important; margin: 2px !important; text-decoration: none !important; border: 1px solid #f2ded3 !important; color: #ffffff !important; background-color: #ee8559 !important; }
.wp-pagenavi span.pages { padding: 5px 7px !important; margin: 2px 2px 2px 2px !important; color: #000000 !important; border: 1px solid #f2ded3 !important; color: #ffffff !important; background-color: #ee8559 !important; }
.wp-pagenavi span.current { padding: 5px 7px !important; margin: 2px !important; font-weight: bold !important; border: 1px solid #f2ded3 !important; color: #ffffff !important; background-color: #e13a68 !important; }
.wp-pagenavi span.extend { padding: 5px 7px !important; margin: 2px !important; border: 1px solid #f2ded3 !important; color: #ffffff !important; background-color: #ee8559 !important; }


.thumbnail-div a { display: block; } 
.thumbnail-div a img { border: none; }



/*------------------------------------------------*/
/*-------------------[SOCIABLE]------------------*/
/*------------------------------------------------*/


div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: #black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 32px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 6px 0 0 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}