/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.9.6.2
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults 
@import url('library/styles/reset.css');*/

/* Apply basic typography styles
@import url('library/styles/typography.css'); */

/* Apply a basic layout 
@import url('library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles 
@import url('library/styles/images.css');*/

/* Apply default theme styles and colors 
@import url('library/styles/default.css');*/

/* Prepare theme for plugins 
@import url('library/styles/plugins.css');*/

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   

.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}


/*********************************************************************************************

5. Marquee style

*********************************************************************************************/
#meta-rotate-container{
float: left;
position: relative;
width: 620px;
}
#meta-rotate {
float: left;
position: relative;
width: 605px; /*new*/
margin-bottom: 0 px;
margin-left: 10px;
}

#rotate {
float:left;
height:312px;
margin:0px;
position:relative;
background: url(images/loading.gif) center center no-repeat;
width: 480px;/*new*/
}

#rotate a {
left:0;
padding:0;
top:0;
position: absolute;
}

#rotate h3 a{
position: relative!important;

}

#rotate div#content a {
position:relative!important;
color:#2A88B2;
text-decoration: none;
}

#rotate div#content a.link-marquee {
font-size: 13px;
position: relative;
margin: 0px 0px 0px 350px;
width: 200px;
padding: 0px;
margin-top: 15px;
bottom: 15px;
/* position: absolute!important; 
top: 35px;
left: 400px;
width:100px;*/
}

#rotate a img {
border:medium none;
width: 480px;
height: 310px;
}

#rotate a.show {
z-index:100
}

#rotate .caption{
opacity: 0.89;
filter: alpha(opacity = 89);
zoom:1;
position:absolute;
bottom:2px;
z-index:110; 
padding: 3px 0px 3px 0px;
color:#fff;
background-color:black;
}
#rotate .caption .content {
margin:0px 10px 0 10px;


}

#rotate .caption .content h3 {
	margin: 3px 0 3px 0;
	padding: 0;
	color:#6C0;
	font-weight:normal;
}

#rotate .caption .content h3 a {
	color: #FFF;
	font-weight:bold;
}

#rotate .caption .content h3 a:hover {
	color: #D057D2;
}

#rotate .caption .content p {
font-size: 13px;
clear: both;
margin: 2px 0px 5px 0px;
float: left;
padding: 0px;
}



#rotate .caption .content .link-marquee {
font-size: 13px;
position: relative;
margin: 0px 0px 0px 350px;
width: 200px;
padding: 0px;
margin-top: 15px;
bottom: 15px;

}




#rotate .caption .content a {
	color:#fff;
}

#rotate .caption .content a:hover {
	/* color: #064475; */
	color: #D057D2;
	
}
		

#rotate-thumbs {
float:right;
z-index:200;
}

#rotate-thumbs #maqnav {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
width:125px;
}

#rotate-thumbs #maqnav li {
height:72px;
margin-bottom:9px;
margin-left:2px;
padding:0;
width:108px;
}

#rotate-thumbs #maqnav li a{
position: relative;
}

#rotate-thumbs #maqnav li p{
color:#FFFFFF;
font-size:8pt;
text-align:center;
width:100%;
display: none;
}
#rotate-thumbs #maqnav li a.border {
background: none;
display:inline;
float:none;
height:72px;
margin:0px;
width:auto;
}

#rotate-thumbs #maqnav li a img {
border:1px solid #333333;
width:113px;
height: 62px;
padding: 1px;
}

#rotate-thumbs #maqnav li a.border img {
border:2px solid #333333;
padding: 1px;
}
/*********************************************************************************************

5. Tab Styling

*********************************************************************************************/



#content .main_column ul.third_nav {
margin: 0px 0px 0px 10px;
width:580px;
line-height: normal;
padding: 0px;
}

#content .main_column ul.third_nav li {
font-family:Verdana;
font-size:14px;
padding:3px 5px 0px 5px;
margin: 0px;
height: 20px;
display: inline;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
list-style:none;
}

#content .main_column ul.third_nav li.first {
background-color:#636363 !important;
}

#content .main_column ul.third_nav li.second {
background-color: #990000 !important;
}

#content .main_column ul.third_nav li.third {
background-color:#636363 !important;
}

#content .main_column ul.third_nav li a {
color:#fff;
text-decoration:none;
}

#content .main_column ul.third_nav li a:hover {
color:#000;
}


/*********************************************************************************************

11. Sidebar Styles

*********************************************************************************************/
.body-right .widget {
clear: both;
margin: 0px 0px 15px 0px;
padding: 0px;
}


