/*  
Theme Name: New GoIncase.com Blog Theme
Theme URI: http://www.goincase.com
Description: This is the NEW goincase official blog theme
Version: 1.0
Author: Justin Mahon & Neil Tan
Author URI: http://neiltan.net

GoIncase 1.0
http://www.goincase.com

This theme was designed and built by Justin Mahon & Neil Tan

*/

/*-----CLEARFIX-----*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	*display: inline-block;
}

/*-----CSS RESET----*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a {
	outline: none;
}

a img, :link img, :visited img {
	border: 0;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*---MAIN STYLES START---*/
body{
	background-color: #ebebeb;
}

p {
	color: #666666;
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
	clear:both;
}

#mainContentWrap, #bottom-links {
	width: 968px;
	margin: auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#mainContentWrap {
	background-color: #fff;
	margin:44px auto;	
}

#header {
	background-color: #000000;
	height: 45px;
	font-family:arial,helvetica,sans-serif;
}


/*---LEFT CONTENT STYLES---*/

#leftContent {
	width: 601px;
/*	width: 620px;*/
	float: left;
	padding: 12px 35px 10px 16px;
}

/*--------------CLASSES--------------*/

.box {
	border-bottom: 1px solid #ccc;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 12px 0;
}
#videos.box {
	border-top: 1px solid #ccc;
	margin-top: 10px;
}
#photos.box.last{
	border-bottom: none;
}

h1.catTitle,
h1.catTitle a,
.home #social h2 {
	font-weight: bold;
	font-size: 18px !important;
	margin: 0 0 6px !important;
}

h1.catTitle a,
#mainContentWrap h2,
h2 a,
.box h2 a, 
h2.headline a {
	color: #000 !important;
	font-size: 26px;
	font-weight: bold;
	display: block;
	text-decoration:none;
}
h1.catTitle a,
.box h2 a {
	margin-top: 10px;
}

#news h2 {
	margin: 8px 0 4px !important;
}

/*.box p.description {
color: #666666;
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding: 10px 10px 10px 0px;
}*/

span.date,
span.author,
span.tags {
	color: #999;
	font-size: 10px;
	line-height: 13px;
	padding-right: 2px;
}

span.excerpt p {
	display: inline;
}
.description p {
	margin: 0;
	padding: 0;
}

li.list span.excerpt p {
	font-size: 12px;
}
span.tags a{
	text-decoration: underline;
}

a,
.blogPost a {
	color: #000;
	font-size: 10px;
	margin-top: 2px;
	text-decoration: none;
}
.blogPost a:hover,
#leftContent h3 a:hover,
#rightContent h3 a:hover {
	color: #0096d6 !important;
}

.blogPost em {
	font-style: italic;
}


.list {
	width: 290px;
	float: left;
	margin: 0px 27px 8px 0px;
}

#videoList .list,
#photoList .list {
	float: left;
	margin: 0px 27px 8px 0px;
}

#archiveList li.list.archive {
	margin: 2px 0px;
}

#archiveList li.list.archive a {
	font-size: 14px !important;
	text-decoration: none;	
}

#archiveList li a{
	color: #666666;
	font-size: 13px;
}

a:link img, a:visited img, img.size-full {
	border: 1px solid #D8D8D8 !important;
}

a:hover img{
	border: 1px solid #000 !important;
}


/*-------------NEWS---------------*/

#newsList {
	width: 635px;
	margin-top: 16px;
}
#newsList li {
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	padding-top: 0!important;
	margin-top: 0!important;
	height: 72px;
	overflow: hidden;
}

#blogList,
#eventList
{
/*	padding-top: 20px;*/
}

li.list,
li.list h3,
li.list a {
	margin-top: 0;
	padding-top: 0;
}

li.list h3 a,
#newsList li.list h3, 
#videosList li.list h3,
#photosList li.list h3,
#featuredVideo h3,
#featuredPhoto h3,
#blog h3,
#events h3,
.box h3 a,
#rightContent h3 {
	color: #000 !important;
	font-size: 16px;
	text-decoration: none;
}

#blog h3,
#events h3,
.box h3 a,
#rightContent h3 {
	font-weight: bold;
}

li.list h3 a {
	font-weight: normal;
}

#newsList li.list img,
#videosList li.list img,
#photosList li.list img,
#storeNewsList li.list img,
#featuredStoreList li.list img,
#blogList li.list img,
#eventList li.list img,
#videoArchiveList li.list img,
#popularPosts li.list img {
	float: left;
	margin-right: 10px;
}

