/*
Theme Name: Transworld Master Theme
Description: 
		This theme should be used for Transworld site. 
		Theme can be customized by clicking the CompTheme Options button in lower left. 
		Create a custom look by creating a new CSS file and uploading it to server. 
Version: 0.1
Author: Lucas Garcia
Author Mail: lgarcia@immersionmedia.com
*/





/*######################## General ##############################*/

* {
margin:0;
padding:0;
border: none;
}

body {
font-family:Verdana,Arial,Helvetica,sans-serif;
background: url(http://tv.transworld.net/wp-admin/images/body_bg.png) repeat-y scroll center center #CCCCCC;
}

a {
color:#2A88B2;
text-decoration:none;
}

#container {
margin:0 auto;
position:relative;
top:0;
width:1028px;
z-index:2;
}


/*######################## Top Bar ##############################*/

#top-bar {
height:37px;
position: relative;
width:100%;
background: url(images/top-bar.png) repeat-x;
z-index:99;
}

#top-bar ul {
list-style:none;
margin:0 auto 0 auto;
width:1008px;
}

#top-bar ul li {
display:inline;
font-size:10px;
height:16px;
margin:0 5px;
color:#4d4d4d;
}

#top-bar ul li.red {
color: #CC3333;
}

#top-bar ul li a {
height:16px;
overflow:hidden;
text-indent:-999em;
width:16px;
}

#top-bar .top-bar-left {
float: left;
}

#top-bar .top-bar-right {
float: right;
}

#top-bar .top-bar-right form {
float: left;
margin-right: 30px;
}

#top-bar .top-bar-right form input.text {
background-color:#F0F0F0;
border:1px solid #CCCCCC;
color:#4D4D4D;
font-size:11px;
}	

#top-bar .top-bar-right form input.button {
background-color:#CCCCCC;
cursor:pointer;
font-size:11px;
margin-left:-4px;
*height: 16px !important;
}


/*######################## Logo & Banner ##############################*/


#header{
	height:60px;
	width:1000px;
	margin: 10px auto;
	padding-left:15px;
}

#logo{
	height:40px;
margin-top:30px;
text-indent:0;
width:290px;
}

#logo a{
	width:	290px;
	height:40px;
}



#banner {
display:inline;
float:right;
padding:5px 10px 0 0;
width:728px;
height:100px;
}

#banner img {
width: 728px;
}




/*######################## Content ##############################*/

#content {
background-color:#FFFFFF;
float:left;
padding:0 10px;
width:1008px;
}
.main_column{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    line-height: 18px;
    margin: 20px auto 40px;
    padding: 20px;
    width: 500px;
}
/*######################## Main Nav Bars ##############################*/

#content .main_nav_bars {
float:left;
height:40px;
margin:5px 0 0;
position:relative;
width:1008px;
}

#content .main_nav_bars table tr td.main-nav-link {
height:35px;
text-align:center;
}

#content .main_nav_bars table tr td.main-nav-last {
height:35px;
text-align:center;
}

#content .main_nav_bars table tr td .link {
width: 100%;
height: 100%;
}

#content .main_nav_bars table tr td .link a {
line-height:30px;
text-transform:uppercase;
}

/*######################## Sec Menu ##############################*/

#content .sec_nav_bars {
float:left;
height:36px;
position:relative;
width:649px;
}

#content .sec_nav_bars ul.sec_nav {
height:36px;
width:649px;
padding-left:5px;
}

#content .sec_nav_bars ul.sec_nav li {
float:left;
height:27px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px 0 0 5px;
}

#content .sec_nav_bars ul.sec_nav li a {
color:#FFFFFF;
float:left;
font-size:13px;
margin:5px 0 0;
padding:0 10px 0 16px;
text-transform:uppercase;
}




/*######################## Gear_Guide Nav Bars ##############################*/

#content .gear_nav_bars {
border:medium none;
height:25px;
margin-top:-28px;
position:relative;
text-align:right !important;
width:625px;
}

#content .gear_nav_bars table tr td.main-nav-link {
height:35px;
text-align:center;
}

#content .gear_nav_bars table tr td.main-nav-last {
height:35px;
text-align:center;
}

#content .gear_nav_bars table tr td .link {
width: 100%;
height: 100%;
}

#content .gear_nav_bars table tr td .link a {
line-height:30px;
text-transform:uppercase;
}




/*######################## Search Bars ##############################*/


#content .sec_nav_bars ul.sec_nav li.li_search_box {
margin-top: 0px;
}

#content .search_bars #cse-search-box fieldset {
width: 180px;
}

#content .search_bars #cse-search-box fieldset input.search_home {
background-color:#fff!important;
background-image:none !important;
color:#333;
font-size:12px;
height:22px;
margin:7px 0 0 0;
padding:1px 0 1px 6px;
width:120px;
float: left;
}

#content .search_bars #cse-search-box fieldset input.search_btn {
color:#FFFFFF;
cursor:pointer;
font-size:12px;
width:30px;
background: #cc0000;
margin-top:7px;
padding-top: 2px;
padding-bottom:3px;
height: 22px;
float: left;
}


/*######################## Main Column ##############################*/

#content .main_column {
display:inline;
float:left;
padding:3px 0 10px;
width:640px;
}


