/*General Styles & Resets */
* {margin:0; padding:0; border:0;}
body {font-size:62.5%; font-family:"Helvetica","Myriad","Arial",sans; background-color:#c2e5f9;}
body.home {background:#c2e5f9 url(../images/bg-3.jpg) center top no-repeat;}

.altehaas {font-family:"AlteHaasGrotesk","Helvetica","Myriad","Arial",sans;}

#wrapper {
	width:100%; 
	background-image:url(../images/bg2-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
}
.home #wrapper {min-height:1800px; }

#footer {padding-bottom:0;}
#container {width:960px; margin:115px auto 0 auto;}

.panel {background:#FFF;  margin-top:10px;}

#content {float:left; width:670px; font-size:1.2em;}

#sidebar{float:left; width:280px; margin-left:10px; font-size:1.2em;}

a:hover img {outline:2px solid #84D1F4;}


/*Fallback Gradients (Remove when all browsers support CSS3...) */
#banner,.panelnav,.panelnav a,.panelnav a:hover,.panelnav .active {background: #FAFAFA url(../images/banner.gif) repeat-x;}
.panelnav {background:#BEBEBE url(../images/panelnav.gif) repeat-x;}
.panelnav a {background:#DEDEDE url(../images/link.gif) repeat-x;}
.panelnav a:hover {background:#8FDBF0 url(../images/hover.gif) repeat-x;}
.panelnav .active,.panelnav .active:hover  {background:#39AADA url(../images/active.gif) repeat-x;}

.panelnav {height:49px; background-image: -moz-linear-gradient(100% 61% 90deg, #BEBEBE, #F1F1F1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#BEBEBE)); border-bottom:5px solid #39AADA;}
.panelnav .first a {}
.panelnav a {display:block; float:left; height:36px; padding:14px 15px 0; font-size:1.5833em; font-weight:bold; color:#272727;  background-image: -moz-linear-gradient(100% 61% 90deg, #B2B2B2, #DEDEDE); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEDEDE), to(#B2B2B2)); line-height:1em;}
.panelnav .active,.panelnav .active:hover {color:#FFF;  background-image: -moz-linear-gradient(100% 61% 90deg, #39AADA, #30C9F2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#30C9F2), to(#39AADA)); pointer-events:none; cursor:default;}
#container .panelnav a:hover { text-decoration:none; background-image: -moz-linear-gradient(100% 61% 90deg, #94B9CB, #8FDBF0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8FDBF0), to(#94B9CB));}
#sidebarnav .first {height:32px; padding:18px 15px 0; font-size:1.4em; color:#626262;}

/*Banner Divs*/
.centerer {width:960px; margin:0 auto; position:relative;}

#topbar {position:absolute; left:0; top:0; height:15px; padding:5px 0; width:100%; background:#000; font-size:1.1em; font-weight:bold;  min-width:960px;}
#topbar a {float:left; color:#93D7F5;}

#searchbar {float:right; width:500px; color:#fff; text-align:right; font-weight:normal; margin-top:-2px;}
#search {padding:1px 2px; background:#FFF; }
#searchbutton {margin-left:7px; padding:2px 3px; color:#FFF; font-size:.8125em;  font-weight:bold; background-color:#2F2F2F; background-image: -moz-linear-gradient(100% 100% 90deg, #666161, #2F2F2F); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2F2F), to(#666161)); border-color:1px solid #2F2F2F; }
#searchbutton:hover {background-color:#8C8C8C; background-image: -moz-linear-gradient(100% 100% 90deg, #8C8C8C, #616161); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8C8C8C), to(#616161)); border-color:#666161; cursor:pointer;}

#banner {position:absolute; left:0; top:25px; height:100px; width:100%; background-image: -moz-linear-gradient(100% 100% 90deg, #E1E1E1, #FAFAFA); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#E1E1E1)); border-bottom:1px solid #C5C5C5; min-width:960px;}
#logo {float:left; width:177px; height:69px; margin-top:18px; text-indent:-9999px; background-image:url(/sites/all/themes/pic2/images/piclogo2.gif); outline:none;}

#nav {float:right; margin-top:38px;}

#welcome {float:left; font-size:1.8em; margin:0 0 6px 0;}
#welcome span {font-size:1.333em; font-weight:bold;}

/* Featured Videos Divs */
#feature {padding-bottom:10px; overflow:auto;}

#slideshow {float:left; position:relative; width:650px; margin:10px 0 20px 10px;}
.slideinfo {position:absolute; width:424px; padding:26px 200px 26px 26px; bottom:0; left:0; color:#FFF; background:#000; background:rgba(0,0,0,.74);}

#slideposition {position:absolute; right:18px; bottom:72px; z-index:10;}
#slideposition a {display:block; width:11px; height:11px; float:left; background:url(../images/slidedots.gif) no-repeat; margin-right:11px; text-indent:-9999px;}
#slideposition .active,#slideposition a:hover {background-position:0 -22px;}

.morevids {float:left; margin:0 0 0 10px;}
.vidinfo,.description,.date {display:block;font-size:.9em;line-height:1.4em; }
#content .vidinfo {clear:left;display:block;font-weight:bold;}
.video {width:133px; float:left; margin:0 39px 6px 0;}
.video.fourth,.video.eighth {margin-right:0;}
.video.fifth {clear:left;}

/* pic|blogs & pic|how tos Divs */
#blogs,#howtos {float:left; width:650px; background:#FFF  no-repeat; padding:5px 10px 10px 10px;}
#allblogs {float:left;}
#allblogs img,#howtos img{float:left; margin:0 17px 10px 0;}

.blog {width:300px; float:left; margin:0 44px 20px 0;}
.blog.second,.blog.fourth {margin-right:0;}
.blog .date,.blog .description {display:block; float:left; width:150px;}

.howto {float:left; width:500px; padding-right:150px;  margin:10px 0 20px 0;}
.howto .date,.howto .description { float:left; width:300px;}

/* Sidebar Divs */
#sidebar .description,#sidebar .date,#sidebar .vidinfo {display:block;width:127px;}
#blogposts {float:left; width:260px; background:#444; color:#FFF; padding:30px 12px;}
#moreblogs h2, #dailypost h2 {height:33px;text-indent:-9999px; background:url(../images/headers.gif) no-repeat;}

#dailypost,#moreblogs,#lastvideo {float:left; position:relative; width:256px; margin:0 12px 0 12px; padding-bottom:10px;}
#dailypost {margin:12px 12px 0 12px;}
#dailypost,#moreblogs {border-bottom:1px solid #E3E3E3;}

.post {margin-bottom:10px;}
.post p {line-height:1.5em;}
.post .headercat a {font-size:1em; margin:0; text-align:left; font-weight:normal;}
.post a {display:block; margin:10px; text-align:right;}


#blognav {font-size:1.2em; color:#C6C6C6;}

#dailypost .watchnow {position:absolute; left:90px; top:91px;}
#dailypost p,#dailypost ul {margin:5px 0; font-size:1.1em;}
#dailypost p+p {margin:10px 0 0 0;}
#dailypost p  {
	font-size:12px;
	line-height:150%;
	margin-bottom:30px;
}
#dailypost h3  {
	clear:both;
	padding-top:10px;
}
#blogposts h3  {
	clear:both;
	margin-top:15px;
}
#dailypost p a {
	float:right;
}
#moreblogs .blog {margin-right:0;}
#moreblogs .blog.last {margin-bottom:0;}
#moreblogs img {margin:0 10px 10px 0;}
#moreblogs .date,#moreblogs .description,#moreblogs .vidinfo {display:block;  width:242px;}

#lastvideo {margin:15px 0 5px 12px;}
#lastvideo .watchnow {position:absolute; left:145px; top:187px;}

.search #blogposts  {
	padding:12px;	
}
.search #blogposts h3 {
	margin-bottom:8px;
}
.search #blogposts p {
	font-size:12px;	
	line-height:150%;	
}
/* Footer Divs */
#footer {float:left; width:960px; clear:both;  margin:30px 0; color:#2D6B78; font-size:1.2em;}
#footer .col {float:left; width:205px; margin:0 10px;}

#footer .col.last {width:236px;}
#footer p {margin-left:10px;}
#footer .col p {width:300px; margin:0;}
#footer .footer-bottom {margin:20px 0 0 0;}
#footer .footer-bottom p {margin:10px 0 0 0; width:100%; text-align:center;}
#footer .footer-bottom p a {margin:0 10px;}

/* General Lists */
ul {list-style:none;}

#nav li {float:left; margin-left:10px;}

.panelnav li {float:left; height:50px;}

#footer ul,#footer p {float:left; clear:both; margin:0;}
#footer .col li {display:block; float:none; margin:0;}
#footer li {display:inline; float:left; margin:30px 10px 20px;}
.clear {
	clear:both;	
}
/* General Links */
a {color:#4a84a3; text-decoration:none;}

#personalize-inner a:hover {
	text-decoration:underline;	
}

#content a:hover,#sidebar a:hover,#footer a:hover,#topbar a:hover {text-decoration:underline;}

.watchnow,.viewall {display:block; height:32px; width:129px; background:url(../images/watchnow.png); text-indent:-9999px;}
.watchnow:hover,.viewall:hover {background-position:-0 -32px;}
.slideinfo .watchnow {position:absolute; right:18px; bottom:18px;}

.viewall {width:79px; background:url(../images/viewall.png); clear:both;}
#feature .viewall {margin-left:10px;}

.blackbutton {display:block; padding:5px 10px; font-size:1.4em; font-weight:bold;  color:#FBB917; background-color:#2F2F2F; background-image: -moz-linear-gradient(100% 100% 90deg, #2F2F2F, #666161); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666161), to(#2F2F2F)); border:1px solid #000; }
.blackbutton:hover {background-color:#8C8C8C; background-image: -moz-linear-gradient(100% 100% 90deg, #616161, #8C8C8C); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#616161), to(#8C8C8C)); border-color:#666161;}

#footer a {color:#2D6B78;}


/* General Headings */
#content h2,#content h3,#sidebar h3 {font-size:1.2727em; line-height:1.1em;}

#slideshow .slideinfo h3,.slideinfo p {line-height:1.4em;}

.morevids h3 {margin:15px 0 4px 0;}
#howtos h3 {margin:0 0 4px 0;}
#feature h2,#blogposts h2 {visibility:hidden; height:0;}

#blogs h2,#howtos h2 {height:42px;}
#moreblogs h2,#dailypost h2 {height:33px;}
#blogs h2,#howtos h2 {margin-bottom:25px;}
#dailypost h2 {margin:15px 0 15px 0;}
#moreblogs h2 {margin:7px 0 15px 0;}

#moreblogs h2 {background-position:0 0;}
#dailypost h2 {background-position:0 -33px;}
#blogs .blog h3, #moreblogs h3 {text-indent:0; height:auto; margin:0 0 4px 0;}

#blogposts h3,#dailypost h3 {font-size:1.7em; line-height:1em; margin:8px 0 4px 0;}
#blogposts a {
	color:#4aaad6 ;
}
#blogposts h3 a {
	color:#FFF;
	text-align:left;
	margin:0;
	padding:0;
}
#blogposts {
	padding:20px 10px 5px 10px;	
}
#blogposts .post p  {
	font-size:12px;	
	line-height:150%;
}
#blogposts .post .headercat  {
	clear:both;
	display:block;
}

#blogposts .post p a {
	display:inline;
	float:right;
}
#dailypost h3 a, .morevids h3 a, #moreblogs h3 a, #blogs h3 a, #howtos h3 a {
	color:#000;
	text-align:left;
	margin:0;
	padding:0;
}
#footer h2 {text-transform:uppercase; font-size:1.2em; margin-bottom:20px;}


/*******************************************/
/**********    MISC OVERRIDES    ***********/
/*******************************************/


#header-blocks .block-pic_ui {
	position:absolute;
	top:5px;
	right:0;
}
#header-blocks .block-pic_ui .content {
	font-size:11px !important;
	font-weight:normal;	
}
#search-box /* Wrapper for the search form */
{
  background:none;
  width:auto;
  height:25px;
  line-height:12px;
  text-align:right;
  color:#fff;
  float:right;
  
}


