/*  
Theme Name: Prof Plugin
Theme URI: http://www.profplugin.com
Description: Professor Plugin site
Version: 1.0
Author: Ron Rundus
Author URI: http://www.jackfig.com/
*/

 
/* @group body */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
body { font-family: arial, sans-serif; font-size: 13px; text-align: center; background: url(images/bg.png) repeat-x; color: #444; background-color: #fff; }
#top-wrapper  { width: 1024px; margin: 0 auto; }
#wrapper { margin: 35px auto 0; width: 1024px; text-align: left; border: none; }
/* * html #wrapper, *+html #wrapper {margin: 85px;} */
/* @end */

/* @group sticky footer */
html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }
#container { clear: both; padding-bottom: 30px;} 
/* @end */

/* @group global */
h1 { font-size: 28px; padding: 20px 0 0; font-weight: normal; text-transform: uppercase; }
h2 { color: #293F6F;  font-weight: normal; text-transform: uppercase; font-size: 25px; }
h3 { padding: 15px 0 15px 0; font-weight: normal; font-size: 18px; }
h2 a:link, h2 a:visited  { text-decoration: none; color: #00474F; }
h4 { padding: 0 0 15px 0; font-size: 16px; font-weight: normal; color: #666; }
a:link, a:visited, p.postmetadata a:link, p.postmetadata a:visited, .comments-template #submit, .search .searchbutton, abbr, .browse div a  { text-decoration: none; border: none; color: #00474F; }
a:hover, p.postmetadata a:hover, h2 a:hover, .browse div a:hover { text-decoration: none; color: #666; }
a img  { border: none; }
.right { float: right; }
.left { float: left; }
.caption { float: left; clear: left; width: 342px;  color: #555; font-size: 11px; margin: -4px 0 4px; padding-left: 8px; }
/* @end */

/* @group id */
#header { width: 1024px; margin: 0 auto; padding: 0; height: 155px;}
#pluginlogo-flash, #pluginlogo { float: left; padding: 15px 0 0 20px;}
#pluginlogo-flash a:hover, #pluginlogo a:hover { border: none; }
* html #pluginlogo-flash { margin-left: 10px;}
* html #pluginlogo { margin-left: 10px; }
.title { width: 460px; height: 24px; float: right; text-align: right; padding: 15px 2px 0 0; }
.title a { color: #fff; }
.title a:hover { text-decoration: none; color: #666; }
.title h4 { font-size: 12px; font-weight: normal; }
/* @end */

/* @group navigation */
#top-menu { padding: 135px 0 0; float: right; width: 400px; margin-bottom: 10px; text-align: right; }
#top-menu ul { margin: 0 auto; padding: 4px 0 0; }
#top-menu ul li { display: inline; padding: 0;  }
#top-menu a { margin-right: 6px; font-size: 12px; border: none; color: #000; }
#top-menu a:hover { text-decoration: none; color: #666; }
/* @end */

/* @group posts */
#container { float: left; width: 590px; padding: 0 0 20px 20px; margin: 0 0 0 5px; }
.summaries { margin-top: -15px; }
.summary { float: left; padding-right: 10px; margin: 0 15px 0 0; width: 30%; }
.summary#last { margin-right: 0; padding-right: 0; }
.post { padding: 0 25px 10px 0; }
.post h2 { padding: 20px 0 5px 0; }
.post a, .post a:hover { text-decoration: underline; }
.postinfo { font-size: 11px; color: #666; padding: 2px 0 20px 0; }
.postdate { }
p.postmetadata { font-size: 12px;  border-top: 1px dotted #fff; margin: 15px 0 0 0; padding: 0; color: #666; }
.postnav { padding: 10px 20px 20px 10px; font-size: 14px; font-weight: bold; line-height: 18px; }
blockquote { margin: 10px 40px 10px 30px; padding: 10px; font-family: Courier New, Courier, monospace; font-size: 13px; line-height: 15px; }
code { color: #ccc; font-family: Courier, monospace;  }
.entry { line-height: 18px; }
.entry p { margin: 0 0 15px 0;  }
.entry ul, .entry ol { margin: 0 0 15px 5px;  }	
.entry ul { list-style-type: disc;  }
.entry li { margin: 0 0 5px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 30px;  }
.entry img { border: 1px dotted #ccc; padding: 10px; }
.entry img.alignleft { margin: 8px 15px 8px 0;  float: left; }
.entry img.alignright { margin: 8px 0 8px 15px; float: right;  }
.entry img.center { display: block; margin: 15px auto; float: none; clear: both;  }
/* @end */

/* @group browse nav */
.browse { margin: 10px 0 30px 0; padding: 0; clear: both ; width: 580px; }
.browse div { width: 280px; color: #555; }
.browse div.left { float: left; margin-right: 20px; text-align: left; }
.browse div.right { float: right; text-align: right; }
/* @end */

/* @group supplement */
.leftbar { float: left; width: 200px; padding: 15px 0 0 4px;  }
.rightbar { float: left; width: 180px; padding: 15px 0 0 15px; position: relative; }
.leftbar ul, .rightbar ul  { list-style: none; }
.leftbar ul li, .rightbar ul li  { padding: 10px 0; font-size: 12px; }
.leftbar h2, .rightbar h2  { font-size: 14px; width: 185px; font-weight: normal; color: #000; padding: 0 0 4px;  margin: 0 0 7px 0;  border-bottom: 1px dotted #ccc; text-transform: uppercase; }
.leftbar ul ul li, .rightbar ul ul li { padding: 6px 0; margin: 0 3px 0 0; line-height: 16px; list-style: none; font-size: 12px; }
a.edi, a.events { display: block; text-decoration: none; padding: 0; margin: 0; border: 1px dotted #ccc; }
a.edi { background: url(images/phev-diagram-sm.jpg) 0 0  no-repeat; width: 170px; height: 120px; overflow: hidden; text-indent: -400px;}
a.events { background: url(images/phev-frank-sm.jpg) 0 0 no-repeat; width: 170px; height: 133px; overflow: hidden; text-indent: -400px;}
a.edi:hover { background: url(images/phev-diagram-sm.jpg) 0 -120px no-repeat; }
a.events:hover { background: url(images/phev-frank-sm.jpg) 0 -134px no-repeat; }
/* @end */

/* @group search form */
.search  { padding: 4px 0 0 0; }
.search textarea, .search .textbox  { background-color: transparent; border: 1px solid #ccc;  font-family: arial, sans-serif; font-size: 12px; padding: 4px; width: 172px; color: #444; }
.search .textbox:focus, .search textarea:focus   { background-color: transparent; border: 1px solid #999; }
.search .searchbutton  { font-size: 12px; font-family: arial, sans-serif; background-color: transparent; margin: 3px 0 0; padding: 0; border: none; cursor: pointer; }
/* @end */

/* @group comments */
#comment-form { width: 425px; margin: 10px 0 0; padding: 5px 5px 15px 5px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 10px 0; line-height: 18px; padding: 10px 0 5px 15px; }
.comments-template h2, .comments-template h3 { font-size: 16px; padding: 10px 0 10px 0; }
.commentmetadata { font-size: 12px;  padding: 8px 0; }
.commentmetadata strong { font-size: 14px;  }
.comments-template p.nocomments { padding: 0; }
.comments-template .textbox { border: 1px solid #ccc; width: 215px; font-family: arial, sans-serif;  color: #fff; background-color: transparent; }
.comments-template textarea, .comments-template textbox { font-size: 12px; color: #444; margin: 15px 15px 15px 0; background-color: transparent; border: 1px solid #ccc; width: 410px; font-family: arial, sans-serif; padding: 4px; }
.comments-template .textbox:focus, .comments-template textarea:focus   { background-color: transparent; border: 1px solid #999; }
.comments-template #submit { font-family: arial, sans-serif; cursor: pointer; height: 25px; background-color: transparent; font-size: 12px; border: 1px solid #ccc; padding: 3px; }
.even  { border: none; }
.alt  { border: 1px solid #ccc; }
/* @end */

/* @group admin */
#footer { position: relative; clear: both; width:100%; margin-top: -30px; height: 30px; padding: 5px 0 55px;  font-size: 11px; background: url(images/footer-bg.png) repeat-x bottom;}
div#footer ul { list-style-type: none; padding-bottom: 4px; }
div#footer ul li { display: inline; padding-right: 12px; }
div#footer a, div#footer a:hover { text-decoration: underline; }
/* @end */

/* @group 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%; }
/* @end */

.player { border: 1px dotted #666; padding: 0; margin: 10px auto; width: 320px; height: 270px}
.player-large { border: 1px dotted #666; padding: 0; margin: 10px auto; width: 693px; height: 474px}