#content .main_column #myGallery {
display: none;
}

#content .main_column a {
text-decoration:none;
}

#content .main_column h2 {
margin-top:10px;
}

#content .main_column h2.title {
margin-top:0;
}

#content .main_column h2, 
#content .main_column h2 a {
font-size:22px;
font-weight:400;
line-height:21px;
margin:10px 0;
text-align:left;
color:#000000
}

#content .main_column h2 a:hover {
color:#2A88B2;
}

#content .main_column h3.cat-header {
font-size: 32px;
}

#content .alignright {
float:right;
margin:5px;
}

#content .alignleft {
float:left;
margin:5px;
}

#content .main_column p {
font-family:arial;}

#content .main_column p a {
color:#2a88b2;
text-decoration:underline;
}

#content .main_column ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}



/*#######################  Gear Main column ###################################*/

#content .gear_main_column {
display:inline;
float:left;
padding:3px 0 10px;
width:640px;
}


#content .gear_main_column a {
text-decoration:none;
}

#content .gear_main_column h2 {
margin-top:10px;
}

#content .gear_main_column h2.title {
margin-top:0;
}

#content .gear_main_column h2,
#content .gear_main_column h2 a {
font-size:22px;
font-weight:400;
line-height:21px;
margin:10px 0;
text-align:left;
color:#000000
}

#content .gear_main_column h2 a:hover {
color:#2A88B2;
}

#content .gear_main_column h3.cat-header {
font-size: 32px;
}

#content .alignright {
float:right;
margin:5px;
}

#content .alignleft {
float:left;
margin:5px;
}

#content .gear_main_column p {
font-family:arial;}

#content .gear_main_column p a {
color:#2a88b2;
text-decoration:underline;
}

#content .gear_main_column ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}



/*######################## Main Column | Category ##############################*/

#meta-rotate {
float:left;
position:relative;
width:640px;
}

#rotate {
float:left;
height:400px;
margin:5px 0 10px;
position:relative;
background: url(images/loading.gif) center center no-repeat;
}

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

#rotate h3 a{
position: relative!important;
color: #ffffff!important;
font-size: 28px;
}

#rotate h3 a:hover{
color: #ff0000!important;
}

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

#rotate div.content a.link-marquee {
font-size: 12px;
float:right;
margin-top:-17px;
padding:3px;
}

#rotate a img {
border:medium none;
height:400px;
width:640px;
}


#rotate_extra a img {
border:medium none;
height:300px;
width:480px;
}



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

#rotate .caption {
background:transparent url(images/cation-bg.png) repeat scroll 0 0;
bottom:0;
color:#FFFFFF;
height:150px;
position:absolute;
width:640px;
z-index:110;
text-shadow:2px 2px 5px #000000;
}

#rotate .caption .content {
margin:5px 10px 0 10px;
font-size:14px;
}

#rotate .caption .content h3 {
margin:0;
padding:0;
color:#FFFFFF;
font-size: 30px;
font-family:arial,sans-serif;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

#rotate-thumbs {
bottom:0;
float:left;
height:105px;
position:absolute;
width:640px;
z-index:110;
}

#rotate-thumbs #maqnav {
height:100px;
margin:0 auto;
position:relative;
width:620px;
}

.thumb-text {
display:none
}

#rotate-thumbs #maqnav li {
display:inline;
padding:15px 9px 0;
}

#rotate-thumbs #maqnav li a {
background:none;
display:inline;
float:left;
height:6px;
margin:0;
padding-top:7px;
width:auto;
}

#rotate-thumbs #maqnav li a.border {
background:transparent url(images/red_arrow.png) no-repeat scroll center top;
display:inline;
float:left;
height:9px;
margin:0;
padding-top:7px;
width:auto;
}

#rotate-thumbs #maqnav li a img {
border:3px solid #FFFFFF;
}

#rotate-thumbs #maqnav li a.border img {
border:3px solid #FF0000;
}

#mainTabs .maincontent-ads {
_margin-top: 0px;
}



.maincontent-ads {
   clear:left;
   background-color:#E5E7E6;
   padding:7px 0 5px 19px;
   margin-bottom:10px
   }

/*######################## Main Column | Category ##############################*/

ol li {
    list-style-position: outside;
    margin-left: 17px;
    margin-top: 10px;
}

.article-content {
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin: 0 auto;
    width: 1000px;
}

#content .main_column .cat-header {
background-color:#000000;
color:#FFFFFF;
font-size:250%;
height:47px;
line-height:80%;
margin:0;
padding:20px 0 0 15px;
width:625px;
}

#content .gear_main_column .cat-header {
background-color:#000000;
color:#FFFFFF;
font-size:250%;
height:125px;
line-height:80%;
margin:0;
padding:10px 0 0 15px;
width:625px;
}

/*######################## Main Column | Articles ##############################*/

#content .main_column .article {
float:left;
overflow:hidden;
padding:15px 10px 20px;
width:610px;
}

#content .main_column .articlegrey {
background-color: #E5E7E6;
}

#content .main_column .article .left {
float:left;
width:230px;
}

#content .main_column .article .left img.hi {
width: 225px;
}

#content .main_column .article .right {
float:left;
margin:0 0 0 10px;
width:365px;
}

