@charset "utf-8";
/* CSS Document */

/**************************************
                Main
**************************************/
* { margin: 0; padding: 0; }

/*** Selectors ***/
body          { background-color: #003366; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/design2_bg.jpg); background-repeat:repeat-x; }
blockquote    { margin-left: 3em; }
p { margin: 0 0 10px 0; }
ul { margin: 0 0 0 10px; }

#content       { padding: 10px 140px 10px 140px; font-size: .9em; min-height:400px; height:auto !important; overflow: auto; }
#content h4    { font-size: 1.5em; }
#content h5    { font-size: 1.2em; }
#content ul    { margin: 10px 30px; }
#content ul li { padding-bottom: 4px; }
#content p     { margin: 0 0 15px 0; }
/****************/


/*** Layout ***/
#wrapper      { width: 100%; position: relative; }
#container    { width: 960px; margin: 0 auto; }
#repeatingbg  { background-image: url(../images/design2_comp1_contentbg.png); background-repeat: repeat-y; background-position: center;}

#home         { position: relative; padding-top: 135px; background-image: url(../images/design2_comp1_home.jpg); background-repeat: no-repeat; background-position: top center; }
#aboutme      { position: relative; padding-top: 135px; background-image: url(../images/design2_comp1_aboutme.jpg); background-repeat: no-repeat; background-position: top center; }
#myresume     { position: relative; padding-top: 135px; background-image: url(../images/design2_comp1_resume.jpg); background-repeat: no-repeat; background-position: top center; }
#homepagelink { position: absolute;	top: 0;	display: block;	width: 300px; height: 120px; }
#name         { position: absolute; width: 254px; height: 55px; background-image: url(../images/design2_comp1_name2.png); background-repeat: no-repeat; left: 590px;
                top: 96px; z-index: 2; }


@media screen and (max-width: 768px){
	#container { width: 90%; }
	#content { padding: 45px 14px 14px 14px; min-height: 100px; background-color: #f5f5f5; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; }
	#menutabs { position: absolute; top: 5px !important; left: 0px !important; height: 32px; width: 100% !important; }
	.menu {width: 405px; z-index: 6; display: none; }
	#name { position: absolute; left: 100px !important; top: 35px !important; width: 254px; height: 55px; 
	background-image: url(../images/design2_comp1_name2.png); 
	background-repeat: no-repeat; z-index: 2 !important; }
	#repeatingbg { background: none !important; }
	#home { position: relative; padding-top: 35px; background-image: none; }
	#portfolio,#description { display: none; }
	 
    #footer    { z-index: 1; width: 100% !important; padding: 0; margin: 0 auto; background-image: none !important; background-color: #CBD1DE; height: 106px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; }
	#bottomnav { padding: 5px 0 5px 0 !important; text-align: center; font-size: .9em; font-weight:bold; background-color:#FFFF00  }
	#fcontact  { float: right; margin-right: 15px !important; margin-top: 15px !important; font-size: .75em; }
	#fcontent  { float: left; margin-top: 15px !important; margin-left: 10px !important; font-size: .75em; text-align: left; }
}


.text       { font-size: .9em; }
.clearfloat {clear: both; }