.cat-posts-item {
margin: 0px 0px 20px 0px;
padding: 0px;
clear: both;
width: 300px;
/* border-bottom: dotted 1px #D9D9D9; */
font-size: 12px;
}

.cat-posts-item p {
margin: 0px;
padding: 0px;
}

.cat-posts-item li {

}

.post-image-sidebar {
margin: 0 13px 5px 0;
float: left;
}

.post-image-sidebar img {
margin: 5px 0 10px 5px;
}

.post-frame-sidebar {
background: url(universal/images/post-frame-sidebar.png) 0 0 no-repeat;
width: 94px;
height: 74px;
position: absolute;
}

.post-frame-sidebar:hover {
background: url(universal/images/post-frame-sidebar.png) 0 -74px no-repeat;
width: 94px;
height: 74px;
}

/**** news widget styling *****/
.body-right.side_tabs {
height:28px;
width:270px;
clear: both;

}


.body-right .side_tabs ul li a {
background-color:#ECECEC;
display:block;
font-size:11px;
font-weight:normal;
margin:0px;
padding:6px; 
text-decoration:none;
text-transform:uppercase;
float: left;
border-right: solid 1px #CFCFCF;
}

.body-right .side_tabs ul li.ui-state-active a {
background-color:#FEFEFE;
color:#000000;
font-weight:bold;
text-transform:uppercase;
}

.body-right .side_tabs ul li a:hover {
background-color:#e9e9e9;
color:#000;
}

.right_column.body-rightborder:medium none;
float:right;
}

.body-right .side_tabs ul li a.inside-feed {
background:#FFFFFF url(universal/images/rss_small.jpg) no-repeat scroll right center;
color:#006699;
font-size:11px;
line-height:15px;
padding-right:20px;
text-transform:capitalize;
float: right;
}

.body-right .side_tabs p.feeds a {
color:#185672;
font-size:11px;
}

.body-right #sideTabs {
	clear: both;
	height: 10px;
}


/* Competitor Network Styles */

#top-bar {
background-color: black;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#000000));
background: -moz-linear-gradient(top, #333333, #000000);
display:block;
color: white;
height: 40px;
line-height: 40px;
font-size: 12px;
width: 100%;
margin: 0px auto;
text-align: right;
overflow: hidden;
}

#top-bar img {
float: left;
margin: 0px 5px;
}

#top-bar ul {
list-style-type: none;
margin-right: 5px;
}

#top-bar ul li {
display: inline;
margin:0px 3px;
}

#top-bar ul li:before {
content: "| ";
}

#top-bar ul li:first-child:before {
content: "";
}

#top-bar li a:link, #top-bar li a:visited {
color: white;
text-decoration: none;
}

#top-bar ul li a:hover, #top-bar ul li a:active {
text-decoration: underline;
}

#footer {
background: #333;
color: #999;
width: 960px;
clear: both;
margin: 0px auto;
border: none;
padding-bottom:20px;
-moz-box-shadow: inset 0 3px 6px rgba(0,0,0,.7);
-webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.7);
box-shadow: inset 0 3px 6px rgba(0,0,0,.7);
font-size: 11px;
}

#footer a:link, #footer a:visited {
color: white;
}

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

#footer h3 {
font: italic normal bold 14px/50px Georgia, 'Times New Roman', serif;
margin: 10px 0px;
}

#footer ul {
list-style: none;
}

#footer ul li {
margin: 0px;
padding: 5px 0px;
}

#footer .flex-list {
list-style-type: none;
}

#footer .flex-list li {
display: inline;
}

#footer .flex-list li a {
width: 33%;
float: left;
margin: 5px 0px;
}

#footer #cgi, #footer #media, #footer #marathons, #footer #events {
float: left;
margin-left: 20px;
padding: 0px;
}

#footer #cgi, #footer #media, #footer #events {
width: 176px;
}

#footer #cgi h3 a {
background: url(universal/images/footer/cm-network.jpg) top left no-repeat;
color: transparent;
display: block;
width: 207px;
height: 51px;
}

#footer #marathons {
width: 352px;
}

#footer #marathons h3 a {
background: url(universal/images/footer/footer-rnr-logo.jpg) top left no-repeat;
color: transparent;
display: block;
width: 285px;
height: 49px;
}

#footer p {
clear: left;
padding-top: 30px;
display: block;
text-align: center;
font-size: 10px;
}