#content .main_column .article .right h3.author a {
font-weight:normal;
}

#content .main_column .article .right .author-avatar img {
width: 30px;
height: 30px;
}

#share {
float:right
}


#content .full {
width:1030px;
}

#content .main_column .main_wide_column {
margin-left:-10px;
width:1005px;
}

#content .main_column .article p {
display:block;
font-size:12px;
line-height:17px;
padding-bottom:10px;
margin-top:5px;
}

#content .main_column .article img.profile_img,img.avatar,img.fb_profile_pic_rendered {
margin-right:10px;
float:left;
}

#content .main_column .article h3.author {
font-size:16px;
}

#content .main_column .article h3{
font-weight: normal;
line-height: 90%;
}

#content .main_column .article h4{
margin-top: 10px;
margin-bottom: 10px;
}



#content .main_column .article ul{
font-size:8px;
margin-bottom:20px;
margin-left:20px;
margin-top:20px;
}

#content .main_column .article ol {
font-size:12px;
margin-bottom:20px;
margin-top:20px;
list-style-position:inside;
}

#content .main_column .article ul li {
background:transparent url(images/red-arrow.jpg)  0 7px no-repeat scroll;
float:none;
padding:4px 5px 5px 15px;
}

#content .main_column .article ol li {
float:none;
padding:4px 5px 5px 15px;
} 

#content .main_column ul.options li {
float:none !important;
display:inline;
padding:0 13px 0 0;
background: none;
}

#content .main_column .article ul.options {
margin:0;
width:440px;
background: none;
}

#content .main_column .article ul.options li a {
font-size:8px;
text-decoration:none;
text-transform:uppercase;
}

#content .main_column .article ul.article_info {
float:left;
font-size:10px;
overflow:hidden;
width:300px;
margin: 0;
}

#content .main_column .article ul.article_info li {
border-left:1px solid #000;
list-style:none;
padding:0 5px;
background: none;
}

#content .main_column .article ul.article_info li.first {
border:none;
padding:0 5px 0 0;
}

#content .main_column .article ul.article_info li a {
color:#000;
}

#content .main_column .article img.article_img {
float:right;
margin:10px 0 50px 10px;
}

#content .main_column .article .more-link {
float:right;
font-weight:bold;
font-size:12px
}

#content .main_column .article a.more-link {
display:none;
text-decoration:none !important;
}

/*######################## Main Column | Articles Content ##############################*/

#content .main_column .article-content {
border:5px solid #000000;
float:left;
overflow:hidden;
padding:15px 10px 20px;
width:610px;
}

#content .main_column .article-content .left {
float:left;
width:225px;
}

#content .main_column .article-content .right {
float:left;
margin:0 0 0 10px;
width:360px;
}

#content .full {
width:1030px;
}

#content .main_column .article-content p {
display:block;
font-size:14px;
line-height:20px;
margin-top:15px;
padding-bottom:10px;
width:100%;
}

#content .main_column .article-content img.profile_img,img.avatar,img.fb_profile_pic_rendered {
margin-right:10px;
float:left;
}

#content .main_column .article-content h1 {
line-height:26px;
margin-bottom:10px;
font-size:28px;
font-weight:normal
}

#content .main_column .article-content h1 a {
color:#000000;
}


#content .main_column .article-content h1 a:hover {
text-shadow:1px 1px 3px #000000;
}

#content .main_column .article-content h2{
border-bottom:3px solid #333333;
clear:both;
color:#333333;
font-family:Helvetica,Arial,"Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:28px;
font-weight:normal;
letter-spacing:0;
line-height:30px;
margin:12px 16px 14px 0;
padding:0.95em 0 0;
}

#content .main_column .article-content h3.author {
font-size:18px;
margin-right:10px;
font-weight:normal
}

#content .main_column .article-content h4{
border:0 none;
color:#CC0000;
font-family:Georgia,Helvetica,"Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:2em;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.4em;
margin:1.3em 0 0;
}

#content .main_column .article-content h5 {
font-family:georgia !important;
font-style:italic;
margin:0 15px 0 15px;
padding:0;
font-size:220%;
font-weight:normal;
float: left
}

#content .main_column .article-content h6 {
font-family:georgia !important;
margin:0 15px 0 15px;
padding:0;
font-size:160%;
font-weight:normal;
float: left;
border: 1px solid #666666;
padding: 10px;
margin:10px;
}

#content .main_column .article-content address {
border: 1px solid #666666;
font-size: 70%;
font-style:normal;
padding: 10px;
margin:10px;
background-color:#ebebeb;
line-height:170%
}




#content .main_column .article-content blockquote {
width:300px
}

#content .main_column .article-content blockquote p {
border-left:1px dotted #185672;
margin:0 20px 15px;
padding:5px 0 5px 15px;
font-family:georgia !important;
font-style:italic;
font-size:20px;
line-height:30px;
float:left;
color:#185672;
}

#content .main_column .article-content table {
width:100%
}

#content .main_column .article-content td {
font-size:10px;
text-align:left;
border: solid 1px #d1d1d1;
padding:3px;
vertical-align:text-top;
}

#content .main_column .article-content ul,.main_column .article ol {
font-size:12px;
}