#search-theme-form {
	width:300px;
	margin:0;
	padding:0;
	outline:0;
	height:25px;
	position:relative;
	top:2px;	
}
#search-form {
	background-image:url(../images/search-network-box.gif);
	background-repeat:no-repeat;
	background-position:123px 0px;
}

#search-theme-form label {
	font-size:11px;
	line-height:12px;
	height:12px;
	float:left;
	position:relative;
	top:4px;
	left:84px;
	padding:0;
	margin:0;
	padding-right:10px;
}
#search-theme-form input.form-text {
	width:134px !important;
	margin:0; !important;
	padding:0 !important;
	border:0 !important;
	float:left;
	height:14px !important;
	position:relative !important;
	top:3px !important;
	left:84px !important;
}



input.round-submit {
  background-image:url(../images/bttn_go.gif);
  background-repeat:no-repeat;
  width:32px;
  height:20px;
  padding:0;
}
input.round-submit:hover {
	background-position:0 -20px;

}
#personalize {
	position:absolute;
	top:7px;
	right:0;
	font-size:11px;
}

.panelnav {
	background-image:url(../images/gradient-bar.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:49px;
}
#featurenav ul li {
	background-image:url(../images/tab_featured.gif);
}
#sidebarnav ul li {
	background-image:url(../images/tab_blogs.gif);
}
.panelnav ul li {
	background-position:top left;
	background-repeat:no-repeat;
	width:200px;
}
.panelnav ul li span {
	display:none;
}
#blogs.panel, #howtos.panel {
	background-image:url(../images/striped-banner.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:0;

}
.panel h2 {
	background-position:top left;
	background-repeat:no-repeat;	
	margin-left:47px;
	padding-left:0;
}
.panel h2 span {
	display:none;
}
#blogs.panel h2 {
		background-image:url(../images/s_blogs.gif);

}
#howtos.panel h2 {
		background-image:url(../images/s_how-to.gif);

}


/* ********* rotator on home page ******** */

ul.slideshow {
	list-style:none;
	width:650px;
	height:368px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	float:left;
}

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;
}

ul img {
	border:none;
}

#slideshow-caption {
	width:650px;
	height:75px;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;
	z-index:1000;
}

#slideshow-caption h3 {
	margin:10px 0 0 0;
	padding:0;
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
	line-height:120%;
}

#cs-prev, #cs-next {
    position:absolute;
    top:172px;
    padding:3px;
    z-index: 1001;
    opacity:0.8;
    background-color:#000;
    height:30px;
    width:30px;
}

#cs-prev {
    left:9px;
    background:url(../images/left.png) no-repeat
}

#cs-next {
    right:0;
    background:url(../images/right.png) no-repeat
}