/*
Theme Name: Ferrari
Theme URI: http://www.criminaljusticedegreesguide.com
Description: The Ferrari theme - Two-column fixed layout with one sidebar left of content, created by Nathan Miller.
Version: 1.0
Author: Nathan Miller
Author URI: http://www.criminaljusticedegreesguide.com/
Tags:black, orange, cream, fixed-width, two-columns, left-sidebar
*/

/* Basics ######################################################### */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td {
margin:0;
padding:0;
}

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border:0;
color:#666;
background:#fcf7ed url(images/bg.gif) repeat-x;
line-height:19px;
}

ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

select option {
font-size:13px;
margin:2px;
}

select option:hover {
background-color:#007d9b;
color:#FFF;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse:collapse;
border-spacing:0;
}

img {
border:none;
}

#col-right h2 a {
text-decoration:none;
}

/* ====== Main Sections ======= */
#container {
position:relative;
margin:auto;
padding:0;
width:980px;
}

#container h1 {
margin:5px 0 10px;
padding:0;
font-size:18px;
color:#003760;
}

#content {
position:relative;
margin:0;
padding:0;
}

#content h2 {
margin:10px 0;
padding:10px 0 0;
color:#00719d;
font-size:16px;
}

#content a,#footer a {
color:#00719d;
text-decoration:none;
}

#content a:hover,#footer a:hover {
text-decoration:underline;
}

#content ol {
margin:0 0 10px 15px;
}

#content ul li {
margin:6px 0;
background:url(images/arrow.png) no-repeat;
padding:0 0 0 12px;
}

#small-content-box {
position:absolute;
padding:0;
margin:79px 0 0 -270px;
color:#FFF;
font-size:16px;
text-align:left;
width:178px;
height:128px;
top:47px;
left:690px;
line-height:130%;
z-index:1;
/*background:url(images/smaller-content-box.png) no-repeat;*/
}

#widget-head-content {
position:relative;
margin:0 0 15px;
padding:0;
width:980px;
height:279px;
background:#665a53 url(images/hero-shot1.jpg) no-repeat;
}

#widget-head-content p {
margin:0;
line-height:130%;
}

/* ====== Header ======= */
div.header {
position:relative;
margin:0;
padding:5px;
height:125px;
z-index:100;
text-align:center;
}

div.header img {
border:none;
margin-top:2px;
}

div.header p {
float:right;
color:#dbac6f;
margin:5px;
font-style:italic;
}

/* Navigation ######################################################### */
div.header ul {
padding:7px 0 0 130px;
margin:0;
list-style-type:none;
clear:both;
margin-top:-6px;
/* position: absolute; */
bottom:5px;
}

div.header ul li {
padding:0;
margin:0;
float:left;
}

div.header ul li a,div.header ul li a:visited,div.header ul li a:active {
display:block;
margin:0 5px 0 0;
padding:11px 12px;
font-size:14px;
line-height:1;
font-weight:700;
color:#8d8580;
text-decoration:none;
}

div.header ul li a:hover {
text-decoration:none;
color:#fff;
}

div.header ul li.current a,div.header ul li.current a:visited,div.header ul li.current a:active {
background:#f26522;
color:#fff;
}

/* ====== Body Content ======= */
#logos {
position:relative;
height:170px;
margin:20px 0 5px;
padding:10px;
background:#d4eaf3;
border:#FFF 5px solid;
}

div.logo-box {
float:left;
margin:0 0 0 30px;
width:200px;
line-height:130%;
font-size:11px;
text-align:center;
color:#666;
}

div.logo {
position:relative;
margin:0 0 10px;
padding:15px 10px 10px;
background:url(images/bg-logo.png) no-repeat;
width:180px;
height:62px;
text-align:center;
}

#home-content {
position:relative;
width:100%;
z-index:200;
}

#home-content h1 {
color:#017983;
font-size:20px;
}

div.home-content-box-left,div.home-content-box-right {
float:left;
margin:0 15px 15px 0;
width:470px;
}

div.home-content-box-right {
margin:0 0 15px;
width:490px;
}

