/*
Theme Name: Paramount
Theme URI: http://www.proudthemes.com/2010/10/paramount/
Description: Premium WordPress Magazine Theme
Version: 1.0
Author: ProudThemes
Author URI: http://www.proudthemes.com
Tags: black, fixed-width, three-columns, widgets
*/


* {padding:0; margin:0; border: none; outline:0; }
body {font-family: Helvetica, sans-serif, Arial, Tahoma; font-size: 62.5%; color: #333; text-align:center; background-color: #111; }
a {text-decoration:none; color:#000000; }
a:hover {text-decoration:none; color: #CFB87C; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

/*added by Kas, 09/28/12, 2:28 p.m. adds interactive for xc content */
#xc-container{
	position:inherit;
	width:600px;
	top:230px;
	left:320px;
	} 

#xc-container a:hover {
	color:white;
	background:black;
	height:100%;
	} 

#xc-interactive-stage {
	width:600px;
	height:1770px;
	}

#xc-mainbox{
	width:600px;
	position:inherit;
	height:100%;
}

#xc-mainmenubox{
	position:relative;
	width:600px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	} 

#xc-mainmenubox a {	
	border:1px black solid;
	display: inline-block;
	color: black;
	text-transform:uppercase;
	height:100%;
	text-decoration:none;
	margin:auto auto;
	padding:0px 0px;
	position:float;
	float:left;
	text-align:center;
	width:98px;
	} 

#xc-results-inneriframe{
	position:absolute;
	top:-220px;
	left:-80px;
	width:675px;
	height:1200px;
}
.edgeLoad-EDGE-99198623 { 
	visibility:hidden;
	}
.xc-copy-div{
	width:600px;
	height:auto;
	}
.xc-live-div{
	width:600px;
	height:1000px;
	}
.xc-photo-div{
	width:600px;
	height:1000px;
	}
.xc-video-div{
	width:600px;
	height:1000px;
	}
.xc-map-div{
	width:600px;
	height:1000px;
	}

.xc-results-div{
width:600px;
height:1000px;
overflow:hidden;
position:relative;
background-color:black;
}
/*end Kas' interactive xc-content*/

#wrap {width:100%; margin: 0 auto; text-align:left;  }
#wrap div.wrap {width: 960px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 4px; margin:20px 0; line-height: 1px; background-color: #ddd; }

#header {padding: 5px 0; width: 960px; margin-right: auto; margin-left: auto;}
#header div.banner {float: right; display: inline; }
#logo {float: left; z-index: 1; display: inline; text-align: left; }
#logo-addon {float: left; z-index: 2; display: inline; text-align: left; }
#weather {float: right; display: inline; text-align: left; }

/* 2. Menu Area */

#menutop {background-color: #333; height: 26px; line-height: 26px; font-size: 11px;width: 960px; margin-right: auto; margin-left: auto; }
#menutop ul {margin: 0; }
#menutop li {float: left; display: inline; line-height: 26px; }
#menutop a {color: #aaa; text-decoration: none; padding: 0 10px; border-right: solid 1px #777; }
#menutop a:hover, #menutop li.current-menu-item a {color: #eee; }
#social {float: right; display: inline; margin-top: 5px;}
#social li {border: none; float: right; display: inline; margin-right: 0; font-size: 11px; margin-left: 4px; }
#social a {padding: 0; border: none; }
#social a:hover {background: none; }

#mainNav {background: #CFB87C url(images/back_menu.png) repeat-x top left; height: 36px; line-height: 36px; font-size: 11px; margin-bottom: 10px; width: 960px; margin-right: auto; margin-left: auto;}
#nav a {color: #fff; text-decoration: none; padding: 10px 10px 11px;  }
#nav a:hover, #menuhead li.current-menu-item a, #nav #menuhead li.current-menu-item li a:hover {text-decoration: underline; }
#menuhead li.current-menu-item li a, #nav #menuhead li.current-menu-item li a:hover li a {text-decoration: none; }
#nav .sub-menu {line-height: 26px; }
#nav .sub-menu a {text-shadow: none; color: #bbb; padding: 4px 10px; }
#nav .sub-menu a:hover {text-shadow: none; color: #fff; }

#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:36px; z-index:300; width:100%; }
#menuhead li {position:relative; float: left; display: inline; line-height: 36px; text-transform: uppercase; border-right: solid 1px #CFB87C;}
#menuhead li li {border-right: none;}
#menuhead li li {line-height: 20px; text-transform: none; }  
#menuhead ul {position:absolute; display:none; width:120px; top:36px; left:0; border-top: solid 1px #000;}  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444; padding: 7px 10px 5px; }  
#menuhead li ul {width:120px;}  
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #333;}  
#menuhead ul ul {top:auto; border-top: none; }  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block; z-index: 2000;}

