/*  
Theme Name: NCMVP Brown
Theme URI: http://www.ncmvp.org/
Description: NCMVP Brown theme. [Based on the "Rounded V2 blue edition" theme by Ghyslain Armand http://www.itcouldbethisone.com]
Version: 1.0
Author: Prashant Katwa
Author URI: http://www.katwapro.com/
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Changelog:
	v1.0 - 10.08
	Official Release of NCMVP Brown
*/


@import url("layout.css");
@import url("calendar-metas.css");
@import url("comments.css");
@import url("sidebar.css");
@import url("footer.css");


html,body{
	margin: 0;
	padding: 0;
	background-color: #6f5832 /*#8EB7DA*/;
}
body {
	padding: 0 0 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center; 
	width: 100%;
	min-width: 1000px;
	width:expression(document.body.clientWidth < 810? "800px": "auto");
	background: url('imgs/bg_site.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

/************************************************
*	Header										*
************************************************/

/*#masthead h1{
	color: #FA77E6;
	margin: 0 0 0 2px;
	padding: 140px 0 0 160px;
	font-size: 16px;
}
#masthead h1 a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}*/
#masthead h2{
	color: #469ed8;
	font-size: 13px;
	margin: -8px 0 0 35px;
	padding: 0 0 0 0;
	height: 28px;
	width:400px;
}
/* * html #masthead h2{
	margin-left: 45x;
	padding-left: 33px;
	float: left;
}*/
h1#mvplogo {
	margin: 0 0 0 20px;
	padding: 25px 0 0 0;
	width: 400px;
}
h1#mvplogo a {
	display: block;
	width: 400px/*287px*/;
	height: 120px;
}
h1#mvplogo a {
	background-image: url('imgs/mvplogo_final.jpg');
	background-position: 0 0;
}
h1#mvplogo a:hover {
	background-image: url('imgs/mvplogo_final.jpg');
	background-position: 0 -120px;
}
html>body h1#mvplogo a {
	background-image: url('imgs/mvplogo_final.png');
}

html>body h1#mvplogo a:hover {
	background-image: url('imgs/mvplogo_final.png');
	background-position: 0 -120px;
}
#header-block {
	width: 1000px;
	height: 120px;
	/*display: block;
	margin-left:10px;
	margin-right:10px;*/
}
.replaced {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/*#buttons {
	background: url('imgs/mvpbuttons.jpg') no-repeat top;
	width:1000px;
	height:270px;
}
#buttons ul#butmenu {
	padding: 0px 0px 0px 0px;
	width:1000px;
	position:relative;
	height:270px;
}
#buttons ul#butmenu li {
	list-style-type:none;
	position:absolute;
	display:block;
	padding: 0px 0px 0px 0px;
	height:110px;
}
#buttons ul#butmenu a {
	display:block;
}
#buttons ul#butmenu li a {
	display:block;
	height:110px;
}
#buttons ul#butmenu li a:hover {
	background: #FFFFFF;
}
#button1 {
	width:300px;
	left: 30px;
}
#button2 {
	width:300px;
	left: 360px;
}*/

#mvpbuttons { background:url('imgs/mvpbuttons.jpg') no-repeat top left; margin: -8px 0 0 0px; width: 1010px; padding-top: 0px; height: 250px;} 
div#mvpbuttons ul#butmenu { padding: 15px 0px 0px 0px; background: url(images/nav_menu.gif) no-repeat left top; margin: 0px; width: 1010px; position: relative; height: 250px }
div#mvpbuttons ul#butmenu li { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; position: absolute; }
ul#butmenu li { display: block; height: 100px }
ul#butmenu a { display: block; height: 100px }
/*ul#butmenu a:hover { background:#EEEEEE; }*/
div#mvpbuttons ul#butmenu li a { text-indent: -9999px; text-decoration: none }

#but1 { left: 15px; width: 300px; }
#but2 { left: 340px; width: 300px; }
#but3 { left: 665px; width: 300px; }
#but4 { top: 135px; left: 15px; width: 300px; }
#but5 { top: 135px; left: 340px; width: 300px; }
#but6 { top: 135px; left: 665px; width: 300px; }
#menu_portfolio { left: 330px; width: 125px; }
#menu_learnmore { left: 455px; width: 145px; }
#menu_contact { left: 600px; width: 115px; }

#mvptop_johnlegend { background:url('imgs/mvptop_johnlegend.jpg') no-repeat top left; margin: -8px 0 0 0px; width: 1010px; padding-top: 0px; height: 150px;} 
div#mvptop_johnlegend ul#bigbutmenu { padding: 15px 0px 0px 0px; background: /*url(images/nav_menu.gif)*/ no-repeat left top; margin: 0px; width: 1010px; position: relative; height: 150px }
div#mvptop_johnlegend ul#bigbutmenu li { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; position: absolute; }
ul#bigbutmenu li { display: block; height: 120px }
ul#bigbutmenu a { display: block; height: 120px }
/*ul#butmenu a:hover { background:#EEEEEE; }*/
div#mvptop_johnlegend ul#bigbutmenu li a { text-indent: -9999px; text-decoration: none }

#but_johnlegend { left: 15px; width: 950px; }


/************************************************
*	Navigation									*
************************************************/


#topnav1 {
	margin: -200px 0 0 400px;
	width:400px;
}