#content .main_column .article-content ul {
font-size:12px;
margin-bottom:20px;
margin-left:20px;
margin-top:20px;
}

#content .main_column .article-content ol {
font-size:12px;
margin-bottom:20px;
margin-top:20px;
list-style-position:inside;
}


#content .main_column .article-content ul li {
line-height:1.65em;
list-style-type:square;
float:none;
padding:4px 5px 5px 10px;
}

#content .main_column .article-content ol li {
float:none;
padding:4px 5px 5px 15px;
} 

#content .main_column .article-content ul.options li {
float:none !important;
display:inline;
padding:0;
background: none;
}

#content .main_column .article-content ul.options {
margin:0;
width:300px;
}

#content .main_column .article-content ul.options li a {
color:#C4161C;
display:none;
font-size:11px;
font-weight:700;
text-decoration:none;
text-transform:uppercase;
}

#content .main_column .article-content ul.article_info {
font-size:12px;
overflow:hidden;
width:340px;
margin:0;
}

#content .main_column .article-content ul.article_info li {
border-left:1px solid #000;
list-style:none;
padding:0 5px;
background: none;
float:left;
}

#content .main_column .article-content ul.article_info li.first {
border:none;
padding:0 5px 0 0;
}

#content .main_column .article-content ul.article_info li a {
color:#000;
}

#content .main_column .article-content img.article_img {
float:right;
margin:10px 0 50px 10px;
}

#content .main_column .article-content .more-link {
float:right;
font-weight:bold;
font-size:12px}

#content .main_column .article-content a.more-link {
text-decoration:none!important;
}


#content .main_column #right_ad {
background-color:#CCCCCC;
float:left;
margin:20px 0;
padding:5px 7px 5px 8px;
}

.aligncenter {margin:10px auto}


.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}

.wp-caption img {
border:none;
margin:0;
padding:0
}

.wp-caption p.wp-caption-text {
line-height:15px !important;
color:#111 !important;
margin:0;
padding:0 0 5px;
text-align: center !important;
font-family: "Times New Roman", Times, serif !important;
}


/*######################## Main Column | Archives ##############################*/


#content #archivebox {
float:left;
padding:15px 10px 20px;
width:610px;
background-color:#e5e7e6;
border-right: solid 5px #000;
border-left: solid 5px #000;
border-bottom: solid 5px #000;
font-size: 11px;
}

#content #archivebox h2 {
font-weight:normal;
font-size: 11px;
}

#content #archivebox .singletags {
}


/*######################## Main Column | Filters ##############################*/

#content .main_column .filters {
border-bottom:5px solid;
float:left;
position:relative;
width:640px;
}

#content .main_column #UgcontentTabs{
margin-top:-10px;
}

#content .main_column .filters h1 {
border:medium none;
height:100px;
margin:0;
text-indent:-9999px;
width:640px;
}

#content .main_column .filters ul.main {
position:absolute;
right:5px;
top:0;
}

#content .main_column .filters ul.main li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#content .main_column .filters ul.main li a {
background-color:#CCCCCC;
color:#000000;
display:block;
font-size:16px;
padding:10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

#content .main_column .filters ul.main li a.links {
margin:0 9px 0 0;
}

#content .main_column .filters ul.main li.last {
/* float:right; */
}

#content .main_column .filters ul.main li.ui-state-hover a {
color:#FFFFFF;
}

#content .main_column .filters ul.main li.ui-state-active a {
color:#FFFFFF;
}

#content .main_column .UgTittle {
background-color:#000000;
color:#FFFFFF;
float:left;
font-size:40px;
line-height:50px;
margin:20px 0 0;
padding:8px;
width:625px;
}

#content .main_column .filters .bottomFeature,
#content .main_column .filters .bottomFeatureCat,
#content .main_column .filters .UgbottomFeature,
#content .main_column .filters .UgbottomFeatureCat  {
background-color:#000000;
border-left:5px solid #000000;
border-right:5px solid #000000;
border-top:5px solid #000000;
color:#FFFFFF;
float:left;
font-size:9px;
margin-top:0px;
padding:35px 10px 6px;
text-transform:uppercase;
width:610px;
}




#content .main_column .filters .bottomFeatureCat.,
#content .main_column .filters .UgbottomFeatureCat {
margin: 0;
padding: 43px 10px 6px;
}


#content .main_column .filters .gearbottomFeature,
#content .main_column .filters .gearbottomFeatureCat,
#content .main_column .filters .gearUgbottomFeature,
#content .main_column .filters .gearUgbottomFeatureCat  {
background-color:#000000;
color:#FFFFFF;
float:left;
font-size:9px;
margin-top:0px;
padding:10px 10px 6px;
text-transform:uppercase;
width:620px;
}




#content .main_column .filters .gearbottomFeatureCat.,
#content .main_column .filters .gearUgbottomFeatureCat {
margin: 0;
padding: 1px 10px 6px;
}



#content .main_column .filters .bottomFeature p,
#content .main_column .filters .bottomFeatureCat p,
#content .main_column .filters .UgbottomFeature p,
#content .main_column .filters .UgbottomFeatureCat p {
color:#999;
float:left;
text-transform:uppercase;
width:65px;
}


#content .main_column .filters ul.secondary {
float:left;
width:545px;
}