/* 2.5. Breaking News -- Added by Greg O 081611, Has been, Will be, and is being modified by Robert and Rosalind Lutece */
#breakingNews {margin-bottom: 20px; color: #FFF; background-color: #990000;}
#bnheader {height: 60px; background-image: url(images/breakingnews.png); background-repeat: no-repeat; text-indent: -9999px;}
#bncontent {padding: 0px 10px 10px; overflow: auto; }
#bncontent p {font-size: 12px;}
#breakingNews h2 {font-size: 16px; margin: 0; padding: 0; }
#breakingNews a:link, #breakingNews a:visited {color: #FFF; }
#breakingNews a:hover {color:#CFB87C;}
#breakingNews .more-link { float: left; text-indent: -9999px; width: 100px; height: 20px; display: block; background: url(images/more-linkBN.gif) no-repeat 0 0;}
#breakingNews .more-link:hover {background: url(images/more-linkBN.gif) no-repeat 0 -20px;}

/*2.5.5 Live Events--added by Kas 08.06.12 */
#liveEvent {margin-bottom: 20px; color: #000; background-color: #f0cb24;}
#leheader {height: 60px; background-image: url(http://www.cuindependent.com/wp/wp-content/uploads/2012/11/LIVEUPDATES.jpg); background-repeat: no-repeat; text-indent: -9999px;}
#lecontent {padding: 0px 10px 10px; overflow: auto; }
#lecontent p {font-size: 12px;}
#lecontent img {float: right; padding:10px;}
#liveEvent h2 {font-size: 16px; margin: 0; padding: 0; }
#liveEvent a:link, #breakingNews a:visited {color: #FFF; }
#liveEvent a:hover {text-decoration: underline; color: #000}
#liveEvent .more-link { float: left; text-indent: -9999px; width: 100px; height: 20px; display: block; background: url(images/more-linkBN.gif) no-repeat 0 0;}
#breakingNews .more-link:hover {background: url(images/more-linkBN.gif) no-repeat 0 -20px;}

/* 2.6.  AD-minister Widget -- Added by Greg O 082611 */

#banner-top {padding: 5px 0px 5px; width: 960px; margin: 0 auto; position:relative !important; z-index:300 !important;}
#skyscraper-r {float: right; padding: 10px; width: 160; height: 600px; position: relative; z-index: 300;}
#skyscraper-l {float: left; padding: 10px; width: 160; height: 600px; position: relative; z-index: 300;}
#banner-bottom {padding: 5px 0px 5px; width: 960px; margin: 0 auto; position:relative !important; z-index:300 !important;}