img.pig {
position:absolute;
right:5px;
bottom:5px;
z-index:200;
}

div.content-box,div.content-box2 {
position:relative;
float:left;
margin:10px 0;
padding:20px;
width:407px;
height:192px;
background:url(images/testimonial1.png) no-repeat;
}

div.content-box2 {
background:url(images/testimonial2.png) no-repeat;
}

div.content-box p,div.content-box2 p {
width:290px;
line-height:120%;
}

div.content-box-wide {
float:left;
margin:10px 30px 10px 10px;
}

#col-right,#col-right-home {
margin:15px 0 20px;
padding:20px;
float:right;
width:580px;
}

#content.results #col-right {
width:800px;
}

#col-right {
width:620px;
}

#col-right p,#col-right-home p {
margin:10px 0;
line-height:140%;
}

#col-right h2,#col-right-home h2 {
line-height:130%;
padding:0 0 10px;
margin:0 0 5px;
color:#00719d;
font-family:Arial;
font-size:16px;
text-decoration:none;
}

#col-right h3,#col-right-home h3 {
margin:10px 0 5px;
padding:10px 0 0;
color:#194f72;
font-size:16px;
}

#featured-careers-box,#career-guide-box {
position:relative;
margin:20px 0;
padding:0;
border:#d0cdc3 1px solid;
background:#FFF;
}

#featured-careers-box h2,#career-guide-box h2 {
font-size:15px!important;
padding:7px!important;
background:url(images/bg-featured.gif) repeat-x!important;
}

#featured-careers-box li {
margin:0!important;
padding:8px 8px 8px 60px!important;
background:url(images/bg-featured-li.gif)!important;
}

#career-guide-box ul {
margin:0!important;
padding:8px 8px 8px 15px!important;
background:url(images/bg-featured-li.gif)!important;
}

#career-guide-box li {
margin:0!important;
padding:2px 0 14px 30px!important;
background:url(images/arrow.png) no-repeat!important;
}

#career-guide {
margin-bottom:10px;
padding-bottom:15px;
position:relative;
height:300px;
}

img.lady-liberty {
position:absolute;
bottom:0;
right:20px;
}

img.featured-icons {
position:absolute;
top:33px;
left:5px;
}

div.top-school-container,div.top-school-container-last {
margin:0 0 10px;
padding:10px;
position:relative;
border:#ded9c8 3px solid;
background:#FFF url(images/bg-top-schools.gif) top right repeat-y;
}

div.top-school-container-last {
margin-bottom:20px;
}

div.top-school-left {
float:left;
width:200px;
font-size:11px;
color:#666;
}

div.top-school-left img {
margin:5px 5px 0;
}

div.top-school-right {
float:right;
width:130px;
height:155px;
text-align:right;
}

img.checks {
position:absolute;
bottom:15px;
left:10px;
}

div.top-school-text {
float:left;
width:300px;
line-height:140%;
color:#666;
}

/*#col-right button, #col-right-home button {

	margin: 5px 0 0 0;

	background: url(images/btn-continue.png) 0 0 no-repeat;

	cursor: pointer;

	width: 116px;

	height: 45px;

	border:none;

	overflow: hidden;

	line-height: 0px;

	text-indent:-999px;

	font-size: 0px;

	display: block;

	float:right;

}*/
/*#col-right button:hover, #col-right-home button:hover {

	background:url(images/btn-continue.png) bottom left;

}*/
div.right-col {
float:left;
width:510px;
margin-top:12px;
}

#sidebar {
margin:10px 0 0;
float:left;
width:301px;
}

#sidebar h2,#home-content h2 {
padding:5px 5px 5px 0;
margin:0;
color:#97938b;
font-size:18px;
clear:both;
}

#widget-sidebar h2 {
background:none;
padding:10px 5px 5px 15px;
margin:0;
color:#FFF;
font-size:14px;
}

div.textwidget,#sidebar ul {
padding:0;
margin:0;
}

div.textwidget ul {
border:none!important;
margin:0!important;
padding:0!important;
}

#widget h2,#widget-home h2,#widget2 h2 {
margin:0!important;
padding:7px 0 0;
text-align:center!important;
color:#FFF!important;
font-size:16px!important;
border:none!important;
background:none!important;
}

#widget-home h2 {
font-size:20px!important;
}

#widget2 h2 {
width:270px;
padding:5px;
}

#widget-home p,#widget p {
position:relative;
left:0;
top:0;
margin:0;
padding:0;
color:#8f8066;
font-weight:700;
font-size:15px;
}

#widget-home,#widget,#widget-sidebar {
position:relative;
z-index:200;
top:0;
}

#widget-home,#widget {
margin:2px 5px 0 0;
width:610px;
height:280px;
float:left;
background:url(images/content-widget-bg1.png) no-repeat;
}

#widget {
float:left;
background:url(images/widget-wide2.png) no-repeat;
}

img.hero-shot {
position:absolute;
left:-80px;
top:50px;
width:340px;
}

img.numbers {
position:absolute;
}

#widget-sidebar {
width:301px;
background:url(images/widget-sidebar.png) top right no-repeat;
height:250px;
margin:10px 0 20px;
float:none;
}

#head-intro {
position:absolute;
right:0;
top:20px;
padding:0;
margin:0;
width:410px;
color:#7cb2bd;
line-height:140%;
}

#head-intro h1 {
color:#FFF;
font-size:16px;
}

#head-intro li {
background:url(images/arrow.png) no-repeat scroll 10px 52% transparent;
text-decoration:none;
color:#FFF;
font-family:Arial;
display:block;
font-size:13px;
font-weight:400;
padding:2px 0 0 25px;
}

/* ====== DFW Widget======= */
#dfw-widget {
position:absolute;
margin:0;
padding:0;
bottom:35px;
left:25px;
color:#FFF;
width:275px;
}

#dfw-widget label {
display:none;
}

#dfw-widget h3 {
text-align:center;
color:#fff;
font-family:Helvetica;
font-size:21px;
padding:20px 0 0;
}

#dfw-widget form {
padding:5px 0 0;
}

#dfw-widget select {
width:230px;
float:right;
}

#dfw-widget button {
margin:3px 0 0;
background:url(images/btn-search-now.png) 0 0 no-repeat;
cursor:pointer;
width:276px;
height:42px;
border:none;
overflow:hidden;
line-height:0;
text-indent:-999px;
font-size:0;
display:block;
}

#dfw-widget button:hover {
background:url(images/btn-search-now.png) bottom left;
}

#dfw-widget .edudirect-degree_level_id {
margin:0 0 0 5px;
}

#dfw-widget .edudirect-category_id {
margin:0 0 0 5px;
}

#dfw-widget .edudirect-subject_id {
margin:0 0 0 5px;
}

div.dfw-widget-select {
margin-bottom:28px;
height:18px;
}

div.dfw-widget-select-last {
margin-bottom:0;
}

#dfw-widget-inner {
margin:0 0 15px 40px;
height:114px;
}

/* ====== DFW Widget ======= */
#dfw-widget-home {
position:absolute;
height:180px;
margin:0;
padding:0;
top:50px;
left:-170px;
color:#FFF;
font-size:12px;
}

#dfw-widget-sidebar {
left:13px;
position:absolute;
height:180px;
margin:0;
padding:0;
top:50px;
left:12px;
color:#FFF;
font-size:12px;
}

#dfw-widget-home label,#dfw-widget-sidebar label {
display:none;
}

#dfw-widget-home form,#dfw-widget form {
height:130px;
padding:5px 0 0;
margin:30px 0 0 260px;
}

#dfw-widget-sidebar form {
height:10px;
padding:0;
margin:0;
}

#dfw-widget-home select,#dfw-widget-sidebar select {
padding:0;
width:280px;
}

#dfw-widget-home select {
}

#dfw-widget-sidebar select {
width:275px;
}

