/* 



Theme Name: whiteboard



Theme URL: http://whiteboard.plainbeta.com/



Description: A blank theme for you to draw on.



Author: Brian Purkiss



Author URI: http://brianpurkiss.com



Version: 2.0







Obviously, you may edit the above info upon your customization.



Though I wouldn't mind a link somewhere... *hint hint*



*/







html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, del, dfn, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}



* {margin:0;padding:0;}







a:link {color:#000066; text-decoration:none;}







a:visited {color:#000066; text-decoration:none;}







a:active {color:#861619; text-decoration:underline;}







a:hover {color:#861619; text-decoration:underline;}





















strong { font-weight:bold; }



         .myForm { margin-top:20px; }







        .myForm td { padding:4px 0 4px 0; }











	.myForm td, input, select, textarea, checkbox  {



		font-family: tahoma;



		font-size: 12px;



	}







	.required {



		color: red;



	}















#container{}



.post{padding:20px;}



.postmeta{}



.postnavigation{}



#searchform{padding-right:15px; clear:both; float:right;}



#sidebar {padding:1px 0px 0px 20px;}



#sidebar ul { list-style-type: none } 



#comments



.comments_navigation{}



.comments_navigation{}



.comments_reply{}



.comments_text{}



.comments_meta{}







H2 { margin:0 0 10px 0; }







H2 a:link {font-size:20px; font-weight:bold; color:#000066; text-decoration:none;}



H2 a:visited {font-size:20px; font-weight:bold; color:#000066; text-decoration:none;}



H2 a:active {font-size:20px; font-weight:bold; color:#000066; text-decoration:none;}



H2 a:hover {font-size:20px; font-weight:bold; color:#861619; text-decoration:underline;}





#home #wrapper { 



 margin: 0 auto;



 width: 930px;



 height:100%;



 background:url(images/content-bg.gif) repeat-y;



}



#header {



 width: 930px;



 color: #333;



 background:url(images/header.gif) no-repeat;



 height: 165px;



}



#s { *width:90px; }



#footer { 



 width: 930px;



 height:88px;



 color: #333;



 background:url(images/footer.gif) no-repeat;



 clear:both;



}





#sidebar a:link {color:#000066; text-decoration:none;}



#sidebar a:visited {color:#000066; text-decoration:none;}



#sidebar a:active { color:#861619; text-decoration:underline;}



#sidebar a:hover { color:#861619; text-decoration:underline;}











#headerphotos { padding:32px 69px 0px 0px ; float:right;height:117px; width:445px; } 



#headerphotos  img {

	display:none;

        position:absolute;

        height:117px; 

width:445px;

*margin-top:30px;

}







#content li {margin:5px 0px 5px 18px; }







body {



 font-family: Arial, Helvetica, sans-serif;



 font-size: 13px;



 background:#5a5b63;



height:100%;



}





#tier-1 #wrapper { 



 margin: 0 auto;



 width: 930px;



 height:100%;



 background:url(images/content-bg-tier-1.gif) repeat-y;



}





#tier-2 #wrapper { 



 margin: 0 auto;



 width: 930px;



 height:100%;



 background:url(images/content-bg-tier-2.gif) repeat-y;



}







#tier-1 #header {



 width: 930px;



 color: #333;



 background:url(images/header-tier-1.gif) no-repeat;



 height: 165px;



}





#tier-2 #header {



 width: 930px;



 color: #333;



 background:url(images/header-tier-2.gif) no-repeat;



 height: 165px;



}















#logo { padding:40px 0px 0px 80px;  height:100px; width:297px; float:left; }



#logo a { display:block; background:url(images/logo.gif) no-repeat; height:100px; width:297px;  }















#Search { width:196px; background:#8F8F8F; padding:10px; margin:10px 0px 10px 0px; -webkit-border-radius: 12px; -moz-border-radius: 12px;}







#Search H2 {font-size:20px; font-weight:bold; color:#FFF; text-decoration:none;}



















