/*
Theme Name: USI Network
Theme URI: http://usinetworkschools.org/
Description: Forward Facing Site for USI Network
Version: 2.8
Author: One Design Company
Author URI: http://onedesigncompany.com/
Tags: school
*/

@import "style/css/reset.css";

html {overflow-y:scroll;}
body { text-align:center; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; background:url('images/body-background.gif') repeat-x fixed; }
#page-wrap { 	margin:0 auto; width:940px; text-align:left; border-top:8px solid #E5562F; background:#fff; }
#content-wrap {padding: 0 20px;}
h1#usi-header { height:142px; background:url('images/usi-network-header.jpg') no-repeat; }
h1#usi-header a { display:block; height:100%; text-indent:-9999px; }

h2, h3, blockquote {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

ul.nav { background:#F1F1F2; width:100%; margin:5px 0 0; clear:both; height:30px; }
ul.nav li { float:left; border-right:2px solid #fff; position:relative; z-index:1000;}
ul.nav li.login { border-right:0; border-left:2px solid #fff; float:right; width:240px; font-weight:bold; }
ul.nav li.login a:hover { background:#dd6947; color:#fff; }
ul.nav a { text-decoration:none; display:block; height:100%; padding:10px; color:#58595B; font-size:12px; border-bottom:1px solid #fff; }
ul.nav li.sfHover { background:#E5562F; opacity:1; color:#fff; }
ul.nav li.sfHover a {color:#fff;}
/*ul.nav li:hover > ul { visibility:visible; }*/

ul.nav li ul { display:none; position:absolute; left:0px; top:33px; background:#808080; opacity:0.95; float:left; width:215px; }
ul.nav li ul li { clear:both; width:215px; border:0px; }
ul.nav li ul a { color:#fff; border:1px solid #fff; border-width:0px 0px 1px; padding:8px; }

ul.nav li ul li ul { position:absolute; left:215px; top:0px; opacity:0.95; }

ul.side-nav { width:165px; border-top:1px solid #4D4D4D; float:left; margin-right:20px; }
ul.side-nav li { border-bottom:1px solid #4D4D4D; }
ul.side-nav li a { color:#1A1A1A; font-size:12px; padding:5px; display:block; height:100%; text-decoration:none; }
ul.side-nav li a:hover { color:#E5562F; }
ul.side-nav li a.ui-state-active { font-weight:bold; }

ul.side-nav li ul { margin-bottom:10px; }
ul.side-nav li ul li { padding-left:10px; border:none; }

div.control { width:640px; background:#E5562F; height:25px; padding:5px 0 0; text-align:center; }
div.control button {font-size:16px; border:0; background:none; margin:0; padding:0; color:#fff; padding:0 5px; cursor:pointer; }
div.control button.prev {float:left;}
div.control button.next {float:right; }
div.control span { color:#fff; font-size:14px; }

div.quote { float:right; width:200px; position:relative; top:-30px; }
div.quote blockquote { font-size:30px; color:#E5562F; line-height:1.05; margin-bottom:20px; letter-spacing:0.04em; }
div.quote p { font-size:10px; color:#1A1A1A; letter-spacing:0.02em; }

div.content { clear:both; padding-top:10px; height:100%; overflow:hidden; }
div.content div.info { float:left; width:420px; padding-right:20px; }
div.content h2 { font-size:30px; color:#E5562F; margin-bottom:20px; }
div.content p {font-size:12px; color:#58595B; line-height:1.45; letter-spacing:1px; letter-spacing:0.03em; margin-bottom:10px; }

div.carousel { float:left; margin-bottom:15px; }
div.carousel img { z-index:0; }
div.carousel p { position:relative; top:-60px; left:500px; color:#000; background:#fff; padding:5px; z-index:1; font-size:10px; font-style:italic; }

/* Body Text Style */
div.content .post { width: 455px; float:left; }
body.home div.content .post, body.single div.content .post, body.archive div.content .post { margin-left:0px; width:620px; }
body.single div.content h2, body.archive div.content h2 { font-size:25px; }

div.content .post h1 { font-size:20px; margin-bottom:10px; }
div.content .post h3 { font-size:16px; margin-bottom:8px }
div.content .blog h2 { font-size:16px; margin-bottom:4px }
div.content .post h4 { font-size:14px; margin-bottom:6px }
div.content .post ol { list-style-type:decimal }
div.content .post ul { list-style-type:disc; margin:10px 0; list-style-position:inside; color:#58595B; font-size:12px; }
div.content .post li { padding:5px 0; }
div.content .post em { font-style:italic; }
div.content .post strong { font-weight:bold; }
div.content .post a { color:#E5562F; text-decoration:underline; }
div.content .post p.meta-data { font-style:italic; }

div.content .post.blog { border-bottom:1px solid #F1F1F2; padding-bottom:15px; margin-bottom:20px; }

div.sidebar { height:300px; width:200px; background:url('images/usi-network-sidebar.jpg') repeat-x; border-top:5px solid #E5562F; float:right; margin-left:10px; padding:10px 20px; }
div.sidebar h3 { font-size:18px; margin:5px 0; color:#1A1A1A; }
div.sidebar h3 a { color:#000; text-decoration:none; }
div.sidebar img { margin:5px 0;}
div.sidebar ul { list-style:none; }
div.sidebar li { font-size: 12px; color:#000; }
div.sidebar li a { color:#000; }
div.sidebar p { font-size:14px; }
div.quote.sidebar {height:280px;}

div.footer { clear:both; height:40px; text-align:left; width:100%; padding-top:20px;}
div.footer p { font-size:10px; color:#58595B; }