body { padding: 0; margin :0; background:url('/images/gwing33.png') no-repeat center center fixed; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

/* Base Element Styles */
ul { margin:0px; padding:0px; }
li { list-style:none; }
img { border:0px; }
a { color:#fff; text-decoration:none; outline: none; }

/* Fonts */
.titleFont { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.serifFont { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

/* Various Styles cross pages */
.normalA { color:#2351e8; font-weight:bold; }
.normalA:hover { color:#333; text-decoration:underline }
.aList { margin:10px 0 10px 25px; }
.aList li { list-style: circle }

/*****************
 Header and Footer
 *****************/
#header { height:89px; width:100%; display:block; background:url('/images/header_bg.png') repeat-x; }

.navBar { padding:0; margin:0; float:right; }
.navBar li { list-style:none; float:left; padding:5px 10px; margin-top:25px; }
.navBar a { color:#fff; text-decoration:none; padding:2px 10px; }
.navBar a:hover { background-color:#2351e8; }

#footer { text-align:center; font-size:.8em; padding:5px; color:#999; }


/*******
 Content
 *******/
#content { width:100%; display:block; }

.center { width:1000px; margin:0 auto; }

#leftColumn { float:left; width: 299px; border-right:1px solid #2351e8; }

#rightColumn { float:right; width:700px; text-align:center; }


/*******************
 Home and About Page
 *******************/
#newsFeed { width:600px; float:left; }
#newsFeed .title { font-weight:bold; border-bottom:1px solid #2351e8; padding:5px; }
#newsFeed .news { padding:5px 15px; }
#newsfeed .signature { color:#2351e8; font-weight:bold;  }

#upcomingEvents { background-color:#333; width:400px; float:left; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#upcomingEvents .title { font-weight:bold; border-bottom:1px solid #2351e8; padding:5px 10px; }
#upcomingEvents .event { padding:5px 15px; border-bottom:1px solid #ccc; }

#projectNav { background-color:#333;float:left; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#projectNav .title { font-weight:bold; text-align:center; border-bottom:1px solid #2351e8; padding:5px 10px; }
#projectNav .event { padding:5px 15px; border-bottom:1px solid #ccc; font-size:12px; }

#projectList { padding-left:20px; width:800px; float:left; font-size:12px; }
#projectList .title { font-weight:bold; border-bottom:1px solid #2351e8; padding:5px 0; margin-bottom:5px; font-size:14px; text-align:right; }
#projectList div.subtitle { font-weight:bold; font-size:14px; color:#2351e8; padding:10px 0; }
#projectList .paragraphText { width:530px; float:right; }
#projectList .news { padding:5px 15px; }
#projectList a { color:#2351e8; }
#projectList .images { width:250px; float:left; text-align:center; padding:10px; }
#projectList .imageTitle { font-style:italic; color:#666; font-size:10px; text-align:left; }

#aboutMe { background-color:#ccc; width:400px; float:left; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; }


/**************
 Animation Page
 **************/
.media { font-style:italic; color:#666; font-size:.9em; }

#movieGallery { padding:10px 0; margin: 0; width:100%; }
#movieGallery li { list-style: none; float:left; }
#movieGallery li a img { border:1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:3px; }
#movieGallery li a img:hover { border:1px solid #2351e8; }

#movieTitle { text-align:left; font-size:1.1em; border-bottom:1px solid #2351e8; margin-bottom:5px; }


/******
 Resume
 ******/
.sectionHeader { color:#2351e8; font-size:1.2em; }
.italic { font-style:italic; color:#333; font-size:.9em; }
.bulleted { list-style:disc; margin-left:15px; font-size:.9em; }
.break { margin-bottom:20px; }
.references { color:#2351e8; }


/************
 Contact Page
 ************/
#contactForm { color:#fff; width:300px; float:right; padding:10px; margin:5px; background-color:#2351e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#contactForm .input { width:290px; }
#contactForm li { width:300px; }
#contactForm textarea { width: 290px; height:200px; }

.contactInfo { width: 650px; }


/*****************
 Slideshow Gallery
 *****************/
#slideshow { }

#thumbs ul { margin: 0 auto; padding: 0px; }
#thumbs ul li { list-style:none; float:left; margin:3px; }
#thumbs img { border:1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:3px; }
#thumbs img:hover { border:1px solid #2351e8 }

#controls .prev, #controls .next { padding:2px 10px;color: #2351e8; text-decoration:none; font-size:.8em; }

#caption { }

.pagination { clear:both; width:100%; }

.pagination span { padding:5px; color: #2351e8; font-weight:bold; font-size:.8em; }
.pagination a { padding:5px; color:#333; }
.pagination a:hover { color: #2351e8; }


/********
 Clearfix
 ********/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }