/*
Theme Name: FantasySCOTUS Parent Theme
Theme URL: http://www.harlaninstitute.org/
Description: Parent theme for the 2011 FantasySCOTUS.org/FantasySCOTUS.net themes. One of those must be used as this theme should not be directly set.
Author: John Cotton - <a href="http://www.dynamicarray.co.uk">Dynamic Array</a>
Version: 1.22 
*/

@import url('css/gradients.css');
@import url('css/predictions.css');

body        { background-color: #1a1a1a; font-size: 10pt; color: #222; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
a           { color: #8f2602; text-decoration: none; }
a:hover     { text-decoration: underline;}

.aligncenter, div.aligncenter
            { display: block; margin-left: auto; margin-right: auto; padding:5px 5px 5px 5px; }

.alignleft  { float: left; margin-left:0px; margin-right:10px; }
.alignright { float: right; margin-left:10px; margin-right:0px; }

#red-bar 	{ background-color: #8f2602; border-bottom: 1px solid #a63711; border-top: 1px solid #a63711; width: 100%; height: 293px; position: absolute; top: 177px; z-index: -10; }
body.admin-bar #red-bar { top: 210px; }

#wrapper	{ width: 950px; margin: 0 auto; }

#top-menu	{ height: 32px; width: 100%; }
body.admin-bar #top-menu { margin-top: 5px; }

#feeds      { float: right; margin-top: 8px; font-size: 0.9em; color: #fff; }
#feeds a    { color: #8f8c8c; }
#feeds a:hover    { color: #fff; }
#banner		{ height: 103px; padding-top: 5px; padding-bottom: 5px; }
#navigation	{ height: 32px; }

#content 	{ background-color: #eae6e6; border-bottom: 5px solid #8f2602; }
#main 		{ background-color: #fff; min-height: 800px;  width: 630px; padding: 20px; float: left; color: #555; text-align: justify; line-height: 1.4em; }
#main.wide 	{ width: 910px; }
#sidebar 	{ background-color: #eae6e6; width: 227px; padding: 15px; float: left; }

#main h1, #main h2, #main h3 { line-height: normal; }

.archive .entry-title { margin-bottom: 0; }
.archive .hentry    { border-bottom: 1px dotted #999; padding-bottom: 5px;}


#footer 	{ padding-top: 20px; line-height: 30px; text-align: center; border-top: 1px solid #fff; height: 140px; color: #fff;  }
#footer a	{ color: #fff; }

ul.pagemenu li a, ul.pagemenu li a:link
			{ color: #fff; display: block; margin: 0 6px 0 0; padding: 10px 15px; text-decoration: none; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
ul.pagemenu, ul.pagemenu > ul
			{ padding: 0; margin: 0; list-style: none; line-height: 1; }
ul.pagemenu  li{ float: left; list-style: none; margin: 0px; padding: 0px; position:relative; }
ul.pagemenu li a:hover, ul.pagemenu li a:active, ul.pagemenu li a:visited, ul.pagemenu  li.current-menu-item a
            { color: #fff;  }

/* submenu, it's hidden by default */
ul.pagemenu .sub-menu { position:absolute; top: 31px; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; background-color: #8f2602;}
ul.pagemenu .sub-menu li { float:left; border-bottom:1px solid #fff; width: 100%; display: block; }
		
/* display block will make the link fill the whole area of LI */
ul.pagemenu .sub-menu a { display:block;  height:15px; padding: 8px 5px; color:#666; white-space: nowrap; }
ul.pagemenu .sub-menu a:hover { text-decoration:underline;}
*html ul.sub-menu { margin:0 0 0 -2px; }

button, input[type='submit'] { color: #fff; padding: 10px; border-style: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 4px;}
#save-prediction { font-size: 1.1em; font-weight: bold;  }

ul.pagemenu > li > a { margin:0 3px 0 0; float:left; padding:9px 15px; text-transform:uppercase; color: #fff; font-weight: bold; font-size: 12px; text-shadow: 0 1px 0 #000; -moz-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
ul.pagemenu > li { cursor: pointer; float: left;  margin: 0 2px 0 0; padding: 0 2px 0 0; height: 32px; display: inline;}

.clear		{ clear: both; }

#home-video-box { background-color:	#222; border: 6px solid #8f2602; padding: 5px; text-align: center; }

input.error, select.error   { border: 1px solid #8f2602; }
label em                    { color: #8f2602;  }

.fs_case table {border-collapse:collapse;}
.fs_case td { padding: 15px; border: 1px solid #ddd;}
.fs_case td:first-child { width: 20%;  white-space: nowrap; vertical-align: top; text-align: right; }

#sign-up h2    { margin: 30px 30px 0 30px; border-bottom: 1px solid #ccc; padding-left: 10px; }
#sign-up label { width: 270px; display: inline-block; text-align: right; margin-right: 10px; }
#sign-up input[type='text'] { width: 45%; padding: 3px;}
#sign-up select { padding: 3px; }

#case-list { width: 100%; border-collapse: collapse; }
#case-list th { background-color:#d7d7d7; border:1px solid #DEDEDE; padding:12px; text-align: center; }
#case-list td { background-color:#F7F7F7; border:1px solid #DEDEDE; padding:12px; text-align: center; white-space: nowrap; }
#case-list td:first-child { text-align: left; font-weight: bold; }

.msg-success { background-color: #c3ff88; border: 1px solid #8dff1c !important; padding: 4px; margin: 5px 0; }
.msg-error { background-color: #ffa0a0; border: 1px solid #f04040 !important;  padding: 4px;  margin: 5px 0; }

.widefat .column-date_argued,
.widefat .column-date_decided,
.widefat .column-outcome,
.widefat .column-points,
.widefat .column-predictions,
.widefat .column-members { text-align: center;}

.fs_avatar { position: relative; float: left; margin-right: 18px; margin-bottom: 8px; padding: 3px; -moz-box-shadow: 5px 5px 13px #bbb; -webkit-box-shadow: 5px 5px 13px #bbb; box-shadow: 5px 5px 13px #bbb; }
.fs_avatar img { border: 1px solid #ccc; padding: 2px;}
.fs_avatar_edit { cursor: pointer; }
.fs_avatar_edit span { font-size: 11px; background: #8f2602; color: #fff; padding: 2px; z-index: 101;}

#shade { position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 259; background-color: #333; }
.transparent { 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#popup-container { position: fixed; top: 50%; left: 50%;}
#popup           { position: absolute; top: -200px; left: -325px; width: 650px; height: 400px; background-color: #fff; border: 4px solid #000; z-index: 260; }
#popup-close     { position: absolute; top: -21px; right: -20px; width: 40px; height: 42px; z-index: 261; background-image: url('css/images/close-icon.png'); cursor: pointer; }
#popup-content   { padding: 10px; }

#avatars ul    { list-style: none; }
#avatars ul li { float: left; margin-right: 5px; }
#avatars ul li input { float: left; margin-right: 5px; margin-top: 30px; }
#save_avatar   { position: absolute; right: 15px; bottom: 15px;}
#avatar_url    { position: absolute; left: 15px; bottom: 15px;}
#member-profile td   { padding: 5px; }

.widefat {
	border-width: 1px;
	border-style: solid;
	border-spacing: 0;
	width: 100%;
	clear: both;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
   border-color: #ccc;
}

.widefat * {
	word-wrap: break-word;
}

.widefat a {
	text-decoration: none;
}

.widefat th a {color: #fff !important; font-weight: bold;  }
.widefat th {color: #fff !important; font-weight: normal;  }

.widefat thead th:first-of-type {
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}
.widefat thead th:last-of-type {
	-moz-border-radius-topright: 3px;
	-khtml-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
.widefat tfoot th:first-of-type {
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.widefat tfoot th:last-of-type {
	-moz-border-radius-bottomright: 3px;
	-khtml-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.widefat td,
.widefat th {
	border-width: 1px 0;
	border-style: solid;
   border-color: #ccc;
   border-collapse: collapse;
   border-bottom-style: none;
}
.widefat tfoot th {
	border-bottom: none;
}

.widefat .no-items td {
	border-bottom-width: 0;
}

.widefat td {
	font-size: 12px;
	padding: 4px 7px 2px;
	vertical-align: top;
}

.widefat td p,
.widefat td ol,
.widefat td ul {
	font-size: 12px;
}

.widefat th {
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
	font-size: 14px;
}

.widefat th input {
	margin: 0 0 0 8px;
	padding: 0;
	vertical-align: text-top;
}

.widefat .check-column {
	width: 2.2em;
	padding: 11px 0 0;
	vertical-align: top;
}

.widefat tbody th.check-column {
	padding: 9px 0 22px;
}

.widefat .num,
.column-comments,
.column-links,
.column-posts {
	text-align: center;
}

.widefat th#comments {
	vertical-align: middle;
}

.widefat thead tr th, .widefat tfoot tr th{background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.52, rgb(144,38,2)), color-stop(1, rgb(219,60,6)) );
                 background-image: -moz-linear-gradient( center bottom, rgb(144,38,2) 52%, rgb(219,60,6) 100% ); }