/***  Links  ***/
a:visited {color: #003366; }

/* Prevent focus box from appearing around links */
a       { outline: none; }
a:focus { outline: none; }

/************************************
          Top Navigation
************************************/
.topnav       { position: absolute; top: 25px; left: 400px; width: 560px; height: 47px; z-index: 10; }
.topnav ul    { list-style-type: none; margin: 0; padding: 0; }
.topnav ul li { float: left; }


/*     New Block Menu
*****************************************************************************************************/
.menu        { position: absolute; top: 63px; left: 562px; width: 405px; z-index: 600; display: none; }
.menu h2     { margin: 0; }
.menucontent { margin: 0px; padding: 1px 20px 1px 20px; background: url(/images/menu_contentbg.png) repeat-y; min-height: 5px; }
.menucontent ul#toplinks { list-style-type: none; margin-top: 10px; }
.menucontent ul#toplinks li { float: left; }
.menucontent ul#aboutlinks,.menucontent ul#resumelinks { list-style-type: disc; }
.menucontent ul#aboutlinks li,.menucontent ul#resumelinks li { float: none; padding-bottom: 6px; font-size: 85%; }
.menutab     { display: block; position: absolute; top: 9px; left: 21px; background: url(/images/MENUtab.png) no-repeat top left; width: 101px; height: 43px; z-index: 10; }
.topright    { background: url(/images/menu_topright.png) no-repeat top right; }
.topleft     { background: url(/images/menu_topleft.png) no-repeat top center; width: 155px; height: 52px; }
.bottomleft  { background: url(/images/menu_bottomleft.png) no-repeat top left; width: 21px; height: 26px; }
.bottomright { background: url(/images/menu_bottomright.png) no-repeat top right; }
p.abouttitle,p.resumetitle { font-size: 1.1em; font-weight: bold; }
.vseparator { background: url(/images/vseparator.png) no-repeat center top; width: 1px; min-height: 158px; margin: 0 20px; }

#menutabs       { position: absolute; top: 63px; left: 410px; height: 32px; width: 460px; }
#menutabs ul    { list-style-type: none; }
#menutabs ul li { margin: 0;}
#menutabs ul li.tophometab { float: left; background: url(/images/toptabs.png) no-repeat left top; width: 133px; height: 32px; padding: 9px 0 0 15px; }
#menutabs ul li.topmenutab { float: left; background: url(/images/toptabs.png) no-repeat left top; width: 133px; height: 32px; padding: 9px 0 0 15px; }
.tophometablink { display: block; width: 105px; height: 44px; background: url(/images/design2_comp1_homenav.png) no-repeat top center; }
.topmenutablink { display: block; width: 101px; height: 43px; background: url(/images/MENUtab.png) no-repeat top center; }
.show       { display: block; }
.hide       { display: none; }

/*****************************************************************************************************
     End New Block Menu                                                                              */


.homelink            { display: block; margin-left: 20px; }
.homelink a          { display: block; background-image: url(../images/design2_comp1_homenav.png); background-repeat: no-repeat; width: 105px; height: 44px; }
.homelink a:hover    { background-image: url(../images/design2_comp1_homenav_over.png); background-repeat: no-repeat; }
.homelinkover a      { display: block; margin-left: 20px; background-image: url(../images/design2_comp1_homenav_over.png); background-repeat: no-repeat; width: 105px; height: 44px; }

.aboutmelink         { display: block; margin-left: 25px; }
.aboutmelink a       { display: block; background-image: url(../images/design2_comp1_aboutmenav.png); background-repeat: no-repeat; width: 197px; height: 44px; }
.aboutmelink a:hover { background-image: url(../images/design2_comp1_aboutmenav_over.png); background-repeat: no-repeat; }
.aboutmelinkover a   { display: block; margin-left: 25px; background-image: url(../images/design2_comp1_aboutmenav_over.png); background-repeat: no-repeat; width: 197px; height: 44px; }

.resumelink          { display: block; margin-left: 25px; }
.resumelink a        { display: block; background-image: url(../images/design2_comp1_resumenav.png); background-repeat: no-repeat; width: 154px; height: 44px; }
.resumelink a:hover  { background-image: url(../images/design2_comp1_resumenav_over.png); background-repeat: no-repeat; }
.resumelinkover a    { display: block; margin-left: 25px; background-image: url(../images/design2_comp1_resumenav_over.png); background-repeat: no-repeat; width: 154px; height: 44px; }


/***  Slide-down Menus  ***/
#aboutmemenu         { position: absolute; top: -300px; left: 561px; width: 197px; height: 170px; background-image: url(../images/design2_comp1_aboutmeribbon.png);
                       background-repeat: no-repeat; background-position: center 0px; z-index: 5;  padding: 160px 0 0 0; }
#aboutmemenu a       { display: block; padding: 5px 0px; text-align:center; font-size: 1em; color: #FFFFFF; }
#aboutmemenu a:hover { text-decoration: none; font-weight: bold; }


#resumemenu          { position: absolute; top: -300px; left: 775px; width: 166px; height: 175px; background-image: url(../images/design2_comp1_resumeribbon.png);
                       background-repeat: no-repeat; background-position: 50% -30px; z-index: 5; padding: 100px 0 0 0; }
#resumemenu a        { display: block; padding: 5px 0px; text-align:center; font-size: .8em; color: #FFFFFF; }
#resumemenu a:hover  { text-decoration: none; font-weight: bold; }
/**************************/



/*******  Expanding website links main page  *******/
/*
#portfolio           { width: 685px; }
#portfolio ul        { list-style: none; margin: 0; padding: 0; }
#portfolio ul li     { float: left; position: relative; margin: 0 12px 12px 0; padding: 0px; width: 150px; height: 100px; }
#portfolio ul li img { width: 150px; height: 100px; border: 1px solid #666; padding: 0px; background: #f0f0f0; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic; }
*/

/*******  Expanding website links main page  *******/


