/*  
Theme Name: The UpThink
Theme URI: http://upthink.tv/
Description: Farewell to the standard blog format
Version: 0.2
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

* { margin: 0; padding: 0; }

/*add vertical scroll */
html { height: 100%; margin-bottom: 1px; overflow: -moz-scrollbars-vertical;}
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}


body { background: #211f1f url('images/bg-main-home-2.gif') no-repeat 50% 112px; color: #000; font: 62.5%/1.2em arial, sans-serif; }
/* #wrapper { position: relative; width: 897px; margin: 0 auto; background: #353535 url('images/leftSideBackgroundGradient.png') no-repeat 0 112px;} */
#wrapper { position: relative; width: 897px; margin: 0 auto; background: #353535 url('images/leftSideBackgroundGradient.png') no-repeat left bottom;}

body.home { background-image: url('images/bg-main-home-2.gif'); }
body.page-template-allWork-php { background-image: url('images/bg-main-home-2.gif'); }
body.search { background-image: none; }

body.search-no-results { background-image: url('images/bg-main-home-2.gif'); }

#newnav {position: absolute; z-index:100px; top: 112px; left: -207px; width:192px; height:88px;}
#newnav .navitem {color:#211f20; background: #405f95; margin-bottom: 2px; float:right; padding:4px 4px 4px 8px; font-size: 17px; cursor: pointer; font-weight:4;}
#newnav #nav1 {width: 45px;}
#newnav #nav1Selected {color: #c0c0c0;}
#newnav #nav2 {width: 98px;}
#newnav #nav2Selected {color: #c0c0c0;}
#newnav #nav3 {width: 59px;}
#newnav #nav3Selected {color: #c0c0c0;}
#newnav #nav4 {width: 81px;}
#newnav #nav4Selected {color: #c0c0c0;}






h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; }
h2 { font-size: 1.6em; line-height: 1.8em; }
h3 { font-size: 1.3em; line-height: 1.4em; }
h4 { font-size: 1em; line-height: 1.4em; }
a { color: #2c2c2c; outline: none; }
a:hover { color: #bcbcbc; }
a img { border: none; }
ul, ol { list-style: none; }

/* ----------------------------------- masthead */

/* #header { position: relative; margin: 0 0 0 -19px; padding: 0 0 7px; background: url('images/bg-reel.gif') no-repeat 0 100%; } */
#header { position: relative; margin: 0 0 0 -19px; padding: 0 0 7px; background: #211f1f; }
#header #logo { height: 92px; margin: 0px 0 0; }
/* #header #logo a { position: absolute; right: 0; width: 312px; height: 71px; display: block; text-indent: -9999px; background: url('images/logo.png') no-repeat; } */
#header #logo a { position: absolute; left: -60px; width: 370px; height: 92px; display: block; text-indent: -9999px; background: url('images/newHeaderLogo.png') no-repeat;}
#header #logo a:hover { position: absolute; left: -60px; width: 370px; height: 92px; display: block; text-indent: -9999px; background: url('images/newHeaderLogoRollover.png') no-repeat;}

#bluebar { width: 892px; height: 14px; background: url('images/topBlueBar.png') no-repeat top right; text-align:right;  padding-right:5px; padding-top:5px; }
#bluebar a {font-size:11px; color:#c0c0c0;text-decoration:none;}
#bluebar a:hover {font-size:11px; color:#211f20;}

#main-nav { margin: 0; background: #353535 url('images/bg-nav.gif') no-repeat 637px 0; position: relative; }
* html #main-nav { width: 911px; background-position: 636px 0; }
#main-nav li { float: left; }
#main-nav li a { float: left;  text-decoration: none; background: #353535 url('images/bg-nav-link.gif') no-repeat 100% 0; } 
#main-nav li a span { float: left; padding: 4px 12px 2px 10px; font-size: 18px; line-height: 18px; text-transform: uppercase; } 
#main-nav li a:link span, #main-nav li a:visited span {  color: #c0c0c0; }
#main-nav li a:hover, #main-nav li.current a { margin: -6px 0 0; position: relative; }
#main-nav li a:hover span, #main-nav li.current a span { padding: 6px 12px 6px 10px; color: #676767; }

#main-nav li#reel span { padding-left: 31px; background: url('images/bg-nav-reel.gif') no-repeat; }
#main-nav li#reel a:hover span { background-position: 0 -24px; }

#main-nav li#login { float: right; }
#main-nav li#login a:link, #main-nav li#login a:visited { margin: 0; background: url('images/bg-nav-login.gif') no-repeat; }
#main-nav li#login a:hover { margin: 0; background-position: 0 -25px; }
#main-nav li#login a:hover span { padding: 4px 12px 2px 10px; color: #676767; }

.adsense-center { margin: -40px auto 0; display: block; width: 728px; }

#content { 
	margin: 0 0 7px; 
	padding-left: 5px;
}
/*.home #content, .search #content, .page-template-allWork-php #content { margin: 0; } */
.home #content, .search #content, .page-template-allWork-php #content { margin: 0; }

/* ----------------------------------- entry style */

.post { position: relative; background: #fff; }
.single .post, .page .post { padding-top: 7px;padding-bottom: 7px;padding-left: 0px;padding-right: 0px; }
.search-no-results .post, .error404 .post { height: 200px; padding: 10px; }
.post .date { top: 16px; right: 40px; width: 70px; display: block; position: absolute; font-size: 11px; }
.post h2 {
 	margin: 16px; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 36px; 
 	line-height: 36px;
 	color: #3a6e9c; 
 	text-decoration: none; 
 	font-weight: bold;
 	margin-bottom: 0px;
 	padding-bottom: 0px;
 }
 .post h2 a {
 	margin: 16px; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 36px; 
 	line-height: 36px;
 	color: #000000; 
 	text-decoration: none; 
 	font-weight: normal;
 	margin-bottom: 0px;
 	padding-bottom: 0px;
 }
 
 .post .floatsky{
 	 float:left;
 	 width:600px;
 }
 
  .post .floatsky a {
 	margin: 16px; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 36px; 
 	line-height: 36px;
 	color: #000000; 
 	text-decoration: none; 
 	font-weight: normal;
 	margin-bottom: 0px;
 	padding-bottom: 0px;
 	display: block;
 }


 


.post .entry { 
	/* min-height:400px; */
	/* width: 531px; */ 
	margin: 0 0 0 16px; 
	line-height: 14px; 
	color: #353535; 
	font-size: 18px; 
}
.post p { 
	margin: 1em 0; 
	font-size: 14px; 
	line-height: 16px;
	color: #353535; 
	letter-spacing:1px
}

.post .credits{
	margin: 16px; 
}


.post .credits .header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 18px; 
 	line-height: 18px;
 	color: #3a6e9c; 
 	text-decoration: none; 
 	font-weight: bold;
 	margin-top:15px;
 	margin-bottom:15px;
}

.post .credits .credit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px; 
 	line-height: 12px;
 	color: #747474; 
 	text-decoration: none; 
 	font-weight: bold;
}