#content .main_column .filters ul.secondary li {
margin-left:5px;
padding:0 5px;
}

#content .main_column .filters ul.secondary li a {
color:#FFFFFF;
text-decoration:none;
}

#breadcrumbs {
background-color:#000000;
color:#C1C1C1;
font-size:10px;
margin:2px 0 0;
padding:5px 0 0 17px;
}

#content .main_column #feature,
#content .main_column #ugfeature,
#content .main_column #default-feature {
border-left: 5px solid #000000;
border-bottom: 5px solid #000000;
border-right: 5px solid #000000;
float:left;
width:630px;
}

#content .main_column #ugfeature {
background-color: #EEEEEE;
}

#content .main_column #ugfeature .article {
background-color:#FFFFFF;
float:left;
margin:7px;
overflow:hidden;
padding:5px;
width:290px;
height:220px
}

#content .main_column #ugfeature .article .art-content {
	float:left;
	margin:0 5px;
	width:280px;
}


#content .main_column #ugfeature .article .art-content h3 {
font-size:15px;
height:28px;
margin-bottom:10px;
overflow:hidden;
}

#content .main_column #ugfeature .article .art-content h3 a {
	color:#000000
}

#content .main_column #ugfeature .article .art-content .hi {
	height:150px;
	overflow:hidden
}

#content .main_column #ugfeature .article .art-content .ug-image {
margin-left: 30px;
}

#content .main_column #ugfeature .article img.hi {
width:225px;
}

#content .main_column #ugfeature .article .art-content ul.article_info {
float:left;
font-size:10px;
overflow:hidden;
margin: 15px 0;
}

#content .main_column #ugfeature .article .art-content ul.article_info li span.author a {
color: #2A88B2;
font-style:italic;
}




/*######################## Pagination & Breadcumbs ##############################*/

#content .main_column .pagination-top {
background-color:#F4F4F4;
border:1px solid #E7E7E7;
color:#666666;
float:right;
font-size:12px;
padding:5px;
}

#content .main_column .pagination-top span {
border:1px solid #999999;
padding:0 3px;
}

#content .main_column .pagination-top a:hover {
background-color:#000000;
color:#ffffff
}


#content .main_column .pagination-bottom {
background-color:#000000;
clear:left;
color:#FFFFFF;
font-size:17px;
padding:10px;
width:620px;
}

#content .main_column .pagination-bottom span {
border:1px solid #666666;
background-color:#d1d1d1;
padding:0 5px;
color:#000000
}

#content .main_column .pagination-bottom a span {
background-color:#FFFFFF;
}

#content .main_column .paginatio-bottom a:hover span {
background-color:#000000;
color:#ffffff
}

/**PageNavi Plugin styles**/
#content .main_column .pagination {
overflow:hidden;
padding:10px;
float: left;
width:620px;
background-color:#000
}

#content .main_column .pagination p {
border:1px solid #666;
background-color:#fff;
color:#000;
float:left;
font-size:12px;
margin-right:5px;
padding:6px 7px;
}

#content .main_column .pagination ul {
float:left;
overflow:hidden;
list-style:none;
}
#content .main_column .pagination ul li {
color:#fff;
line-height:10px;
}

#content .main_column .pagination ul li a {
border:1px solid #666;
color:#000;
font-family:arial;
font-size:12px;
width:auto;
float:left;
display:inline;
height:18px;
text-decoration:none;
margin:0 5px;
padding:8px 7px 0;
background-color:#fff;
}

#content .main_column .pagination ul li a:hover,
#content .main_column .pagination p.link:hover {
border:1px solid #000;
color:#fff;
}

#content .main_column .pagination p a {
color:#000;
text-decoration:none;
}

#content .main_column .pagination ul li.current{
font-family:arial;
font-size:12px;
width:auto;
float:left;
display:inline;
height:18px;
text-decoration:none;
margin:0 5px;
padding:8px 7px 0;
border:1px solid #000;
background-color:#333;
color:#fff;
}

/*######################## Main Column | Login ##############################*/


#content .main_column .form-sidebar-login {
float:left;
margin-right:300px;
width:260px;
}

#content .main_column .form-sidebar-login p {
margin: 10px 0;
}


#content .main_column .form-sidebar-login p label {

}

#content .main_column .form-sidebar-login p input {
border:1px solid #000000;
float:right;
font-size:16px;
height:30px;
width: 170px;
}

#content .main_column .form-sidebar-login p.rememberme label {
font-size:12px;
margin-left:5px;
}

#content .main_column .form-sidebar-login p.rememberme input {
float:left;
margin-left:90px;
margin-top:2px;
border: none;
width: 10px;
}

#content .main_column .form-sidebar-login p.submit input {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#000000;
cursor:pointer;
height:30px;
width:80px !important;
}

#content .main_column ul.sidebarlogin_otherlinks {
float:left;
margin-top:10px;
width:270px;
}

#content .main_column ul.sidebarlogin_otherlinks li {
float:right;
font-size:12px;
margin:0 5px;
}

/*######################## Sidebar | Right Column ##############################*/

#content .right_column {
float:none;
margin:0 auto;
text-align:center;
    width: 970px;
	}