#topnav {
	position: relative;
	clear: both;	
	margin: 0; padding: 0;		
	height: 35px;
	left: 0;	top: 35px;	
	z-index: 99999;
	width:500px;
	margin: -150px 0 0 500px;
}
#topnav ul {
	float: left;
	list-style: none;
	width: 500px;		
	height: 35px;
	text-transform: uppercase;
	margin: 0;	padding: 0;	
	display: inline;
}
#topnav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#topnav ul li a {
	float: left;
	margin: 0;	padding: 0 10px;
	font: bold 15px/35px "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: -0.3px;
	color: #7e93ad/*#694f42*/;
}
#topnav ul li a:hover, 
#topnav ul li a:active {
	color: #4b5e75/*#111*/;
	background: none;
	border: none;
}
#topnav ul li.current_page_item a {	
	color: #0da7d2;	
}

#newnav {
	position: relative;
	float:right; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	height: 35px; 
	/*left: 0; 
	top: 35px; */
	z-index: 1000; 
	width:550px; 
	margin: -50px 10px 0 0; 
}



#navul {list-style:none; padding: 0; margin: 0; z-index:50;}
#navul li {display:block; float:left; position:relative; /*z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-bottom:#dddddd solid 3px; margin: 0 6px;}
#navul li a {display:block; float:left; height:2em; line-height:2em; padding:0 3px; margin:0; text-decoration:none; font-weight:bold; color:#eeeeee;}
#navul li:hover, #navul li.over {border-bottom:#e8ba2e solid 3px;} /*Color main cells hovering mode*/
#navul li:hover a, #navul li.over a {background-color:#6f5832/*#469ed8*/; color:#ffffff; text-decoration:none;} /*Color main cells hovering mode*/
#navul li ul {display:none; z-index:51; position:absolute; top:2.25em; left:-45px; list-style:none;}
#navul li:hover ul, #navul li.over ul {display:block; width:9.0em; position:absolute; top:2.25em; left:-45px;}
#navul li:hover ul li, #navul li.over ul li {margin-top:-1px; border-bottom:#999999 solid 1px;}
#navul li:hover ul li a, #navul li.over ul li a {display:block; width:9.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 10px 4px 10px; /*border-left:#999999 solid 1px;*/ border-bottom:#e8ba2e solid 1px; background-color:#2e90d1/*#469ed8*/; font-weight:normal; color:#fffff;} /*Color subcells normal mode*/
#navul li:hover ul li a:hover, #navul li.over ul li a:hover {background-color:#6f5832/*#eeeeee*/; color:#ffffff;/*#323232*/; text-decoration:none; /*border-left:#999999 solid 1px;*/ border-bottom:#999999 solid 1px;} /*Color subcells hovering mode*/
#navul li > ul {top: auto; left: auto;}