#portfolio           { float: left; }
#portfolio ul        { list-style: none; margin: 0; padding: 0; }
#portfolio ul li     { float: left; position: relative; margin: 0; padding: 0; border: 0; width: 354px; height: 232px; }
#portfolio ul li img { border: 1px solid #666; padding: 0px; background: #f0f0f0;
                       box-shadow: #333 5px 5px 6px;
					   -moz-box-shadow: #333 5px 5px 6px;
					   -webkit-box-shadow: #333 5px 5px 6px;
}

#description { float: left; width: 45%; margin-right: 12px; }
.portfolioslider { /*margin-left: 300px !important;*/ margin-bottom: 10px !important; }

/****************************************************
                   Resume
****************************************************/
#contactinfo              { margin: 10px 0 10px 0; }
#contactinfo h4.nametitle { float: left; }
#contactblock             { float: right; padding: 0 5px 10px 0; }
#email                    { float: left; width: 200px; text-align: right; }
#diamond                  { float: left; margin: 0 5px; padding: 6px 0 0 0 }
#webaddr                  { float: left; width: 210px; }
#resumecontainer		  { float: left; overflow: hidden; }

.centertxt        { text-align: center; }
.hseparator       { display: none; }
#innerresume h4   { margin: 0 0 10px 0;}
.light            { background-color: #FFFFFF; }
.dark             { background-color: #D6D6D6; }
.listh            { padding: 0 0 5px 0; }
.listdiamond      { list-style-image: url(../old/images/diamond.gif); }
.position         { margin: 40px 0; padding: 10px; 
                    border-top: 1px solid #ccc; border-left: 1px solid #ccc; 
					-moz-box-shadow: 3px 3px 3px #999; -webkit-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999; }
.redline          { clear: both; height: 2px; background-color: #B63030; margin: 6px 0; }
.resumedateindent { display: block; float: right; width: 350px; }
.separator        { background-image: url(../old/images/dots.gif); background-repeat: repeat-x; margin: 8px 0; padding: 3px 0; }
.title            { font-weight: bold; font-size: .85em; }
.text             { color:#889999; }


.topmenu { float: left; margin-left: 3px; margin-right: 3px; font-size: .75em; }


/****************************************************
                 My Photos
****************************************************/
/* Automatic Breadcrumb Style */
.breadcrumbnav { font-size: 0.9em; color: #000; background-color: #EEEEEE; padding: 0.5em; }


/* Pictures width container */
/* For some reason, padding in the outer container isn't enough to cause the picture divs to wrap properly in IE7, so I had to do this extra markup as a work-around. */
.picwidth { width: 675px; margin: 0; padding: 0; }
.picbox   { border: 1px solid #000000; margin: 4px; width: 100px; float: left; }


/*****  Twitter widget styles  *****/
#followme { float: right; margin-left: 5px; text-align: center; width: 230px; font-size: .8em; color: #666666; }
#twtr-profile-widget {float: right; margin-top: 5px; margin-left: 5px; width:290px; height:350px; }
#followme { float: right; margin-left: 5px; text-align: center; width: 230px; font-size: .8em; color: #666666; }
#leftcontent { margin-top: 5px; }
#twittercol  { float: right; margin-top: 5px; margin-left: 5px; width:255px; }

#footer    { z-index: 1; width: 850px; padding: 0; margin: 0 auto; background-image: url(../images/design2_comp1_footer.png); background-repeat: no-repeat; background-position: center; height: 106px; }
#bottomnav { padding: 20px 0 0 0; text-align: center; font-size: .9em; font-weight:bold; color:#998888; }
#fcontact  { float: right; margin-right: 65px; margin-top:  5px; font-size: .75em; }
#fcontent  { float: left;  margin-left:  60px; margin-top: -5px; font-size: .75em; text-align: left; }

#content ul#aboutpics { list-style-type: none; padding: 0; margin: 0; }
#content ul#aboutpics li { margin: 0 0 8px 0; padding: 0; }
#content ul#aboutpics li a { display: block; height: 60px; }
#content ul#aboutpics li a:hover { text-decoration: none; }
#content ul#aboutpics li img { margin-right: 12px; }

.whitestripe { background-color: #FFFFFF; }


/****************************************************
                 About Me
****************************************************/
#aboutminimenu { width: 240px; text-align: center; margin: 0 auto; }
#aboutminimenu ul { list-style-type: none; margin: 0; padding: 0; }
#aboutminimenu ul li { float: left; padding: 4px 10px; }



/****************************************************
                 RC Praise Team anbd Choir
****************************************************/
#content h4 { display: block; margin-bottom: 8px; }
#pt{ float: left; width: 48%; padding: 5px; background-color:#ffffff; }
#choir{ float: right; width: 48%; padding: 5px; background-color:#ffffff; }
#pt ul li, #choir ul li { margin-bottom: 5px;}