/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 18px;
	background-image:url(/images/square1.gif);
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	}

p, table.content, td p, blockquote, pre {
	font-size: .8em;
	margin-bottom: .5em;
	}
	
a, a:hover {
	color: #00537e;
}
a:visited {
	color: #5C8895;
}

h3, h4 {margin-left: 6px; margin-right: 10px;}
p, h6, table.content {margin-left: 10px; margin-right: 10px;}

blockquote  {
	margin-left: 25px; 
	margin-right: 10px;
	size: inherit;
	}
pre {
  font-size: 130%;
  overflow: auto;
}
	

table.content img, select { margin-left: 10px;}


#container {
	width: 927px;
	margin: 0 auto;
	text-align: left;
	}
	
#center_content {
	width: 600px;
	float:left;
}	

#widescreen {
	width: 700px;
	float: left;
}

#right {
	width: 317px;
	float:left;
	margin-left: 10px;
	}

#banner {
	width: 927px;
	height: 25px;
	background-color: rgb(134, 164, 180);
	margin: 10px 0px;
	margin-bottom: 30px;
	}

.menu_search {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 219px;
	height: 17px;
	background-color: #ebecce;
}
#menu_table {
	background-color: #ebecce;	
}
#searchmenu {
	background-color: rgb(91,135,148);
}
.imgbtn {
	padding-top: 4px;
	vertical-align: TOP;
}



/*beige white stroke*/ 
.bws {
	background-color: #ebecce;
	border-right: 2px solid #3F5252;
	border-bottom: 2px solid #3F5252;
	border-left-color: #3F5252;
	}
div.front_page_wnil {
	width: 320px;
}

#tags {
	min-height: 250px;
}
/*H2*/ 
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color:#FFFFFF;
	padding: 3px;
	margin-bottom: .2em;
	margin-top: .5em;
	padding-left: -.3em;
	}

div.wnil h2{ /*styles h2 within the div wnil*/ 
	background-image:url(/images/green_bar.jpg);
	background-color: #a0a638;
	background-repeat:repeat-x;
	}
	
div.longshots h2{
	background-image:url(/images/blue_bar.jpg);
	background-color: #0b85aa;
	background-repeat:repeat-x;
	}

div.our_libs h2{
	background-image:url(/images/yellow_bar.jpg);
	background-color: #fb9101;
	background-repeat:repeat-x;
	}

div.sarah h2{
	background-image:url(/images/purple_bar.jpg);
	background-color: #8e4864;
	background-repeat:repeat-x;
	}

div.general h2{
	background-image:url(/images/grey_bar.jpg);
	background-color: #62797f;
	background-repeat:repeat-x;
	}

/*H4*/

h4 {
	font-size: 12px;
	color:#666666;
	padding: 0.1em .2em .1em .3em;
	margin-top: 0.7em;
	line-height: 1.2em;
}

div.wnil h4{background-color: rgb(214, 215, 164);} /*green*/
div.longshots h4{background-color:rgb(185, 202, 195);} /*blue*/
div.our_libs h4{background-color:rgb(240, 222, 164);} /*yellow*/
div.sarah h4{background-color:rgb(194, 168, 160);} /*purple*/
div.general h4{background-color: rgb(160, 175, 170);} /*grey*/

/*H3*/
h3 {
	font-size: 18px;
	color: #333333;
	padding: .1em;
	margin-top: .3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div.wnil h3{color: rgb(104, 99, 0);} /*green*/
div.longshots h3{color:rgb(0, 69, 132);} /*blue*/
div.our_libs h3{color:rgb(228, 112, 30);} /*yellow*/
div.sarah h3{color:rgb(182, 32, 93);} /*purple*/
div.general h3{color:dark gray;} /*grey*/

h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	line-height: 1.8em;
	margin-bottom: .5em;
	font-weight: normal;
	}