#content .right_column #right_ad {
background-color:#E5E7E6;
clear:left;
margin:10px 0;
padding:10px 0;
width:350px;
}

#content #sideTabs {
margin-top:8px;
float: left;
position:relative;
width:350px;
} 

#content #sideTabs ul {
height:30px;
left:5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:0;
z-index:999;
}

#content #sideTabs ul li {
background-color:#EEEEEE;
float:left;
height:30px;
line-height:30px;
margin:0 5px 0 0;
width:auto;
}

#content #sideTabs ul li.ui-state-active {
float:left;
height:30px;
line-height:30px;
width:auto;
}

#content #sideTabs ul li.last {
display:none;
float:right;
margin:0;
padding:0 15px;
width:138px;
}

#content #sideTabs ul li a {
color:#000000;
font-size:16px;
height:30px;
padding:0 15px;
text-transform:uppercase;
}

#content #sideTabs ul li.ui-state-active a,
#content #sideTabs ul li.ui-state-active a:hover {
color: #FFFFFF;
}

#content #tab_content {
float:left;
margin-bottom:5px;
margin-top:5px;
padding-top:25px;
width:350px;
z-index:0;
}

#content #tab_content ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 5px 0;
text-align:left;
width:340px;
}

#content #tab_content ul li {
background-color:#FFFFFF !important;
float:left;
height:30px;
line-height:30px;
margin-bottom:5px;
width:340px;
}

#content #tab_content ul li:hover {
background-color:#e9e9e9 !important;
f;
}


#content #tab_content ul li a {
color:#000000;
font-size:12px;
margin-left:5px;
padding-left:20px;
}

#content #tab_content ul li label {
display: none;
}


#content #tab_content ul li.more {
background-color:#000000 !important;
}

#content #tab_content ul li.more a {
color:#FFFFFF;
float:right;
margin:0 15px;
}

.rss-date {
font-size:9px;
color:#999999}

a.rsswidget {
font-size:13px;
color:#000000
}

.rssSummary {
font-size:11px;
color:#333333
}

/*######################## Sidebar | Widgets ##############################*/

.right_column .widget {
float:left;
margin:5px 0;
}

.right_column .widget .widget-title {
padding:10px;
background:#000;
}

.right_column .widget .widget-title h2, .right_column .widget .widget-title h2 .rsswidget {
color:#FFFFFF;
font-size:16px;
font-weight:normal;
text-align:left;
text-transform:uppercase;
}

.right_column .widget .content-widget {
border:5px solid #B1B1B1;
float:left;
font-size:14px;
padding:0 5px;
text-align:left;
width:950px;
}

.right_column .widget .content-widget a {
color: #000000;
}

.right_column .widget .content-widget ul li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 0;
border-bottom:1px solid #D1D1D1;
width:97%;
}

.right_column .widget .content-widget ul li a {
color: #000000;
}


/*######################## Sidebar | Widget "BLOGS" ##############################*/


.right_column .widget .content-widget ul li a.blog-img {
float:left;
width:75px;
height:75px;
margin: 0 5px;
}

.right_column .widget .content-widget ul li h4.blog-headline {
float: left;
width: 250px;
margin: 10px 0;
}

.right_column .widget .content-widget ul li p.blog-p {
float: left;
font-size:12px;
margin: 10px 0;
width: 250px;
}

.right_column .widget .content-widget ul span.right {
background-color:#000000;
border-top:5px solid #CCCCCC;
float:left;
height:30px;
line-height:27px;
padding:5px 20px 0;
width:300px;
}

.right_column .widget .content-widget ul span.right a {
color:#FFFFFF;
float:right;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

.ugcwidget-links {
margin:7px 0;
text-align:center
}

.ugcwidget-links a {
background-color:#d1d1d1;
padding: 3px 7px;
margin-right:7px;
}

.ugcwidget-links a:hover {
background-color:#999999;
color:#000000 !important
}


/*######################## Sidebar | Widget "AJAX" ##############################*/

.right_column .widget .content-widget .widget-ajax ul {
padding: 0 5px;
}

.right_column .widget .content-widget .widget-ajax ul li {
padding: 5px 3px;
}


/*######################## Sidebar | Tabs ##############################*/

.right_column .widget .content-widget .sidebar_related {
background-color:#E5E7E6;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;
}

.right_column .widget .content-widget .sidebar_related li {
background-color:#FFFFFF;
margin:5px 0;
padding:5px;
}

.right_column .widget .content-widget .sidebar_related li a {
color: #000000;
padding-left: 20px;
font-size: 14px;
}

.right_column .widget .content-widget .sidebar_related li a:hover {
color: #555555;
}

.right_column .widget .content-widget a:hover {
color: #000000;
}


/*######################## Comments ##############################*/

#comment {
float:left;
width:620px;
}

#commentform {
border:5px solid #000000;
float:left;
padding:15px 10px 20px;
width:610px;
}

#commentform label {
width: 200px;
margin: 5px 0;
}

#commentform input {
width: 200px;
border: 1px solid #000000;
margin: 5px 0;
}

#commentform textarea {
border: 1px solid #000000;
}

#commentform input #submit {
width: 150px;
border: 1px solid #CCCCCC;
background-color:#333333;
color: #FFFFFF;
}