.post .credits .name{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px; 
 	line-height: 12px;
 	color: #353535; 
 	text-decoration: none; 
 	font-weight: bold;
}

.single .post p a, .single .post li a { font-weight: bold; }
.single .post p strong { font-weight: bold; }
.single .post p em { font-style: normal; background: #f9f9de; }
.single .post blockquote { margin: 0 1.5em; color: #6c6c6c; }
.single .post h3 { 
	margin: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; 
	line-height: 18px;
	color: #3a6e9c; 
	text-decoration: none; 
	font-weight: bold;
	margin-top: 5px;
	padding-top: 0px;
}
.single .post h3 .client{ 
	margin: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; 
	line-height: 18px;
	color: #000000;  
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
	padding-top: 0px;
}
.single .post ul,
.single .post ol { margin: 1em 1.5em; }
.single .post ul li,
.single .post ol li { margin: 0 0 14px 0; color: #6c6c6c; line-height: 1.3em; }
.single .post ul li { background: url("images/li.gif") no-repeat 1px -1px; padding-left: 20px; }
.single .post .sociable ul li{
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.single .post ul li strong { font-weight: bold; }
.single .post img.floatleft { float: left; margin: 4px 10px 0 0; }
.single .post img.floatright { float: right; margin: 4px 0 0 10px; }
.single .post code { font-family: courier, fixed, monospace; font-size: 12px; background: #eee; }
.single .post code strong { color: #000; }


.imageGallery{
	width:900;
	/* height:121px; */
	background:#ffffff url('images/GalleryBkgnd2.png') no-repeat left bottom;
	margin:0px;
	padding:0px;
	padding-left:30px;
}

.imageGallery .image{
	float:left;
	width:200px;
	height:110px;
	background-color:#000000;
	margin:6px 0px 5px 0px;
	padding:0px;
}


.imageGallery .image a:visited img, .imageGallery .image a img{
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.85; 
	opacity:0.8;
}
.imageGallery .image a:hover {
	background-color:transparent; color:#06a;
}
.imageGallery .image a:hover img { 
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00; 
	opacity:1;
}





.imageGallery .divider{
	float:left;
	width:5px;
	height:121px;
	background:#ffffff url('images/galleryDivider.png') no-repeat left bottom;
	margin:0px;
	padding:0px;
}

.playButtons{
	width:900;
	overflow:hidden;
	height:72px;
	background:#ffffff url('images/playButtonsBackground.png') no-repeat right bottom;
	margin:0px;
	padding:0px;
	padding-left:9px;
	position: relative;
}

.playButtons .playText{
	float:left;
 	margin: 23px 0px 0px 0px; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 48px; 
 	line-height: 48px;
 	color: #3a6e9c; 
 	text-decoration: none; 
 	font-weight: bold;
 	padding-bottom: 0px;
}
 
.playButtons .playText a{
 	color: #3a6e9c; 
 	text-decoration: none; 
 	font-weight: bold;
}
 
.playButtons .playText a:hover{
 	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.85; 
	opacity:0.8;
}

.playButtons .divider{
	float:left;
	width:4px;
	height:72px;
	background:#ffffff url('images/playButtonsDivider.png') no-repeat left bottom;
	margin:0px 9px 0px 9px;
	padding:0px;
}

.playButtons .details{
	float:left;
	/*
 	position:absolute;
 	top:23px;
 	left:175px;
 	
 	margin: 34px 0px 0px 0px; */
 	position:absolute;
 	bottom:0px;
 	left:170px;
 }

.playButtons .details h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px; 
 	line-height: 14px;
 	color: #3a6e9c; 
 	text-decoration: none; 
 	font-weight: bold;
 	margin-bottom:5px;
}

.playButtons .details h1 .normal, .playButtons .details h1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px; 
 	line-height: 14px;
 	color: #353535; 
 	text-decoration: none; 
 	font-weight: normal;
 }

.playButtons .details h1 .normal, .playButtons .details h1 a:hover{
 	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.85; 
	opacity:0.8;
}
 
.playButtons .details h1 .disabledMovieLink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px; 
 	line-height: 14px;
 	color: #353535; 
 	text-decoration: none; 
 	font-weight: normal;
 	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}  

.innerThumb{
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}



#innerThumbHolder a:visited img, #innerThumbHolder a img{
	filter: alpha(opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.85; 
	opacity:0.8;
}
#innerThumbHolder a:hover {
	background-color:transparent; color:#06a;
}
#innerThumbHolder a:hover img { 
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00; 
	opacity:1;
}

 


/* ----------------------------------- lists */

.login { margin: 0; padding: 7px; font-size: 12px; background: #fff;}
.login span { display: block; padding: 5px; border: 5px solid #c00; }

.navigation { padding: 0 7px 20px 47px; background: #fff; }
.navigation span { float: left; }
.navigation span.next { margin-left: 2px; }
.navigation span a { outline: none; display: block; height: 40px; width: 160px; background: #ddd; text-indent: -9999em; }  
.navigation span.previous a { background: url("images/nextprev.gif") no-repeat top left; }
.navigation span.previous a:hover { background-position: bottom left; }
.navigation span.next a { background: url("images/nextprev.gif") no-repeat top right; }
.navigation span.next a:hover { background-position: bottom right; }

/* ----------------------------------- home posts */

.main-leads { 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}
/*.main-leads .post { width: 892px; height: 225px; margin: 0; } */
.main-leads .post { 
	width: 892px; 
	margin: 0; 
	padding-bottom: 10px;
	background: #353535;
}

/*.recent-leads .post { float: left; width: 292px; height: 150px; margin: 0 8px 8px 0; padding: 0; overflow: hidden; } */
.recent-leads .post { float: left; width: 292px; margin: 0px 0px 0px 0px; padding: 0px 8px 8px 0px; overflow: hidden; background: #353535;}
.recent-leads .third { padding-right: 0; }



.main-leads a {
	text-decoration: none;
	/*
	background: #fff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 999;
	*/
	}
	
	
.main-leads .thumbnail{
	display: block;
	height: 150px;
	overflow: hidden;
	margin-bottom: 0px;
	background: #000000  0 center;
	position: relative;
	padding: 0 !important;
	cursor: pointer;
	
}

/*
.main-leads .thumbnail:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
	}
*/
	
.main-leads .title-insert{
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	position: absolute;
	background: #405f95;
	z-index: 99;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .9;
	}

.main-leads .title-insert h2 {
	margin: 7px 7px 5px;
	color: #cecfcf;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	display: block;
	}
	
.main-leads .title-insert h2 a{
	margin: 7px 7px 5px;
	color: #cecfcf;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	display: block;
	}
	


.recent-leads a {
	text-decoration: none;
	/*
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background: #fff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 999;
	*/
	}

.recent-leads .thumbnail{
	display: block;
	height: 75px;
	overflow: hidden;
	margin-bottom: 0px;
	background: #000000  0 center;
	position: relative;
	padding: 0 !important;
	cursor: pointer;
	
}

/*
.recent-leads .thumbnail:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
	}
*/

.recent-leads .title-insert {
	left: 0;
	bottom: 0;
	width: 100%;
	display: block;
	position: absolute;
	background: #405f95;
	z-index: 99;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .9;
	}

.recent-leads .title-insert h2 {
	margin: 7px 7px 5px;
	color: #cecfcf;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	display: block;
	}

				
.recent-leads .title-insert h2 a{
	margin: 7px 7px 5px;
	color: #cecfcf;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	display: block;
	}


.title-insert h4 {
	margin: 4px 7px;
	color: #cecfcf;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	}

/* ----------------------------------- login page */

#loginform { margin: 15px; font-size: 12px; }
#loginform p { margin: 0 0 15px; }
#loginform label { display: block; margin: 0 0 4px; }

/* ----------------------------------- comments */

#comments { margin: 21px 0; }
#comment-breaker { color: #333333; display: block; width: 100%; margin: 21px 0 14px 0; padding: 35px 0 0 2px; background: url("images/distort.gif") no-repeat top center; }
#comment-breaker h2 { font-size: 18px; }
ol.commentslist { float: left; font-size: 1.2em; line-height: 1.5em; width: 590px; }
.commentslist li { margin-bottom: 28px; }
.commentslist li p { margin: 0 0 1em 0; }
.commentslist li blockquote { margin: 0 1.2em; font-style: italic; }
.commentslist li ul, 
.commentslist li ol { margin: 1em 1.5em; }
.commentslist .author_meta { text-transform: lowercase; border-top: 2px solid #333333; padding: 4px 0 0 0; margin-top: 9px; float: left; width: 75px; font-size: 11px; }
.commentslist .author_meta a { color: #444; text-decoration: none !important; }
.commentslist .author_meta a:hover { text-decoration: underline !important; }
.commentslist li.author .comment_text { background: #eee; width: 498px; border: 1px solid #ddd; }
li.author .comment_text p { margin: 7px; }
.commentslist .comment_text { float: right; width: 500px; overflow: auto; }
.comment_text .comment-author { font-weight: bold; margin-bottom: 7px; }
li.author .comment_text .comment-author { margin: 7px 0 7px 7px; }
.commentslist .comment_text a { font-weight: bold; }
.pings { float: right; width: 340px; }
.pings h3 { color: #333333; font-size: 1.6em; padding: 0 0 0 2px; }
ul.pingslist { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
.pingslist li { border-top: 1px solid #ccc; line-height: 1.5em; width: 340px; }
.pingslist li a { background: url("images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal;  color: #999; text-decoration: none; padding: 3px 2px 3px 20px; }
.pingslist li a:hover { color: #333333; background: url("images/li.gif") no-repeat 1px 3px;}
.sidebar-ul li a:hover em { color: #999; }

#commentform { font-size: 11px; margin-left: 90px; }
#commentform p { margin: 0.8em 0; }
#commentform p label { }
#commentform #author,
#commentform #email,
#commentform #url,
#commentform #comment { border: 1px solid #bbb; padding: 4px; font-family: arial,verdana,sans-serif; font-size: 12px; color: #6c6c6c; }
#commentform #comment { width: 485px; overflow: auto; height: 225px; }
#commentform #submit { background: #333; color: #eee; padding: 0.8em 0; width: 13em; border: none; }
.comment-warning strong { color: #444; font-weight: bold; }
.subscribe-to-comments { font-size: 12px; color: #555; }

/* ----------------------------------- categories */

#categories { border: 1px solid #bbb; border-width: 1px 0; padding: 14px 0; margin: 35px 0 21px; }
#categories ul { color: #999; font-size: 1.2em; line-height: 1.6em; }
#categories li { float: left;  text-align: right;  display: block; width: 150px; margin-right: 10px; }
#categories li a { color: #333333; font-weight: bold; float: left; text-decoration: none; }
#categories li a:hover { text-decoration: underline; }

/* ----------------------------------- footer */

#footer {  height:200px;   padding: 0 0 20px 5px; color: #cecfcf; font-size: 1.2em; font-weight: bold; position: relative; background: #211f1f url('images/footerGradient2.png') no-repeat; }
#footer #searchForm { margin: 0 0 5px; padding: 4px 7px; line-height: normal; }
#footer #searchForm #s { padding: 2px 4px; width: 265px; margin-right: 4px; color: #666; font-size: 12px; border: 1px solid #333333; }
#footer #searchForm #searchsubmit { vertical-align: bottom; }
#footer a:link, #footer a:visited { color: #cecfcf; text-decoration: none; }
.hiddenpic { display: none; }


/* ----------------------------------- floats */

.right { float: right;}
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
*:first-child+html .fix { min-height: 1px; }
.fix { display: block; }



img#wpstats{display:none}