.commentLink a:before  {
	content: "(";
}
.commentLink a:after  {
	content: ")";
}

.linkBar span.commentLink a,
#newsList li.list span.commentLink a, 
#videosList li.list span.commentLink a,
#photosList li.list span.commentLink a,
#blogList li.list span.commentLink a,
#eventList li.list span.commentLink a,
#news span.commentLink a,
#videos span.commentLink a,
#photos span.commentLink a,
#blog span.commentLink a,
#events span.commentLink a,
.blogPost span.commentLink a,
#storeNewsList span.commentLink a,
#featuredStore span.commentLink a {
/*	background: url(img/bubbleSprite.jpg) no-repeat 50% top;*/
	color: #666;
/*	float:left;
	display:block;
	height: 13px;
	width: 22px;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	overflow: hidden;
	padding: 0 0 0 5px;
*/
}

.linkBar span.commentLink a:hover,
#newsList li.list span.commentLink a:hover, 
#videosList li.list span.commentLink a:hover,
#photosList li.list span.commentLink a:hover,
#blogList li.list span.commentLink a:hover,
#eventList li.list span.commentLink a:hover,
#news span.commentLink a:hover,
#videos span.commentLink a:hover,
#photos span.commentLink a:hover,
#blog span.commentLink a:hover,
#events span.commentLink a:hover,
.blogPost span.commentLink a:hover,
#storeNewsList span.commentLink a:hover,
#featuredStore span.commentLink a:hover{
	background-position: 50% bottom;
	color: #000 !important;
}



.author, .tags {
/*	margin: 3px 0px 3px 0px;
	float:left;*/
}

.linkBar{
	width: 600px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 8px 0px;
	font-size: 14px;
}

.linkBar .date {
	margin: 3px 0px;
}

#featuredVideo,
#featuredPhoto {
	float: left;
	width: 300px;
}

#featuredVideo img,
#featuredPhoto img {
	margin-right: 5px;
}

#storeNewsList {
	float: right;
	width: 302px;
}

#videosList,
#photosList {
	float: left;
	width: 260px;
	margin-left: 16px;
}


/*#videosList li.list, 
#photosList li.list,
#blogList li.list,
#eventList li.list,
#storeNewsList li.list,
#videoArchiveList li.list {
padding: 0px 0px 4px;
}
*/
#videosList li.list a, 
#photosList li.list a,
#blogList li.list a,
#eventList li.list a,
#storeNewsList li.list a{
	text-decoration: none;
}


/*---------RIGHT CONTENT STARTS------*/

#rightContent {
	float: right;
	width: 300px;
	padding: 0 16px 20px 0px;
}
	#rightContent ul {
		margin: 10px 0 0;
	}
#rightContent p a{
	font-size: 14px;
}

#blog h3 {
	line-height: 18px;
	width: 300px;
	padding-top: 3px;
}

.home #social h3 {
	color: #000 !important;
	font-weight: bold !important;
	padding: 10px 0 0 0 !important;

}

/* LET'S BE FRIENDS */
#social {
	position: relative;
	width: 300px;
	height: 215px;
	background: #000;
	padding: 0;
	margin: 16px 0 !important;
}
#social h3 a {
	width: 100%;
	height: 140px;
	display: block;
	text-indent: -9009px !important;
	background: transparent url(img/bg-h3-lbf.gif) 50% 50% no-repeat;
}
#social ul.letsbefriends {
	position: absolute;
	top: 155px;
	left: 10px;
	height: 47px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
	#social ul.letsbefriends li {
		float: left;
		display: block;
		width: 48px;
		height: 48px;
		margin-right: 10px;
		padding: 0;
	}
	#social ul.letsbefriends li.flickr {
		margin-right: 0;
	}
		#social ul.letsbefriends li a {
			width: 48px;
			height: 48px;
			display: block;
			padding: 0 !important;
			text-indent: -9009px;
			background-position: top;
			background-repeat: no-repeat;
			background-color: #999;
			overflow: hidden;
		}
		#social ul.letsbefriends li.facebook a {
			background-image: url(img/ico-facebook.gif);
		}
		#social ul.letsbefriends li.twitter a {
			background-image: url(img/ico-twitter.gif);
		}
		#social ul.letsbefriends li.youtube a {
			background-image: url(img/ico-youtube.gif);
		}
		#social ul.letsbefriends li.soundcloud a {
			background-image: url(img/ico-soundcloud.gif);
		}
		#social ul.letsbefriends li.flickr a {
			background-image: url(img/ico-flickr.gif);
		}

		#social ul.letsbefriends li.facebook a:hover,
		#social ul.letsbefriends li.twitter a:hover,
		#social ul.letsbefriends li.youtube a:hover,
		#social ul.letsbefriends li.soundcloud a:hover,
		#social ul.letsbefriends li.flickr a:hover {
			background-position: bottom;
		}



/*------SOCIAL/FOLLOW US------*/






.home #socialIcons {padding-top: 0 !important;}
#socialIcons {padding-top: 8px !important;}
	li.socialList {
		position: relative;
		height: 35px;
		width: 35px;
		display: block;
		float: left;
		margin: 0 8px 8px 0px;
		padding: 0;
	}
	li.socialList a {
		background-color: #434343;
		display: block;
		height: 35px;
		width: 35px;
		float: left;
		overflow: hidden;
		padding: 0;
		margin: 0;
		text-indent: -9009px;
		outline: 1px solid #dcdcdc;
	}
	li.ender {
		margin-right: 0!important;
	}
		.home li.socialList:hover ul,
		li.socialList:hover ul {
			display: block !important;
		}

	#socialIcons li.socialList ul {
		position: absolute;
		top: 0;
		right: 0;
		display: none;
		width: 78px;
		padding: 0;
		margin: 0;
		background: #f08b33 url(img/social/rss.jpg) right -35px no-repeat;
		outline: 1px solid #dcdcdc;
	}
		li.socialList ul li,
		li.socialList ul li a {
			float: none;
			display: block;
			background: transparent;
			margin: 0;
			padding: 0;
			text-indent: 0;
			outline: none;
		}
		li.socialList ul li a {
			display: block;
			width: 54px;
			height: 35px;
			line-height: 35px;
			font-size: 14px !important;
			color: #f0d6bf !important;
			padding: 0 12px;
			margin: 0;
		}
		li.socialList ul li a:hover {
			color: #fff!important;
		}
a#twitter,
a#facebook,
a#flickr,
a#youtube,
a#lastfm,
a#rss,
a#podcast {
	background-position: top left;
	background-repeat: no-repeat;
}
	a#twitter:hover,
	a#facebook:hover,
	a#flickr:hover,
	a#youtube:hover,
	a#lastfm:hover,
	a#soundcloud:hover,
	a#rss:hover,
	a#podcast:hover {
		background-position: bottom left;
	}

a#twitter{
	background-image: url(img/social/twitter.jpg);
}
a#facebook{
	background-image: url(img/social/facebook.jpg);
}
a#flickr{
	background-image: url(img/social/flickr.jpg);
}
a#youtube{
	background-image: url(img/social/youtube.jpg);
}
a#lastfm{
	background-image: url(img/social/lastfm.jpg);
}
a#soundcloud{
	background-image: url(img/social/soundcloud.jpg);
}
a#rss{
	background-image: url(img/social/rss.jpg);
}
a#podcast{
	margin-right: 0!important;
	background-image: url(img/social/podcast.jpg);
}

#facebook-widget {
	padding: 0!important;
	margin: 0 !important;
	height: 250px !important;
	display: inline-block;
}
#twitter-widget {
	margin: 16px 0 !important;
}

/* ------------------------------

		Twitter widget

------------------------------ */

#twtr-widget-1 {
	margin: 0  0 16px;
}
	.twtr-hd {
/*		background: #000 !important;*/
	}
	#twtr-widget-1 .twtr-tweet-text,
	#twtr-widget-1 .twtr-tweet-text p {
		margin: 0 !important;
		padding: 0 !important;
	}
	#twtr-widget-1 .twtr-img,
	#twtr-widget-1 .twtr-tweet-text {
		float: left !important;
	}
		#twtr-widget-1 .twtr-tweet-text {
			width: 290px !important;
		}
		#twtr-widget-1 .twtr-img {
			width: 30px;
			height: 30px;
		}
		#twtr-widget-1 .twtr-tweet-text p i * {
			font-size: 10px !important;
			color: #999 !important;
		}
	.twtr-tweet-text p,
	.twtr-tweet-text a {
		font-size: 12px !important;
	}
		.twtr-tweet-text p i a.twtr-reply {
			color: #000 !important;
			margin-left: 3px;
		}