/* 2.7 Add'l content classes -- Added by Greg O. 090311*/
.storylink { font-weight:italics; color:#21759B }
#storylink a:link {font-weight: italic; color:#21759B}
.subscribe {border:1px; solid #ccc; padding:3px; text-align:center; }
.subscribebox { color:#DFDFDF; }
authSize14 {font-size:14px;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* 2.8 In Content Changes */
#ratearea{float:right; width:230px; max-height:200px; background: #f0f0f0; border: 1px solid #d2d2d2; padding: 2px; color: #333; font-size: 0.9em; text-align: left; display: inline;}

/* 3. Content Area */
#content {margin: 10px 0 10px; }
#content div.wrap {background-color: #e5e5e5; padding: 10px; width: 940px; }
#content div.frame {background-color: #fff; padding: 10px; }
#content div.column {float: left; display: inline; margin-right: 10px; margin-bottom: 10px; }
#content div.column-double {width: 590px; }
#content div.column-full {width: 920px; }
#content div.column-narrow {width: 280px; }
#content div.column-last {margin-right: 0;}

/* 4. jQuery Slideshow Area */
#slideshow {position: relative; margin-bottom: 10px; }
#slideshowThumbs {position: absolute; right: 35px; bottom: 25px; z-index: 100;}
#slideshowThumbs li {float: left; display: inline; margin-left: 4px; }
#slideshowThumbs li a {padding: 35px 5px 2px; background-color: #fff; } 
#slideshowThumbs li a:hover, #slideshowThumbs li a.current {background-color: #f99734;}
#slideshowContent {height:370px; float: none; display: block; position:relative; overflow:hidden;}
.featuredPost {position: relative; color: #ccc; text-shadow: #000 1px 1px 0; font-size: 12px; line-height: 18px; }
.featuredPost h2 {font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 16px; }
.featuredPost a {color: #fff; }
.featuredPost a:hover {color: #f99734;}
.featuredPostContent {position: absolute; top: 0; left: 0; float: left; display: inline; width: 200px; height: 292px; padding: 40px 10px; overflow: hidden; background: transparent url(images/back_black_tr.png) repeat top left; }
.featuredPost .postmetadata {margin: 0; font-size: 10px; text-transform: uppercase; }

/* 5. Content Area */
#main {float: left; display: inline; width: 610px; margin-right: 10px; }
#sidebar {float: left; display: inline; width: 320px; line-height: 18px; font-size: 12px; }
#sidebar .widget {margin-bottom: 10px; }
div.side-swap #main {float: right; margin-left: 10px; margin-right: 0; }

/* Formatting Tables by Stephen Kasica 9-10-2012 */
#cui-tables {
border: thin solid #000;
}

#cui-tables tr, #cui-tables td {
border:1px solid #000;
margin:2px;
padding:2px;
text-align:center;
vertical-align:top;
}

p.title {font-size: 14px; font-weight: bold; line-height: 22px; text-transform: uppercase; background: transparent url(images/back_category.png) repeat-x top left; }
p.title span {background-color: #fff; padding: 4px 15px 4px 0; }
h1.title {font-size: 36px; line-height: 40px; }
ul.posts {font-size: 12px; line-height: 18px; }
ul.posts p {margin: 0;}
ul.posts h2 {font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; }
ul.posts h2.small {font-size: 12px; font-weight: normal; line-height: 16px; }
ul.posts div.thumb {margin-bottom: 10px;}
ul.posts div.cover {float: left; display: inline; margin-right: 20px; margin-bottom: 45px;}
ul.posts p.postmetadata {font-size: 11px; margin-bottom: 10px; }
ul.posts p.postmetadata span {text-transform: uppercase; }
ul.posts span.highlight {background-color: #CFB87C; padding: 4px 8px; margin-right: 8px; color: #fff; }
ul.posts span.highlight a {color: #fff; }
ul.posts span.highlight a:hover {text-decoration: underline; }
ul.posts span.border {background-color: #fff; border: solid 1px #bbb; padding: 2px 7px; }
ul.posts-long li {padding: 10px 0; border-bottom: solid 1px #ccc; }
ul.posts-long li.post-main {padding-top: 0; }
ul.posts-long li.small p.postmetadata {float: left; display: inline; width: 45px; margin-right: 5px; }
ul.posts-long li.small h2 {margin-bottom: 0;}
.column-double ul.posts-long li.post-main {float: left; display: inline; width: 280px; border-bottom: none; margin-right: 10px; }
ul.posts-long li.smallTree {padding: 0; margin: 0; float: left; display: inline; width: 300px; border-bottom: 0; }
ul.posts-long li.small-first {padding-top: 0;}

.single {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; line-height: 20px; }
.single p {margin: 0 0 14px; }
.single ul, .single ol {margin-left: 20px; margin-bottom: 14px; }
.single li {list-style-position: inside;} 
.single ul li {list-style-type: square;}
.single ol li {list-style-type: decimal;} 
.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
.single h2, .single h3, .single h4, .single h5, .single h6 {margin: 14px 0; }
.single .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
.single .alignright {float: right; display: inline; margin: 0 0 10px 15px; }
.single p.postmetadata {font-size: 11px; margin: 10px 0 20px; }
.single a {text-decoration: none; color: #0000FF;}
.single a:hover {color:#CFB87C;}

#sideTabs {border: none; background-color: #fff; padding: 6px 5px 5px; }
#sideTabs ul.featured-tabs {height: 20px;}
#sideTabs ul.featured-tabs li {background-color: #e1e1e1; cursor:pointer; float: left; display: inline; font-size: 10px; text-transform: uppercase; margin-right: 1px; padding: 5px 10px; }
#sideTabs ul.featured-tabs li:hover {background-color: #d1d1d1;}
#sideTabs ul.featured-tabs li:hover a {color: #fff;}
#sideTabs ul.featured-tabs li a {color: #333; text-decoration:none; }
#sideTabs ul.featured-tabs li a:hover {color: #fff; }
#sideTabs ul.featured-tabs li.active a {color: #cc0000; text-shadow: #fff 1px 1px 1px; }
html #sideTabs ul.featured-tabs li.active, html #sideTabs ul.featured-tabs li.active a:hover  { background-color: #f1f1f1; }
#sideTabs .featured-container {clear: left; background-color: #f1f1f1; padding: 7px;}
#sideTabs .tab_content {text-align: left; padding: 10px; border: solid 1px #e1e1e1; background-color: #fff; font-size: 11px; }
#sideTabs .tab_content ul.recent li {margin-bottom: 10px; }
#sideTabs .tab_content ul.recent img {float: left; display: inline; border: solid 4px #333; margin: 2px 10px 5px 0;}
#sideTabs .tab_content ul.recent h2 {font-size: 12px; font-weight: bold; margin-bottom: 6px; line-height: 18px; text-transform: none; }
#sideTabs .tab_content ul.recent p.postmetadata {font-size: 11px; margin:0; text-transform: none; }
#sideTabs .tab_content ul.recent p.postmetadata span.datetime {color: #777;}

.navigation { margin: 20px 0 10px; text-align: center;  }
.navigation p {font-size: 12px; }
.navigation a {margin: 0 5px; padding: 5px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.navigation a:hover {background-color: #bf1e1e; color: #fff; }

/*Author Area Below Content */
#authorarea{ background: #f0f0f0; border: 1px solid #d2d2d2; padding: 2px; width:585px; overflow:hidden; color: #333; }
#authorarea h3{ font-size: 18px; color:#333; margin:0; padding:10px 10px 5px 10px;}
#authorarea h3 a{ text-decoration:none; color: #333; font-weight: bold;}
#authorarea img{ margin:0; padding:10px; float:left; border: 0px solid #ddd; width: 100px; height: 100px;}
/* #authorarea a{ font-size: 14px; color:#21759B; margin:0; padding:0px 10px 10px 5px;} */
#authorarea p{ font-size: 12px; color:#333; margin:0; padding:0px 10px 10px 10px;}
#authorarea p a{ color:#333;}
.authorinfo{ padding-left:120px;}

/*Editorial Staff Page */
#staff{ width:100%; overflow:hidden; padding:0px 5px; display:block;}
.staff-h3{ font-size:16px; color:#333; margin:0px 0px 5px !important; padding:5px 10px 5px 10px; overflow:hidden;}
editorstrong{ font-size:23px; font-weight: bold;}
.staff-img{ magrin:0; padding: 10px; float:left; borader:0px solid #ddd; width:120px; height:180px !important;}
.staff-p{ font-size:14px; color:#333; margin:0px 10px 15px !important;}
/*.staffinfo{ padding-left:130px;}*/

/* Forms */
input, textarea { font-size: 1em; font-family: Cambria, Georgia, Times, "Times New Roman", serif; padding: 4px; border-style:inset; }
:focus {outline: none;}
form label {cursor: pointer;}
option {padding: 1px 2px;}

/* Comments */
#comments {margin-top: 20px; }
.single ol.comments {padding: 1em 0; margin:0; }
.single ol.comments a {text-decoration: none;}
.single ol.comments a:hover {text-decoration: underline;}
.single ol.comments div.comment-body {position: relative; }
.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
.single ol.comments li {list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; border-top: solid 1px #ccc; padding-left: 15px; }
.single ol.comments li ul.children {padding: 10px 0 0; }
.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
.single ol.comments cite.author {color: #333;}
.single ol.comments span.says {display: none; }
.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
.single ol.comments li.comment {background-color: #f1f1f1; }
.single ol.comments li.bypostauthor { background-color: #fff; }

.afterpost .navigation .alignleft a, #main .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { background: #336699; color: #fff; padding: 3px 8px; margin-bottom: 5px; font-weight: normal; font-size: 11px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, #main .reply a:hover, .cancel-comment-reply a:hover { background: #bf1e1e; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#respond {padding-top: 10px; border-top: solid 1px #ccc; }
#commentform {padding-top: 10px; margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 550px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; cursor: pointer; }
#commentform #submit:hover {background-color: #005599; }

.single div.social h3 {float: left; display: inline-block; margin-right: 10px; font-weight: bold; }
.single div.social {padding:0; margin:0; }
.single div.social ul {margin:0; padding: 0; }
.single div.social li {font-size: 11px; margin:5px 10px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 48px; }
.single div.social li img {margin: 0; display: inline; float: left; border: none; }

#searchform label {display: none; }
#searchform input {float: left; display: inline; height: 20px; padding: 4px; border: solid 1px #d1d1d1; }
#searchform input#s {width: 180px;}
#footerColumns #searchform input#s {width: 110px;}
#searchform input#searchsubmit {border: none; font-size: 12px; text-transform: uppercase; font-weight: normal; height: 30px; padding:0 5px; background-color:#CFB87C; color: #fff; margin-left: 2px; border: none; margin-bottom: 5px; }

#footerColumns {background-color: #333; color: #ddd; padding: 20px 0; font-size: 12px; line-height: 18px; }
#footerColumns p.title {background: none; color: #fff; }
#footerColumns div.column {margin-right: 10px; width: 180px; float: left; display: inline; }
#footerColumns div.column-last {margin-right: none;}
#footerColumns a {color: #fff; text-decoration: none;}
#footerColumns a:hover {text-decoration: underline;}

#footer {background-color: #111; font-size: 11px; color: #aaa; padding: 20px 0;}
#footer a {text-decoration: none; color: #aaa; }
#footer a:hover {text-decoration: none; color: #eee; }
#footer p {text-align: left; margin: 0; }