#navul li ul li ul {display:none; z-index:52; position:absolute; top:0.15em; left:6.8em; list-style:none;}
#navul li ul li ul li {display:none;}
#navul li:hover ul li:hover ul, #navul li.over ul li.over ul {display:block; width:9.0em; position:absolute; top:0.15em; left:6.8em;}
#navul li:hover ul li:hover ul li, #navul li.over ul li.over ul li {display:block; margin-top:-1px; border-bottom:#999999 solid 1px;}
#navul li:hover ul li:hover ul li a, #navul li.over ul li.over ul li a {display:block; width:9.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 10px 4px 10px; /*border-left:#999999 solid 1px;*/ border-bottom:#e8ba2e solid 1px; background-color:#2e90d1/*#469ed8*/; font-weight:normal; color:#fffff;} /*Color subcells normal mode*/
#navul li:hover ul li:hover ul li a:hover, #navul li.over ul li.over ul li a:hover {background-color:#6f5832/*#eeeeee*/; color:#ffffff;/*#323232*/; text-decoration:none; /*border-left:#999999 solid 1px;*/ border-bottom:#999999 solid 1px;} /*Color subcells hovering mode*/


/************************************************
*	General Styles								*
************************************************/
a img {
	border: none;
}
#headeradd{
	margin-left: 40px;
	margin-top: 30px;
}
acronym, abbr {
	border-bottom: 1px dotted #B5DCFA;
}
acronym, abbr, span.caps {
	cursor: help;
	font-size: 11px;
	letter-spacing: .07em;
}
blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}
h1 {
	margin: 25px 10px 20px 0px;
	padding: 0px;
	text-align: left;
}

h2.fix{
	font-size: 20px;
	font-weight: bolder;
	text-transform: capitalize;
	margin: 5px 0 0 20px;
	color: #74C0FA;
}
h2 a {
	font-size: 20px;
	font-weight: bolder;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #469ed8 /*#8EB7DA*/;
   /*display: block;*/
	text-decoration: none;
}
* html h2 a{
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	/*width: 80%;*/
}
h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	padding-bottom: 2px;
}
h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 20px 0 15px;
	padding-bottom: 2px;
}
.date{
	font-size: 10px;
	font-weight: normal;
	color: #74C0FA;
}
.storytitle {
	display: block;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	color: #74C0FA;
}
code {
	display:block;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	padding: 5px 5px 5px 5px;
	border: inset thin #999999;
	background-color: #FFFFFF;
}

/************************************************
*	Content										*
************************************************/

#getit{
	margin-left: 10px;
	margin-top: -30px;
}
h3#respond{
	background: url('imgs/reply-img.gif') no-repeat;
	height: 49px;
	padding: 42px 0 0 48px;
	margin: 0 0 0 0;
	color: #8C8C8C;
	font-size: 15px;
}
h3#comments{
	background: url('imgs/cornerarrow.gif') no-repeat;
	height: 89px;
	padding: 41px 0 0 163px;
	margin: -5px 0 0 0;
	color: #fff;
	font-size: 14px;
}

p, li, .feedback {
	font-size: 12px;
}
ul.post-meta {
	list-style: none;
}
ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.feedback {
	color: #ccc;
	text-align: left;
	font-size: 11px;
	float: right;
	margin: -20px 20px 0 0;
	padding: 0 0 0 0;
}
.feedback a{
	color: #97C000;
	text-decoration: none;
	font-size: 11px;
	cursor: pointer;
}

#clearer {
	clear: both;
	margin: 0;
	padding: 0;
}
.clearer{
	clear: both;
	margin: 0;
	padding: 0;
}
.clearerleft{
	clear: left;
	margin: 0;
	padding: 0;
}

#content .post{
	background: url('imgs/postbg-body-r.gif') repeat-y top right;
	background-color: #FFFFFF;
	font-size: 100%;
	width: 100%;
	color: #4F402A;
	margin: 0 0 0 0;
}
#content .postop {
	background: url('imgs/postbg-top-r.gif') no-repeat top right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
#content .postop .pheadfill {
	background: url('imgs/postbg-top-l.gif') no-repeat top left;
	margin: 0 0 0 0;
	padding: 10px 30px 5px 0;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