#dfw-widget-home button,#dfw-widget-sidebar button {
margin:19px 0 0 -49px;
background:url(images/content-widget-btn.png) 0 0 no-repeat;
cursor:pointer;
width:334px;
height:42px;
border:none;
overflow:hidden;
line-height:0;
text-indent:-999px;
font-size:18px;
font-weight:400;
font-family:Helvetica;
color:#FFF;
display:block;
}

#dfw-widget-sidebar button {
background:url(images/btn-search-now.png) 0 0 no-repeat;
width:276px;
height:42px;
text-indent:-9999px;
margin:15px 0 0 1px;
}

#dfw-widget-home button:hover {
background:url(images/content-widget-btn.png) bottom left;
}

#dfw-widget-sidebar button:hover {
background:url(images/btn-search-now.png) bottom left;
}

#dfw-widget-home .edudirect-degree_level_id {
margin:0 0 25px 5px;
}

#dfw-widget-home .edudirect-category_id {
margin:0 0 25px 5px;
}

#dfw-widget-home .edudirect-subject_id {
margin:0 0 0 5px;
}

#dfw-widget-sidebar p {
font-family:Helvetica;
font-size:14px;
}

#dfw-widget-sidebar .edudirect-degree_level_id {
margin-bottom:5px;
}

#dfw-widget-sidebar .edudirect-category_id {
margin-bottom:5px;
}

#dfw-widget-sidebar .edudirect-subject_id {
}

#sidebar-box {
position:relative;
float:left;
margin:5px 0 10px;
padding:2px 0 0;
width:235px;
background:#efefef;
border:#FFF 5px solid;
}

#sidebar-box h2 {
width:214px;
padding:0;
margin:0;
color:#e1680b;
font-family:Arial;
font-size:16px;
height:31px;
}

#sidebar-box ul {
padding:0;
}

#sidebar-box li {
margin:0;
padding-top:5px;
padding-bottom:5px;
background:url(images/bg-sidebar-list.gif) repeat-x;
border-left:#FFF 1px solid;
border-right:#FFF 1px solid;
border-bottom:#FFF 1px solid;
}

#sidebar-box li a {
background:url(images/arrow.png) no-repeat scroll 10px 52% transparent;
text-decoration:none;
color:#387198;
font-family:Arial;
display:block;
font-size:13px;
font-weight:400;
padding:2px 0 0 25px;
}

#sidebar-box li a:hover {
color:#00486e;
}

/* ====== Footer ======= */
#footer {
position:relative;
margin:0;
padding:15px;
height:20px;
text-align:center;
color:#666;
border-top:#CCC 2px dotted;
}

#footer li {
float:right;
display:inline-block;
margin:0 5px!important;
padding:0 10px 0 0!important;
border-right:#CCC 1px solid;
background:none!important;
}

#footer li.last {
border-right:none;
}

/* ====== Comments Box ======= */
textarea#comment {
width:400px;
padding:5px;
margin:5px;
}

.commentmetadata {
font-size:10px;
}

p.disclaimer {
color:#FFF;
float:right;
clear:both;
margin:0 5px!important;
}

#dfw-content-bottom {
background:url(images/suppage-content-widget-bg.png) no-repeat scroll transparent;
width:496px;
height:250px;
}

#dfw-content-bottom form {
padding:50px 0 0 70px;
}

#dfw-content-bottom select {
width:410px;
}

#dfw-content-bottom button,.cta {
background:url(images/subpage-content-widget-btn.png) no-repeat scroll transparent;
height:42px;
width:463px;
padding:0;
margin:6px 0 0 -52px;
cursor:pointer;
border:none;
line-height:999px;
font-size:0;
/*  text-indent: -9999px; */
}

#dfw-content-bottom .edudirect-degree_level_id {
margin-bottom:18px;
}

#dfw-content-bottom .edudirect-category_id {
margin-bottom:18px;
}

/* ====== Articles ======= */
#col-right h2 {
font-family:rooney-web,sans-serif;
font-size:40px;
font-weight:800;
line-height:45px;
text-shadow:0 1px 0 #fff;
border-bottom:1px solid #d4cfc6;
box-shadow:0 1px 0 #fff;
padding-bottom:30px;
margin-bottom:20px;
}

p.intro-text {
font-family:rooney-web,sans-serif;
font-size:20px;
font-weight:400;
line-height:22px;
text-shadow:0 1px 0 #fff;
border-bottom:1px solid #d4cfc6;
box-shadow:0 1px 0 #fff;
padding-bottom:30px;
}

img.wide-pic {
margin:10px 0;
border:1px solid #fcf7ed;
box-shadow:1px 4px 8px rgba(0,0,0,0.26);
border-radius:15px;
}

/* Articles ######################################################### */
ol.fixed-height li {
height:230px;
}

ol.fixed-height-275 li {
height:275px;
}

img.left,img.right {
box-shadow:0 1px 3px rgba(0,0,0,0.50)!important;
border:1px solid #D1D1D1!important;
}

img.left {
margin:0 15px 5px 0!important;
float:left;
}

img.right {
margin:0 0 5px 10px;
float:right;
}

img.intro {
box-shadow:1px 2px 6px rgba(0,0,0,0.50);
border:6px solid #FFF;
margin:10px 0;
}

/* LIST STYLES ######################################################### */
li:last-child {
border-bottom:none;
}

ol {
counter-reset:li;
/* Initiate a counter */
margin-left:0;
/* Remove the default left margin */
padding-left:0;
/* Remove the default left padding */
text-shadow:0 1px 0 #fff;
}

ol > li {
position:relative;
/* Create a positioning context */
margin:0 0 6px 2em;
/* Give each list item a left margin to make room for the numbers */
padding:17px 5px!important;
/* Add some spacing around the content */
list-style:none;
/* Disable the normal item numbering */
font-size:15px;
text-shadow:0 1px 0 #fff;
border-bottom:1px solid #d4cfc6;
box-shadow:0 1px 0 #fff;
font-family:rooney-web,sans-serif;
font-weight:300;
line-height:20px;
color:#282224;
}

ol > li:before {
content:counter(li);
/* Use the counter as content */
counter-increment:li;
/* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:0;
left:-2em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:2em;
/* Some space between the number and the content in browsers that support

       	generated content but not positioning it (Camino 2 is one example) */
margin-right:8px;
padding:17px 0 0;
color:#666;
font-family:rooney-web,sans-serif;
text-align:center;
font-size:23px;
font-weight:700;
}

li ol,li ul {
margin-top:6px;
}

ol ol li:last-child {
margin-bottom:0;
}

h3,h3 a {
margin:-2px 0 10px!important;
padding:0!important;
color:#F5650D!important;
font-family:rooney-web,sans-serif;
font-size:20px;
text-decoration:none!important;
line-height:130%;
}

h3 a:hover {
font-style:italic;
}

.list-continue {
counter-reset:item;
}

/*  Clicks.net widget style - BJC 4/4/12 */
#clicks_net_edu_widget {
background:url(images/content-widget-bg3.png) no-repeat scroll 0 0 transparent;
background-color:#FCF7ED!important;
border:none!important;
height:220px;
margin:-20px auto 10px;
width:610px!important;
padding-top:80px!important;
}

#clicks_net_area_of_study,#clicks_net_concentration,#clicks_net_degree_type {
margin-left:80px;
margin-bottom:25px;
}

.clicks_net_col_left {
display:none;
}

.clicks_net_col_right {
padding-left:20px;
}

#clicks_net_edu_widget select {
width:250px!important;
}

table#rblClicksNetLocation {
margin-left:90px;
margin-top:-15px;
color:#fff;
}

input#clicks_net_button {
background-color:#268992;
border:medium none;
border-radius:5px 5px 5px 5px;
box-shadow:1px 1px 2px #555;
color:#FFF;
display:block;
font-size:16px;
margin:15px 108px;
padding:3px;
text-shadow:1px 1px 2px #555;
width:200px;
cursor:pointer;
}

input#clicks_net_button:hover {
box-shadow:inset 1px 1px 2px #555;
}