/* ------------------------------

	END	Twitter widget

------------------------------ */


/*-------BLOG POST STYLES------*/
#sideBar{
	padding: 25px 0px 25px;
}

	#sideBar ul {
		margin: 0 0 16px !important;
	}
	#sideBar #storeNewsList {
		margin: 10px 0 16px !important;
	}

#sideBar h3,
#social h2 {
	color: #000 !important;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

#sideBar li, 
#categories li a{
	font-size: 15px;
	line-height: 20px;
	text-decoration: none;
	list-style: none;	
}

#sideBar #bloggerList li a,
#categories li a{
	color:#666666;
	text-decoration: none;
}

#sideBar #bloggerList li a:hover,
#archiveList li a:hover,
.widget-block li a:hover,
a:hover{
	color:#0096D6 !important;
}


#wp-calendar {
	width: 300px !important;
	font-size: 15px !important;
}

#wp-calendar tbody tr td {
	padding: 4px;
	text-align: center;
}

#wp-calendar tbody td a {
	height: 15px;
	font-size: 14px;
	text-align: center;
	text-decoration: none !important;
	padding: 5px !important;
}

#wp-calendar thead tr th {
	padding-bottom: 10px;
}

td#today {
	background-color: #d7d7d7;
}

#wp-calendar-caption {
	font-size: 16px !important;
	padding-bottom: 10px !important;
}

#storeNewsList li.list h3 a,
#featuredStoreList li.list h3 a{
	color: #000000;
	font-weight: bolder;
	font-size: 16px !important;
	font-weight: lighter;
}

#sideBar h3.listHeading{
	padding: 0px;
}

.blogPost{
	color: #666666;
	padding-bottom: 15px;
}

h2.headline{
	color: #000;
	font-size: 26px;
	padding: 3px 0px;
	margin-bottom: 4px !important;
}

.blogPost p{
	font-size: 14px;
	line-height: 18px;
	padding: 0 15px 12px 0px;
}

.blogPost ul, ol {
	margin-bottom: 14px;
}

.blogPost ol li {
	list-style-type:decimal;
}

.blogPost strong {
	font-weight:bold;
}

.blogPost li{
	font-size: 14px;
	line-height: 20px;
	margin-left:20px;
	list-style-type:disc;
}

.blogPost p a,
.blogPost li a{
	font-size: 14px;
	text-decoration: underline;
}

#bloggerList li a{
	font-size: 14px;
}

.blogPost h4 {
font-size:18px;
font-weight:bold;
color:#000;
}

.blogPost h4 a {
font-size:18px;
font-weight:bold;
color:#000;
}

span.share
span.share a {
	display: inline-block !important;
	line-height:13px !important;
	height: 13px !important;
	width: 40px !important;
	overflow: hidden;
}

span.share a {
	background:#000 none repeat scroll 0 0 !important;
	color:#fff !important;
	font-size:9px !important;
	padding: 0 4px;
	margin-top: 5px;
	margin-left: 4px;
	outline-style:none;
	outline-width:medium;
	text-align:center !important;
	text-decoration:none !important;
	text-transform:uppercase !important;
}


.share a:hover,
.linkBar .share a:hover.addthis_button {
	background-color: #999 !important;
	color: #fff !important;
}


#featuredStore{
	float: left;
	padding: 10px 0px 13px 0px;
}

div#page_nav {
	padding: 10px 0px;
	height: 20px;
	float: right;
}
#page_nav div.navigation ol.wp-paginate li a{
	font-size: 12px;
	padding: 5px;

}

#page_nav div.navigation ol.wp-paginate li {
	float: left;
	font-size: 12px;
	padding: 5px;
	text-decoration: none;
}

#page_nav div.navigation ol.wp-paginate li a:hover{
	background-color: #000;
	padding: 5px;
	color: #fff;
	font-size: 12px;
}

#page_nav div.navigation ol.wp-paginate li span.page.current {
	background-color: #000;
	padding: 5px;
	color: #fff;
	font-size: 12px;
}

#sideBar div.widget-block {
	padding: 10px 0px;
	clear:both;
}

.widget-block li a{
	font-size: 14px;
	color: #666666;
}

#prev a,#showit a{
	font-size: 12px;
	padding: 10px 10px 0px 5px;
}

p.catcloud a{
	font-size: 12px;
	text-decoration: none;
}