#audioplayer { margin:0 85px 0 0; float:right; }











#myGallery {margin:10px 20px;} 











#vertical-scroll-recent-post H2 {font-size:20px; font-weight:bold; color:#000066; text-decoration:none;}







#upcomingevents { -webkit-border-radius: 12px; -moz-border-radius: 12px;  width:196px; background:#8F8F8F; padding:10px; }



#announce { -webkit-border-radius: 12px; -moz-border-radius: 12px;  width:196px; background:#89171A; padding:10px; color:#fff; font-size:12px; font-weight:bold; }



#announce a:link {font-size:20px; font-weight:bold; color:#FFF; text-decoration:none; border-bottom:1px solid #fff; display:block;}



#announce a:hover {font-size:20px; font-weight:bold; color:#FFF; text-decoration:underline; border-bottom:1px solid #fff; display:block;}



#announce a:active {font-size:20px; font-weight:bold; color:#FFF; text-decoration:none; border-bottom:1px solid #fff; display:block;}



#announce a:visited {font-size:20px; font-weight:bold; color:#FFF; text-decoration:none; border-bottom:1px solid #fff; display:block;}



#announce .post-date { font-size:15px; padding-bottom:4px; display:none; } 



#upcomingevents H2 {font-size:20px; font-weight:bold; color:#FFF; text-decoration:none;}



.post-date { display:none!important; visibility:hidden!important; } 







#ngg-webslice H2 {font-size:20px; font-weight:bold; color:#FFF; text-decoration:none;}







#ngg-webslice { padding:10px; width:196px; background:#8F8F8F; height:220px; margin:15px 0 15px 0; -webkit-border-radius: 12px;



    -moz-border-radius: 12px;  }







#vsrp_Holder { background:#B7B7B7; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:5px;  } 











#viewall { display:block; background:#B7B7B7; padding:4px; text-align:center; margin:10px 0 4px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; }







#viewall2 { display:block; background:#B7B7B7; padding:4px; text-align:center; margin-top:10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }











#navigation {



 width: 930px;



 color: #333;



 background:url(images/content-bg.gif) repeat-y;











}











.breadcrumb { padding: 10px 0px 0px 80px; font-size:12px; }







.breadcrumb span { padding: 0 3px 0 3px; }