#title {
		background-color: rgb(134,164,180);
		height: 77px;
		width: 927px;
		margin: 0px;
		padding-top: 10px;
		margin-bottom: 0;
		}

#rss_in_banner {
	float:right;
	}
#sarah_cutout {
	float:left;
	width: 1px;
	}
#sarah_cutout img {
	position: relative;
	right: 214px;
	}
  .nube1 { font-size: 1.0em; line-height: 1.05em; }
  .nube2 { font-size: 1.2em; line-height: 1.07em; }
  .nube3 { font-size: 1.4em; line-height: 1.09em; }
  .nube4 { font-size: 1.6em; line-height: 1.11em; }
  .nube5 { font-size: 1.8em; line-height: 1.13em; }  
  
 .video_preview {
	margin-top: .8em;
 	height: 120px;
 	width: 160px;
 	text-align: center;
	cursor: pointer;
	cursor: hand;
 }
 
 .video_preview_feature {
 	height: 210px;
 	width: 320px;
 	text-align: center;
	cursor: pointer;
	cursor: hand;
 }

 .im_preview {
 	height: 360px;
 	width: 640px;
 	text-align: center;
	cursor: pointer;
	cursor: hand;
 } 

 .im_preview_fp {
 	height: 280px;
 	width: 520px;
 	text-align: center;
	cursor: pointer;
	cursor: hand;
 } 
 
 .video_preview img {
 	vertical-align: middle;
 	padding-top: 50px;
 }
 
 .video_preview_feature img {
 	vertical-align: middle;
 	padding-top: 110px;
 }

 .im_preview img {
 	vertical-align: middle;
 	padding-top: 180px;
 }

 .im_preview_fp img {
 	vertical-align: middle;
 	padding-top: 140px;
 }
 
 #longshots_logo {
	 float: right; padding-left: 4px;
 }
 
 .longshots_social {
 	padding-top: .7em;
 }
 .longshots_flickr {
 	margin-left: 10px; margin-right: 10px;
 }
 
 #share_box_container {
 	width: 95px;
 	margin-left:5px;
 }
 #share_box_container2 {
 	margin-left:5px;
 	width: 520px;
 }
.share_box {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	background-color: #dbdebd;
	}
.share_box a, a:link, a:visited {
	text-decoration: none;
}
.share_box a:hover {
	text-decoration: underline;
}

div.share_box {
	cursor: hand;
	border-bottom: 1px #c7c6ab solid;
	padding-top: 5px;
	padding-bottom:2px;
	padding-left: 5px;
	color: #00537e;
	}	
div.video_social {
	padding-top: 5px;
	}	
img.share_box {
	background-color:#CC3399;
	}
div.column_social, div.img_float_right {
	width: 20%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	padding:0px 5px 5px 0px;
}
.breadcrumbs {
	font-size:10px; 
	background-image:url(/images/bar_bg.gif);
	background-repeat:repeat-x;  
}
.profile_image {
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
}
.community_div {
	width: 150px;
	float:left;
	clear:right;
	align: center;
}
TEXTAREA {
	WIDTH: 100%; HEIGHT: 200px
}

TEXTAREA.smaller {
	width: 250px; height: 50px;
}

.tags {
	font-size: small;
}

#email {
	display: none;
}

#show_video {
	padding-left: 30px;
	padding-right: 30px;

}

#show_video td {
	line-height: normal;
	font-size: .8em;	
}

.pagination {
  font-size: 14px;
  border: 1px solid #E5E5E5;
  text-align: center;
  padding: 1em; }
  .pagination a, .pagination span {
    padding: .2em .3em; }
  .pagination span.disabled {
    color: #AAA; }
  .pagination span.current {
    font-weight: bold;
    background: transparent url(apple-circle.gif) no-repeat 50% 50%; }
  .pagination a {
    text-decoration: none;
    color: black; }
    .pagination a:hover, .pagination a:focus {
      text-decoration: underline; }