#content .storycontent{
	background: url('imgs/postbg-body-l.gif') repeat-y top left;
	margin: 0 0 0 0;
	padding: 5px 45px 31px 40px;
}
#content .storycontent ul{
	padding: 0 20px 0 50px;
}
#content .storycontent ul li{
	padding: 2px 0 3px 0;
}
#content .storycontent ul li ul{
	padding: 0 0px 0 50px;
}
#content .storycontent ol{
	padding: 0 20px 0 50px;
}
#content .storycontent ol li{
	padding: 2px 0 3px 0;
}
#content .storycontent ol li ol{
	padding: 0 0px 0 50px;
}
#content .posbot {
	background: url('imgs/postbg-bot-r.gif') no-repeat bottom right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
#content .posbot .pheadfill {
	background: url('imgs/postbg-bot-l.gif') no-repeat bottom left;
	margin: 0 0 0 0;
	padding: 10px 30px 5px 0;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}
.thecontent{
	width: 100%;
	float: left;
	border-bottom: #777777 1px dotted;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.thecontent-full{
	width: 100%;
	float: left;
	text-align:justify;
}


#content .post .storycontent p img{
	/*float: left;*/
	border: none;
	margin-bottom: 2px;
	max-width:100%;
}
#content .post .storycontent img.alignleft{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
#content .post .storycontent img.alignright{
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
#content .post .storycontent img.aligncenter{
	display:block;
	margin: 5px auto 5px auto;	
}

/*  round corners */

.post h3 a{
	color: #242424;
	text-decoration: none;
	background: #ECF2F9;
}
.post h3 a:hover{
	background: #242424;
	color: White;
}
.post h4 a{
	color: #242424;
	text-decoration: none;
	background: #ECF2F9;
}
.post h4 a:hover{
	background: #242424;
	color: White;
}
.post p a{
	color: #242424;
	text-decoration: none;
	background: #ECF2F9;
}
.post p a:hover{
	background: #242424;
	color: White;
}
.post li a{
	color: #242424;
	text-decoration: none;
	background: #ECF2F9;
}
.post li a:hover{
	background: #242424;
	color: White;
}
.post p {
	margin: 5px 15px 10px 20px;
	text-transform: none;
}
.noposts{
	font-size: 20px;
	color: #434344;
	background: url('imgs/noposts.png') no-repeat top left;
	height: 60px;
	padding: 18px 0 0 75px;
	margin-left: 80px
}

.recent_news_homepage .news_posted_date{
	font-size: 10px;
}
.recent_news_homepage li a{
	font-size: 14px;
}

/* Event Calendar CSS Modifications */

table.ec3_schedule{
	float:none !important;
	border:solid 1px #800 !important;
	margin-left:20px !important;
}
table.ec3_schedule td {
	color:#800 !important;
}


/************************************************
*	Other Styles								*
************************************************/

		
h2#flickr{
}


#header, #header a:link {
	font-size: 20px;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
}
#header a:hover {
	color: #c00;
}


.page_item {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.licontainer{
	margin: 4px 0 0 0;
	/*background: url(img/subitem.gif) repeat-x bottom left;*/
	height: 40px;
	float: left;
}


/*  flickr integration */

#flickr_badge_uber_wrapper{
	margin-left: 17px;
}
#flickr_badge_wrapper img{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	border: 3px solid #E9F1F8;
}

/*  widgets */

li a.rsswidget{
	margin-left: 10px;
}
a.rsswidget{
	text-decoration: none;
	color: #9C9C9C;
}
.textwidget{
	margin-left: 20px;
	text-transform: none;
}

/* Extended Contact Form */
#content .contactform {
	margin: 10px 40px 0 0;
	padding: 20px;
	background-color:#eeeeee;
}
#content .contactform label {
	display:block;
	margin-top:5px;
}

/* Top 25 Achievments Page */

.storycontent .top25 {
	font-size:3em;
	font: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	color:#8EB7DA;
}

/* Photo Gallery tweets */

.ngg-galleryoverview {
	padding-left:40px;
}
.ngg-galleryoverview a{
	color: #242424;
	text-decoration: none;
	background: #ECF2F9;
}
.ngg-galleryoverview a:hover{
	background: #242424;
	color: White;
}
.ngg-albumoverview {
	padding-left:40px;
	padding-right:40px;
}
.ngg-albumoverview a{
	color: #242424;
	text-decoration: none;
	background: #ECF2F9;
}
.ngg-albumoverview a:hover{
	background: #242424;
	color: White;
}
.ngg-album {
	width:90%;
}