/* Body */
* {margin:0; padding:0;}
body {background:#e8e8e8; color:#222222; line-height:1.55em; text-align:center; padding-bottom:20px;}

/* Top */
#top {padding:1; width:960px; margin:10px auto 0 auto;}
#topleft {width:960px; float:left; margin:0; text-align:left;}
#topleft h1 {font-size:2.0em; line-height:0.9em; margin:5px 0; padding:0;}
#topleft h1 a {font-weight:400; color:#222222;}
#topleft h1 a:hover {color:#1e4d78; text-decoration:none;}
#topleft p, #topright p {margin:0 0 5px 0; padding:0; color:#444444;}
#topright {width:250px; padding:0; float:right; text-align:right; margin:0;}


/* Header */
#header {background: #e8e8e8 url(img/UT_by_Ruby.jpeg) top center no-repeat; color:#e8e8e8; margin:20px auto 0 auto; padding:0; text-align:left; width:960px; height:380px;}
#header h2, #header h3 {font-size:1.6em; color:#222222;}
#headerleft {clear:both; width:240px; height:190px; float:left; padding:9px 0 0 10px; overflow:auto;}
#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:left; padding:0; margin:0 0 5px 0; color:#eee;}
#headerleft li {list-style:none; margin:0 0 2px 0;}
#headerright {width:240px; float:right; height:190px; text-align:right; padding:9px 10px 0 0; overflow:auto;}
#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:right; padding:0; margin:0 0 5px 0; color:#eee;}
#headerright li {list-style:none; margin:0 0 2px 0;}

/* Main wrap */
#wrap {margin:5px auto 0 auto; padding:20px 20px 0 20px; text-align:left; width:920px; background-color:#fdfcfb; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.09);}

/* Headers */
h1, h2, h3, h4 {margin:0 0 15px; color:#222222; font-weight:normal;}
big {font-family: Arial, sans-serif; font-size: 1.1em; font-weight: bold; color: #333333; letter-spacing: 0.02em;}
big.subsec {font-size: 0.95em; font-weight: normal; color: #555555; font-style: italic; letter-spacing: 0;}

/* Sidebar */
#sidebar {margin:0 0 5px 0; float:right; width:180px; padding:0;}
#sidebar h2, #sidebar h3 {font-size:1.6em; padding:2px 0; margin:0 0 8px 0;}
#sidebar h3, #sidebar h4 {font-size:1.2em; margin:0 0 8px 0;}
#sidebar p, #sidebar ul ,#sidebar .textwidget,#sidebar form,#sidebar table {margin:0 0 18px 0; padding:0;}
#sidebar li {list-style:none; margin:0 0 3px;}
#sidebar ul li a {font-size:1.0em;}
#sidebar ul ul, #sidebar ul ul ul {list-style:none; margin: 2px 0 0 15px; padding:0;}
#sidebar ul ul li, #sidebar ul ul ul li {list-style:none; margin:0; padding:0;}
#sidebar ul ul li a {font-size:0.9em; font-weight:normal; margin:0; padding:0;}
#sidebar table {width:180px;}
#sidebar caption {font-size:1.6em; padding:2px 0; margin:0 0 8px 0; text-align:left;}

/* Menu buttons */
#sidebar ul.menubuttons li {list-style:none; width:180px; padding:0; margin:0 0 3px 0;}
#sidebar ul.menubuttons li a {display:block; padding:4px 0 4px 8px; background-color:#f0f0f0; color:#222222; border:1px solid #dddddd; border-left:4px solid #dddddd;}
#sidebar ul.menubuttons li a:hover, #sidebar ul.menubuttons li.current_page_item a {background:#f0f0f0; border:1px solid #dddddd; border-left:4px solid #1e4d78; color:#1e4d78;}
#sidebar ul.menubuttons ul {margin:0; padding:2px 0 0 10px;}
#sidebar ul.menubuttons ul li {width:170px;}
#sidebar ul.menubuttons ul li a {font-size:1em; background:#f0f0f0; padding:1px 0 1px 5px;}

/* Content */
#content {float:left; width:700px; margin-bottom:5px;}
#content h2 {font-size:1.3em; clear:left;}
#content h3 {font-size:1.4em; clear:left;}
#content h2, #content h3 {}
#content h2 a, #content h3 a {font-weight:normal;}
#content p {margin:0 0 18px;}
#content div.postnav {padding:10px 0;}
#content div.postnavleft {width:48%; float:left;}
#content div.postnavright {width:48%; float:right; text-align:right;}
#content ul, #content ol {margin:0 0 18px 30px;}
#content ul li, #content ol li {margin:0 0 3px;}
#content ul ul, #content ol ol {margin:5px 0 5px 15px;}
#content img {margin:0; padding:0;}
#content img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
#content img.alignright {float:right; margin:5px 0 5px 15px;}
#content img.aligncenter {display:block; margin:10px auto;}
#content img.border {border:1px solid #aaaaaa;}
#content .post {margin:0 0 30px;}
#content .timestamp {font-size:1.4em;}
#content .timestamp a {font-weight:normal;}

/* Footer */
#footer {clear:both; color:#444444; text-align:center; background-color:#f0f0f0; border-top:1px solid #dddddd;}
#footer p {margin:0; padding:10px 0;}
#footer .credits {font-size:1.0em;}
#footer a {color:#444444;}
#footer a:hover {color:#1e4d78; text-decoration:underline;}



/* Tags */
blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #dddddd; color:#666;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f5f5f5; border:1px solid #dddddd;}

/* Links */
a {color:#1e4d78; font-weight:400; text-decoration:none;}
a:hover {color:#0d2f4e; text-decoration:underline;}
a img {border:0;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Various classes */
.feedlink {padding:2px 0 2px 18px; margin:0 0 0 12px; font-size: 1.1em;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.clear {visibility:hidden; clear:both;}
.hide {display:none;}

/* Responsive layout for mobile */
@media (max-width: 980px) {
  #top, #topleft {width: 100%; box-sizing: border-box; padding: 0 12px;}
  #wrap {width: 100%; padding: 14px; box-sizing: border-box;}
  #content {float: none; width: 100%;}
  #sidebar {float: none; width: 100%; margin: 20px 0 0 0; padding: 0;}
  #sidebar ul.menubuttons li, #sidebar ul.menubuttons ul li {width: 100%;}
  #header {width: 100%; height: 200px; background-size: cover;}
}