#comment ol.commentlist,
#comment ul.commentlist {
width:620px;
}

#comment ol.commentlist li,
#comment ul.commentlist li {
border-bottom:1px solid #cacaca;
width:100%;
padding:10px 0 5px;
}

#comment ol.commentlist li .avatar,
#comment ul.commentlist li .avatar {
float:left;
margin-right:16px;
}

#comment h2.commh2 {
float:left;
width:100%;
font-size: 20px;
}

.idc-thread .idc-thread {padding-left:50px!important;} /*Style for Intense Debate*/

/*######################## Footer ##############################*/

#footer {
    border-top: 1px solid #000000;
    display: block;
    float: none;
    margin: 20px auto;
    padding-top: 10px;
    width: 1000px;
}

.footerlogo{
	float:left;
	margin-left:15px;
}
#footer ul{
	display:block;
	float:left;
	list-style:none outside none;
	margin:10px;
}
#footer ul li{
	display:block;
	float:left;
	margin-left:5px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer ul li a{
	color:#000;
	text-decoration:none;
}

#footer ul li a:hover{
	color:#10acf4;
	text-decoration:none;
}

#footer div.banner {
background-color:#000000;
padding:5px;
text-align:center;
width:1008px;
}

#footer div.left .logo2 {
	background: url(images/bonnier-logo.png) 0 0 no-repeat;
}

#footer div.left {
float:left;
height:230px;
margin:5px 0 0;
text-align:center;
width:250px;
}

#footer div.left p {
color:#FFFFFF;
font-size:13px;
font-weight:bold;
}

#footer div.left .logo {
display:inline;
float:left;
height:79px;
margin:5px 20px;
overflow:hidden;
text-indent:-999em;
width:206px;
}

#footer div.left .logo2 {
display:inline;
float:left;
height:53px;
margin:5px 55px;
overflow:hidden;
text-indent:-999em;
width:136px;
}

#footer div.right {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:12px;
height:230px;
margin:5px 0 0 5px;
text-align:center !important;
width:753px;
}

#footer div.right .footer-links1 {
float:left;
margin: 5px 0 0 0;
}
#footer div.right .footer-links1 a:hover {
color: #FF0000;
}

#footer div.right .footer-links2 {
float:left;
margin: 0 0 5px 0;
}
#footer div.right .footer-links2 a:hover {
color: #FF0000;
}

#footer div.right .footer-links3 {
float:left;
margin:10px 0 5px;
}
#footer div.right .footer-links3 a:hover {
color: #FF0000;
}

#footer div.right .footer-links1 ul.top,
#footer div.right .footer-links2 ul.top,
#footer div.right .footer-links3 ul.top {
float:left;
width:740px;
}

#footer div.right .footer-links1 ul.top li,
#footer div.right .footer-links2 ul.top li,
#footer div.right .footer-links3 ul.top li {
list-style:none;
display:inline;
font-size:12px;
color:#FFFFFF;
}

#footer div.right .footer-links1 ul.top li a,
#footer div.right .footer-links2 ul.top li a,
#footer div.right .footer-links3 ul.top li a {
color:#FFFFFF;
text-decoration:none;
display:inline;
margin:0 5px;
}

#footer div.right .event-logos {
float:left;
width:740px;
}

#footer div.right .event-logos .event-logos-images {
float:left;
height:135px;
text-align:center;
width:82px;
margin:5px 20px 0;
_margin:5px 0;
}

#footer div.right .event-logos .event-logos-images img {
float:left;
margin:5px 10px 0;
_margin: 5px 0;
}

#footer div.right .event-logos .event-logos-images p {
color:#FFFFFF;
font-weight:normal;
margin:0 10px;
width:82px;
}


/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50
*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
margin-top: 10px;
width: 100%;
clear:both; 
display:block !important;
}

.ngg-album {
height: 100%;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
overflow:hidden;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;
} 

.ngg-album {
overflow: hidden;
padding: 5px;
margin-bottom: 5px;
border: 1px solid #cccccc;
}

.ngg-albumtitle {
text-align: left;
font-weight: bold;
margin:0px;
padding:0px;
font-size: 1.4em;
margin-bottom: 10px;
}

.ngg-thumbnail {
float: left;
margin-right: 12px;
}

.ngg-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}

.ngg-thumbnail img:hover {
background-color: #A9A9A9;
}

.ngg-description {
text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
float:left;
height:180px;
padding-right:6px !important;
margin:0px !important; 
text-align:left;
width:120px;	
}

.ngg-album-compactbox {
background:transparent url(albumset.gif) no-repeat scroll 0%;
height:86px;
margin:0pt 0pt 6px !important;
padding:12px 0pt 0pt 7px !important;
width:120px;
}


.ngg-album-compactbox .Thumb {
border:1px solid #000000;
margin:0px !important;
padding:0px !important;
width:91px; 
height:68px;
}

.ngg-album-compact h4 {
font-size:15px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
width:110px;
}

.ngg-album-compact p {
font-size:11px;
margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
overflow: hidden;
margin-top: 10px;
width: 100%;
clear:both; 
display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
margin:0px 10px 10px 0px;
padding:5px;
}

.ngg-gallery-thumbnail-box {
float: left;
}

.ngg-gallery-thumbnail {
float: left;
margin-right: 5px;
text-align: center;
}

.ngg-imagebrowser-desc {
border-bottom:3px #d1d1d1 solid;
color:#666666;
}

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;  
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}

.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
/* Images description */
font-size:90%;
padding-left:5px;
display:block;
}

.ngg-clear {
clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
font-size:0.9em !important;
clear:both !important;
display:block !important;
padding-top:15px;
text-align:center;
height:30px;

}

.ngg-navigation span {
font-weight:bold;
margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
background-color: #0066CC;
color: #FFFFFF !important;
text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {

}

.ngg-imagebrowser h3 {
text-align:center;
}

.ngg-imagebrowser img {
margin:25px auto;
display:block !important;
width:610px;
}

.ngg-imagebrowser-nav {
padding:5px;
margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
float:left;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
float:right;
border:1px solid #DDDDDD;
margin-right:3px;
padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
text-align:center;
font-size:0.9em !important;
}

.exif-data {
margin-left: auto !important;
margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
margin-left: auto; 
margin-right: auto;
text-align:center;
outline: none;	
}

.slideshowlink {

}

/* ----------- Single picture -------------*/
.ngg-singlepic {
background-color:#FFFFFF;
display:block;  
padding:4px;
}

.ngg-left {
float: left;
margin-right:10px;
}

.ngg-right {
float: right;
margin-left:10px;
}

.ngg-center {
margin-left: auto !important;
margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
overflow: hidden;
margin:0pt;
padding:5px 0px 0px 0pt;
}

.ngg-widget img {
border:2px solid #A9A9A9;
margin:0pt 2px 2px 0px; 
padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
background:#F9F9F9;
border:1px solid #E0E0E0;
overflow:hidden;
margin-bottom:1em;
margin-top:1em;
padding:5px;
}
.ngg-related-gallery img {
border: 1px solid #DDDDDD;
float: left;
margin: 0pt 3px;
padding: 2px;
height: 50px;
width:  50px;
}

.ngg-related-gallery img:hover {
border: 1px solid #000000;
} 



.right_column .clean-widget .widget-title {
	padding:0 !important;
}
.right_column .clean-widget .content-widget {
	border:none !important;
	padding:0 !important;
}



#temphome{
	margin:0 auto;
}

img{
	border:none;
}






#temphome #content{
    float: none;
    height: 460px;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

#temphome #content .top{
background-image: url(http://transworld.net/wp-content/themes/transworld/images/border_top.gif);
background-repeat:repeat-x;	
height:15px;
}

#temphome #content .bottom{
background-image: url(http://transworld.net/wp-content/themes/transworld/images/border_bottom.gif);
background-repeat:repeat-x;	
height:15px;
}
.links{	
	padding:25px;
	margin: 0px auto;
	height:250px;
	text-align:center;
	width:950px;
}
.links div div{
	float:left;
	margin: 30px 31px;
}

.links a{
display:block;
height:100%;
}
.links .first{
	margin-left:0px;
}
.links .last{
	margin-right:0px;
}

.surf a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/surf_btn.gif);
	background-repeat:no-repeat;
	height:67px;
	width:166px;
	text-indent:-9999px;
}

.surf a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/surf_btn.gif);
	background-repeat:no-repeat;
	height:67px;
	width:166px;
	text-indent:-9999px;
	background-position:0 -66px;
}

.skate a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/skate_btn.gif);
	background-repeat:no-repeat;
	height:68px;
	width:166px;
	text-indent:-9999px;
}

.skate a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/skate_btn.gif);
	background-repeat:no-repeat;
	height:68px;
	width:166px;
	text-indent:-9999px;
	background-position:0 -67px;
}

.snow a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/snow_btn.gif);
	background-repeat:no-repeat;
	height:68px;
	width:191px;
	text-indent:-9999px;
}

.snow a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/snow_btn.gif);
	background-repeat:no-repeat;
	height:68px;
	width:191px;
	text-indent:-9999px;
	background-position:0 -68px;
}

.moto a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/moto_btn.gif);
	background-repeat:no-repeat;
	height:68px;
	width:235px;
	text-indent:-9999px;
}

.moto a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/moto_btn.gif);
	background-repeat:no-repeat;
	height:68px;
	width:235px;
	text-indent:-9999px;
	background-position:0 -68px;
}

.tv a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/tv_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:167px;
	text-indent:-9999px;
}

.tv a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/tv_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:167px;
	text-indent:-9999px;
	background-position:0 -63px;
}

.bmx a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/bmx_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:174px;
	text-indent:-9999px;
}

.bmx a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/bmx_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:174px;
	text-indent:-9999px;
	background-position:0 -63px;
}

.wake a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/wake_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:223px;
	text-indent:-9999px;
}

.wake a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/wake_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:223px;
	text-indent:-9999px;
	background-position:0 -63px;
}

.biz a{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/biz_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:180px;
	text-indent:-9999px;
}

.biz a:hover{
	background-image:url(http://transworld.net/wp-content/themes/transworld/images/biz_btn.gif);
	background-repeat:no-repeat;
	height:63px;
	width:180px;
	text-indent:-9999px;
	background-position:0 -63px;
}



.clear{
	clear:both;
	height:0px;
}