.breadcrumb a:link {color:#000066; text-decoration:none;}



.breadcrumb a:visited {  color:#000066; text-decoration:none;}



.breadcrumb a:active {color:#000066; text-decoration:none;}



.breadcrumb a:hover { color:#861619; text-decoration:underline;}























#container { 



 width: 930px;



 color: #333;



 background:url(images/content-bg.gif) repeat-y;



 height:100%;















}







#content { width:560px;  margin-left:57px; float:left;  height:100%; position:relative; display: inline;}















#sidebar { width:216px; float:left; margin:right;   height:100%; position:relative;} 





































#tier-1 #footer { 



 width: 930px;



 height:82px;



 color: #333;



 background:url(images/footer-tier-1.gif) no-repeat;



 clear:both;



}



#tier-2 #footer { 



 width: 930px;



 height:82px;



 color: #333;



 background:url(images/footer-tier-2.gif) no-repeat;



 clear:both;



}







#footer p { text-align:center; padding-top:15px; } 











/*Credits: Dynamic Drive CSS Library */







.underlinemenu{



font-weight: bold;



width: 100%;



margin:15px 0 15px 0;



}







.underlinemenu ul{



padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/



margin: 0;



text-align: center; //set value to "left", "center", or "right"*/



}







.underlinemenu ul li{



display: inline;



}







.underlinemenu ul li a{



color: #494949;



padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/



margin-right: 20px; /*spacing between each menu link*/



text-decoration: none;



border-bottom: 3px solid gray; /*bottom border is 3px*/



}







.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{



border-bottom-color: black;



}











/*Credits: Dynamic Drive CSS Library */























/* ================================================================ 



This copyright notice must be untouched at all times.







The original version of this stylesheet and the associated (x)html



is available at http://www.cssplay.co.uk/menus/final_drop.html



Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.



This stylesheet and the associated (x)html may be modified in any 



way to fit your requirements.



=================================================================== */



.menu a:hover { text-decoration:none; } 











.menu ul li ul li a:link {font-size:13px; width:120px; font-weight:normal; }



.menu ul li ul li a:visited {font-size:13px; width:120px; font-weight:normal;}



.menu ul li ul li a:active {font-size:13px; width:120px; font-weight:normal;}



.menu ul li ul li a:hover {font-size:13px; width:120px; font-weight:normal;}







.menu {width:815px; height:32px; position:relative; z-index:1000; font-family:arial, sans-serif; margin-left:57px; background:#7B7B7B;}



/* hack to correct IE5.5 faulty box model */



* html .menu {width:812px; w\idth:815px;}



/* remove all the bullets, borders and padding from the default list styling */



.menu ul {padding:0;margin:0;list-style-type:none;}



.menu ul ul {width:110px; }



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */



.menu li {float:left;width:110px;position:relative;  }



/* style the links for the top level */



.menu a, .menu a:visited {display:block;font-size:16px;text-decoration:none; color:#fff; width:115px; height:32px; border:1px solid #FFF; border-width:0px 0 0px 1px; background:#7B7B7B; padding-left:10px; line-height:31px;  }



/* a hack so that IE5.5 faulty box model is corrected */



* html .menu a, * html .menu a:visited {width:120px; w\idth:120px;}







/* style the second level background */



.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ccc; font-size:12px; font-weight:normal; }



/* style the second level hover */



.menu ul ul a.drop:hover{background:#92A6DC; text-decoration:none; }



.menu ul ul :hover > a.drop {background:#92A6DC; text-decoration:none; }



/* style the third level background */



.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}



/* style the third level hover */



.menu ul ul ul a:hover {background:#b2ab9b;}











/* hide the sub levels and give them a positon absolute so that they take up no room */



.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:120px;border-top:0px solid #FFF;}



/* another hack for IE5.5 */



* html .menu ul ul {top:32px;t\op:33px;}







/* position the third level flyout menu */



.menu ul ul ul{left:134px; top:-1px; width:134px;}







/* position the third level flyout menu for a left flyout */



.menu ul ul ul.left {left:-134px;}







/* style the table so that it takes no ppart in the layout - required for IE to work */



.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}







/* style the second level links */



.menu ul ul a, .menu ul ul a:visited {background:#ccc; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}



/* yet another hack for IE5.5 */



* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:120px;}







/* style the top level hover */



.menu a:hover, .menu ul ul a:hover{color:#000; background:#B7B7B7;}



.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#B7B7B7;}







/* make the second level visible when hover on first level list OR link */



.menu ul li:hover ul,



.menu ul a:hover ul{visibility:visible; font-size:12px; }



/* keep the third level hidden when you hover on first level list OR link */



.menu ul :hover ul ul{visibility:hidden;}



/* make the third level visible when you hover over second level list OR link */



.menu ul :hover ul :hover ul{ visibility:visible;}















/* ================================================================ 



   This CSS is further CSS I have created specifically for Wordpress



   so that the current page is highlighted in two levels.



   If you want it in three levels let me know.







   Author: Isaac Rowntree



   Website: www.zackdesign.biz



=================================================================== */











.menu ul ul .current_page_item a {



  color: red;



  background: white;



  border-left: 1px solid black;



}







.menu .current_page_item a {



  color: red;



  font-weight: bold;



  background: white;



}







.menu ul .current_page_item ul a {



  color: white;



  font-weight: normal;



  background: black;



}







.menu ul .current_page_item ul a:hover {



  background: gray;



}







.menu .current_page_item a:hover {



  background: white;



}



#navigation { background:none; }