.box h3 {
	margin: 6px 0 0;
}
.box h3 a {
	font-size: 20px;
}
.box .list h3 a {
	font-size: 16px;
}

#videosList li.videos{
	padding: 10px 0px;
}

/*----------------------------*/
h3#respond{
	color:#666666;
	font-size:16px;
	font-weight: bold;
	padding: 8px 0px;
}


#commentsContainer h3#comments{
	color: #666666;
}

#commentsContainer .commentlist li,
#commentsContainer h3#comments{
	border-bottom: 1px solid #DBDBDB;
	padding: 8px 8px 0 8px;
	width: 600px;
}
#commentsContainer h3#comments {
	padding: 8px 8px 16px 8px !important;	
}


/*#commentsContainer .commentlist li:hover,
#commentsContainer .commentlist li p:hover{
background-color: #000;
color:#fff;
}*/

#commentsContainer .commentlist li p{
	clear:right;
}

#commentform input{
	border: 1px solid #DBDBDB;
	padding: 5px;

}

#commentform p a{
	font-size: 14px;
}

#comment{
	width: 600px;
	border: 1px solid #DBDBDB;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.button {
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
}
.button input {
	background: #000 !important;
	color: #fff;
	padding: 3px !important;
}

.button input:hover{
	background-color: #434343;
}

.blog_comment_meta{
	line-height: 15px;
	padding: 10px 0px 5px 0px;
	font-size: 15px;
	color:#666;
}

.blog_comment_meta a{
	font-size: 15px;
	color:#666;
	text-decoration: underline;
}

.blog_comment_meta cite a{
	clear:both;
}


span.commentDate a{
	text-decoration: none;
	color:#000;
	font-size: 12px;
}

/*----------------------------------*/

.fan_box{
	padding-bottom: 8px;
}

/*#editPost{
background-color:#000;
width: 40px;
height: 15px;
margin: 5px;
padding: 3px;
}*/

#editPost a{
	color: #fff !important;
}

/*---------FLICKR THUMB STYLES----------*/
#flickr img {
	float: left;
	width: 61px;
	height: 61px;
	margin-right: 8px;
}
	#flickr a img {
		border-style: solid !important;
		padding: 0;
	}
.tubepress_thumb_widget img{
	border: 1px solid #fff;
	float: left;
	margin-right: 8px;
	width: 61px;
	height: 61px;
}

.tubepress_meta_title,
.tubepress_meta_title a,
.tubepress_meta_title a:hover,
.tubepress_meta_group{
	display:none;
}
#mainContentWrap strong {
	color: #000 !important;
}

#bottom-links {
	width: 968px;
	margin: 0 auto;
	font-size: .85em !important;
}

#commentsContainer .comment-text a {
	font-size: 14px;
}
#commentsContainer .authorcomment {
	background: #000;
	padding: 0 8px !important;
	color: #999;
}
	#commentsContainer .authorcomment .commentDate a {
		text-decoration: none !important;
	}
	#commentsContainer .authorcomment a,
	#commentsContainer .authorcomment a:visited {
		color: #aaa !important;
		text-decoration: underline;
	}
	#commentsContainer .authorcomment cite {
		color: #fff;
	}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}


.blogPost blockquote p {
font-style: italic;
margin:0 20px;
}

.blogPost blockquote p:before {
content: open-quote; 
}

.blogPost blockquote p:after {
content: close-quote; 
}

/* featured downloads/apps */

.featured-links {}
	.featured-links  a.btn {
		display: inline-block;
		width: 117px;
		height: 31px;
		line-height: 31px;
		font-size: 14px;
		color: #fff !important;
		padding: 0 0 0 31px;
		background-color: #bababa;
		background-position: top left !important;
		background-repeat: no-repeat;
	}
	a.btn:hover {
		background-color: #000;
		background-position: bottom left !important;
	}
	a.apps {
		margin-right: 1px !important;
		background-image: url(img/bg-featured-btn.gif) !important;
	}
	a.downloads {
		background-image: url(img/bg-downloads-btn.gif) !important;
	}
#site-options{font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;width:948px; margin:0 auto;}
#languages .current-language{height:15px;}

#mainContentWrap{-webkit-box-shadow: 0 -10px 14px 3px #E8E8E8;-moz-box-shadow: 0 -10px 14px 3px #E8E8E8;box-shadow: 0 -10px 14px 3px #E8E8E8;}
