/*  
Theme Name: Premium News - CNN Edited
Theme URI: http://www.oeeo.de/
Description: Premium News is a feature-rich theme for magazine- / news-type blogs created by <a href="http://www.oeeo.de">oeeo Webdesign</a>.
Version: 1
Author: Jochen M.
Author URI: http://www.oeeo.de/
*/

/*========= SETUP =========*/  



* {
border : 0;
margin : 0;
padding : 0;
}
body {
color : #000000;
background-image : url('http://www.oeeo.de/wp-content/themes/premiumnews/images/background.gif');
background-color : #000000;
font-size : 12px;
line-height : 18px;
}
a {
color : #000000;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
select {
padding : 0;
}
li {
list-style : none;
}



/*========= LAYOUT =========*/

#page {
width : 960px;
background-color : #ffffff;
margin : 15px auto;
border : 1px solid #cccccc;
}

/*--- Main Columns ---*/

#columns {
padding : 15px 15px 25px;
background-color : #ffffff;
margin : 0;
}
.col1 {
float : left;
width : 595px;
padding-right : 15px;
}
.col2 {
float : left;
width : 320px;
}

/*--- Sub Columns ---*/


.subcol {
width : 150px;
}
.subcol h2 {
font-size : 14px;
padding : 0 0 10px;
color : #ffffff;
}

/*----------------------------------------------------------------------------------------------*/
/*Default Styles and Colors for multicolor-button DEMO -----------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
a.multicolor-button-demo {
    background:           url('images/multicolor-button.png') no-repeat scroll top right;
    color:                #000;
    text-decoration:      none;
    outline:              none; 
    margin-right:         6px;
    margin-top:           3px;
    padding-right:        15px; 
    height:               27px;
    display:              block;
    float:                left;
}
a.multicolor-button-demo span {
    background:           url('images/multicolor-button.png') no-repeat;
    line-height:          17px;
    padding:              5px 0 5px 15px;
    display:              block;
} 

/*MouseOver Style ------------------------------------------------------------*/
a.multicolor-button-demo:hover {
    color:                #fff!important;
}




/*----------------------------------------------------------------------------*/
/*Default Button Colors for multicolor Button ---------------------------------*/
/*----------------------------------------------------------------------------*/
.multicolor-button, .multicolor-button span {
  background-color:       #00a2ff!important;  
}


/*----------------------------------------------------------------------------*/
/*User defined Colors --------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
.color1, .color1 span {
  background-color:       #cc0000!important;  
}


.color2, .color2 span {
  background-color:       #00cc00!important;  
}


.color3, .color3 span {
  background-color:       #000000!important;  
  color:                  #fff!important;  
}
.color3 {
  background-color:       #000000!important;  
  color:                  #fff!important;  
  width:                  200px;
  text-align:             center;
}


/*----------------------------------------------------------------------------*/
/*Default Styles and Colors for multicolor Button -----------------------------*/
/*----------------------------------------------------------------------------*/
a.multicolor-button {
    background:           url('images/multicolor-button.png') no-repeat scroll top right;
    font:                 normal 12px;
    color:                #000;
    text-decoration:      none;
    outline:              none; 
    margin-right:         6px;
    margin-top:           3px;
    padding-right:        15px; 
    height:               27px;
    display:              block;
    float:                left;
}
a.multicolor-button span {
    background:           url('images/multicolor-button.png') no-repeat;
    line-height:          17px;
    padding:              5px 0 5px 15px;
    display:              block;
} 

/*MouseOver Style ------------------------------------------------------------*/
a.multicolor-button:hover {
    background-position:  right -27px;
    color:                #fff!important;
}
a.multicolor-button:hover span {
    background-position:  left -27px;
} 

/*MousePressed Style ---------------------------------------------------------*/
a.multicolor-button:active {
    background-position:  right -54px;
}
a.multicolor-button:active span {
    background-position:  left -54px;
    padding:              6px 0 4px 15px; 
}




/*========= HEADER =========*/

/*- Page Navigation -*/


#nav {
height : 38px;
margin : 15px 15px 0 !important ;
width : 930px !important ;
background : #262626 url(images/navigation_background.jpg) no-repeat left !important ;
position : relative;
}
#nav-left {
color : #ffffff;
float : left;
display : inline;
width : 600px;
}
#nav-left ul li a {
color : #ffffff;
display : block;
width : 99%;
}
#nav-right {
background : #262626 url(images/search_background.jpg) no-repeat right;
float : right;
height : 38px;
width : 310px;
margin-top : 0 !important ;
padding : 0 !important ;
}
#nav ul li {
color : #ffffff;
width : auto;
float : left;
white-space : nowrap;
height : 38px;
line-height : 38px;
background : transparent url(images/navigation_seperator.jpg) repeat-y right;
padding : 0 10px 0 10px;
cursor : pointer;
}
#nav ul li:hover, #nav ul li.active {
color : #ffffff;
background : #ffffff url(images/navigation_hover.jpg) no-repeat right;
}
#nav ul li a {
color : #ffffff;
font-size : 14px;
text-decoration : none;
}
#nav ul li.page_item {
width : auto;
overflow : hidden;
padding : 0 17px 0 20px;
}
#nav .current_page_item {
background : #12b8ec url(images/navigation_hover.jpg) no-repeat right;
color : #ffffff;
height : 38px;
}
#nav .current_page_item a {
color : #ffffff;
}
#nav ul li.back {
background : #ffffff url(images/navigation_hover.jpg) no-repeat right;
width : 0;
height : 38px;
position : absolute;
}
#nav ul li a {
color : #ffffff !important ;
text-decoration : none;
outline : none;
text-align : center;
letter-spacing : 0;
display : block;
float : left;
height : 38px;
position : relative;
overflow : hidden;
font-weight : bold;
font-size : 11px;
text-transform : uppercase;
}
#nav li.home {
background : #262626 url(images/navigation_background.jpg) no-repeat left !important ;
}
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:visited {
border : none;
}

/*- Category Navigation -*/


#nav2, #nav2 * {
margin : 0;
padding : 0;
list-style : none;
}
#nav2 {
height : 30px;
font-weight : bold;
font-size : 14px;
position : relative;
line-height : 30px;
margin : 0 15px;
border : 1px solid #ddd;
z-index : 10 !important ;
}
#nav2 li {
line-height : 30px;
float : left;
list-style : none;
z-index : 10 !important ;
}
#nav2 li a {
color : #666666;
display : block;
padding : 0 13px;
font-size : 11px;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height : 30px;
border-right : 1px solid #ddd;
z-index : 10 !important ;
}
#nav2 li a:hover {
text-decoration : none;
}
#nav2 li ul {
position : absolute;
left : -999em;
margin-top : 3px;
z-index : 10 !important ;
}
#nav2 li:hover ul, #nav2 li.sfhover ul {
left : auto;
z-index : 10 !important ;
}
#nav2 li ul li {
display : block !important ;
float : none !important ;
border : 1px solid #ddd !important ;
border-top : none !important ;
background : #fff;
z-index : 10 !important ;
}




/*- jquery blob navigation -*/

ul, li {
 margin: 0px; padding: 0;
}

#blob {
 border-right: 1px solid #0059ec;
 border-left: 1px solid #0059ec;
 position: absolute;
 top: 0;
 z-index : 1;
 background: #0b2b61;
 background: -moz-linear-gradient(top, #0b2b61, #1153c0);
 background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-box-shadow: 2px 3px 10px #011331;
 -webkit-box-shadow: 2px 3px 10px #011331;

}

#nav0 {
height : 38px;
margin : 0 15px 0 !important ;

position : relative;

 position: relative;
 background : #292929;
 float: left;
}

#nav0 li {
 float: left;
 list-style: none;

}

#nav0 li a {
 color: #e3e3e3;
 position: relative;
 z-index: 2;
 float: left;
 font-size: 12px;
 font-weight:bold;
 text-transform:uppercase;
 text-decoration: none;
 padding: 10px 34px;
}





/*- Search -*/


#search {
width : 290px;
height : 38px;
position : absolute;
top : 0;
right : 0;
}
#search .input {
border : 0;
margin-left : 10px;
font-size : 11px;
line-height : 11px;
color : #ffffff;
width : 205px;
padding : 5px 10px 7px 10px;
background : transparent url(images/search_input.jpg) no-repeat;
}
#search .btn {
border : 0;
background : transparent url(images/search_button.jpg) no-repeat;
height : 23px;
width : 40px;
cursor : pointer;
}

/*- Header -*/

#header {

height : 120px;
background-color : #ffffff;
margin : 20px 15px;
margin-top: 60px;
padding : 0;
}

/*- Logo -*/


#header h1 {
float : left;
display : inline;
line-height : 100px;
font-size : 24px;
}
#header h1 a {
display : block;
height : 93px;
width : 389px;
color : #000000;
font-size : 28px;
}

/*- Top Banner -*/


#topbanner {
float : right;
width : 468px;
padding : 20px 0 0;
}
#topbanner img {
float : right;
}

/*- RSS -*/


#rss a {
color : #666666;
}
#rss h2 {
padding : 10px;
font-size : 14px;
margin-bottom : 10px;
}
#rss ul {
margin : 0;
padding : 10px;
float : left;
}
#rss li {
margin : 0;
border : none !important ;
padding : 5px;
}
#rss img {
float : right;
padding-left : 10px;
margin-top : 5px;
}

/*========= FEATURED POSTS (FRONT-PAGE) =========*/

/* See slideshow.css */

/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/



#video-frame {
background : #eee;
float : left;
width : 583px;
height : auto;
margin : 15px 0 0;
padding : 5px;
border : 1px solid #ddd;
}
.video-left {
float : left;
width : 285px !important ;
display : inline;
background-color : #ffffff;
}
.video-left p {
padding : 0 !important ;
margin : 0 !important ;
}
.video-left h2 {
display : none;
}
.video-right {
float : right;
width : 273px;
display : inline;
background-color : #ffffff;
padding : 10px;
}
.video-right h2 {
color : #000000;
font-size : 11px;
line-height : normal;
font-weight : bold !important ;
margin : 0 !important ;
padding-top : 0;
padding-right : 0;
padding-bottom : 5px;
padding-left : 0;
}
.video-right p {
color : #666;
font-size : 11px;
line-height : 12px;
margin-top : 10px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 20px;
padding-left : 0;
}
.video-right h3 {
font-style : normal !important ;
font-weight : bold;
font-size : 18px;
line-height : 20px;
padding-bottom : 0;
}
.video-right .mootabs_title {
border-top : 1px solid #fff;
list-style : none;
margin : 0;
padding : 0;
}
.video-right .mootabs_title li {
color : #000;
font-weight : normal;
font-size : 11px;
text-decoration : none;
display : block;
padding : 10px;
border : 1px solid #dddddd;
background : #f7f7f7;
line-height : 10px;
cursor : pointer;
margin-top : 0;
margin-right : 0;
margin-bottom : 5px;
margin-left : 0;
}
.video-right .mootabs_title li:hover, .video-right .mootabs_title li.active {
background : #dddddd url(images/ico-watch.gif) no-repeat right center !important ;
}


/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/


.post {
margin : 0;
}
.post h2 {
font-size : 18px;
padding : 0 0 5px;
}
.post h3 {
font-size : 14px;
}
.post h3 a {
color : #000000;
}
.post p {
padding : 0 0 15px;
line-height : 15px;
}

/*- Box -*/


.box {
clear : both;
height : 1%;
padding-top : 15px;
padding-right : 0;
padding-bottom : 15px;
padding-left : 0;
margin : 0;
}
.box .post {
width : 288px;
background-color : #ffffff;
border : 1px solid #ddd;
}
.box .post h2 a {
color : #333333;
}
.box .post h2 {
font-size : 18px;
padding : 10px;
line-height : 20px;
}
.box .post p {
font-size : 11px;
line-height : 16px;
padding : 0 10px 10px;
}
.box .post img {
border : 1px solid #dddddd;
float : right;
padding : 5px;
background-color : #ffffff;
margin : 10px;
}

/*=== Traditional Blog Post ===*/


.post-alt {
margin : 0 0 15px 0;
}
.post-alt h2 {
font-size : 24px;
padding : 0;
color : #000000;
line-height : 26px;
}
.post-alt h3 {
font-size : 13px;
padding-bottom : 5px;
line-height : 18px;
color : #000000;
}
.post-alt h4 {
font-size : 14px;
padding-bottom : 5px;
line-height : 16px;
}
.post-alt h3 a, .post-alt h2 a {
color : #000000;
}
.post-alt p {
padding : 0 0 15px;
}
.post-alt h3.post_date {
color : #999999;
padding : 5px 0 10px;
font-size : 12px;
font-weight : normal;
}
h3.posted {
font-size : 11px;
color : #666666;
font-style : normal;
font-weight : normal;
line-height : 15px;
background-color : #eeeeee;
padding : 5px;
margin-top : 10px;
text-align : right;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
h3.posted a {
color : #000000;
font-size : 11px;
}

/*=== Buttons ===*/


.continue {
background : url(images/ico-arrow.gif) no-repeat left;
font-weight : bold;
padding-left : 15px;
}
.comments {
padding-bottom : 0 !important ;
}
.comments a {
background : url(images/ico-comm.gif) no-repeat left;
color : #000000;
font-weight : normal;
font-size : 11px;
padding : 0 0 0 18px;
margin-left : 5px;
}
a.more {
background : url(images/ico-arrow2.gif) no-repeat right;
color : #c0c0c0;
font-size : 1.2em;
font-weight : bold;
padding : 0 20px 0 0;
}

/*=== Traditional Blog Post ===*/


.navigation a {
color : #c0c0c0;
font-size : 1.2em;
font-weight : bold;
}
.alignleft {
display : inline;
float : left;
}
.alignright {
display : inline;
float : right;
}


/*========= ARCHIVE SPECIFIC =========*/


#archivebox {
margin-bottom : 25px;
padding : 10px;
color : #000 !important ;
}
#archivebox h4, #archivebox h3, #archivebox h2 {
color : #333333;
}
#archivebox h4 em, #archivebox h2 em, #archivebox h3 em {
font-weight : normal;
}
#archivebox a, #archivebox h2 {
color : #000;
}
.archivefeed {
margin-top : 10px;
padding-bottom : 0;
}
.archivefeed a {
background : url(images/ico-arcfeed.gif) no-repeat left center;
height : 20px;
color : #000;
font-weight : bold;
font-size : 11px;
font-weight : normal;
padding : 3px 0 1px 22px;
}
.arclist {
width : 260px;
margin : 0 0 25px;
padding : 5px 0 0;
border-bottom : 1px solid #eee;
}
.arclist h2 {
color : #000;
padding : 0 0 15px;
}
.arclist ul li {
color : #c0c0c0;
font-size : 12px;
padding : 8px 0 8px 10px;
border-top : 1px solid #eee;
}

/*========= SINGLE POST SPECIFIC =========*/


.singletags {
margin-top : 5px;
font-weight : bold;
color : #000 !important ;
}
.singletags a {
font-weight : normal !important ;
}
.entry p {
text-align : left;
font-size : 12px;
line-height : 18px;
}
.entry blockquote {
padding : 10px;
border : 1px solid #ddd;
color : #000;
width : 85%;
background-color : #f7f7f7;
font-style : italic;
margin : 5px auto 15px;
}
.entry blockquote p {
font-size : 12px;
padding : 5px 0;
margin : 5px 0;
line-height : 20px;
}
.entry img {
padding : 4px;
border : 1px solid #dddddd;
float : left;
display : inline;
background-color : #ffffff;
margin-right : 15px;
margin-bottom : 15px;
}
.entry ul, .entry ol {
margin-bottom : 15px;
font-size : 12px;
line-height : 20px;
}
.entry ul li ul, .entry ol li ol {
margin-bottom : 0;
padding-top : 3px;
}
.entry ul li {
list-style : circle inside !important ;
margin-left : 15px;
padding : 3px 0;
}
.entry ul li ul li {
list-style : disc inside !important ;
}
.entry ol li {
list-style : decimal inside !important ;
font-size : 12px;
padding : 3px 0;
}
.entry ol li ol li {
list-style : decimal-leading-zero inside !important ;
}


/*========= COMMENTS =========*/


h2.commh2 {
font-size : 1.4em;
padding : 0 0 5px;
font-weight : bold !important ;
}
ol.commentlist {
margin : 10px 0 20px;
padding : 0;
list-style : none;
font-size : 12px;
line-height : 20px;
}
ol.commentlist p {
margin-bottom : 10px;
line-height : 20px;
}
ol.commentlist cite {
font-style : normal;
font-weight : bold;
}
ol.commentlist li {
padding : 20px 10px 10px 10px;
}
ol.commentlist li.alt {
padding : 10px 10px 0 10px !important ;
background : #f7f7f7;
border : 1px solid #eee;
}


/*========= SIDEBAR =========*/


#mpu_banner {
width : 300px;
height : 250px;
background-color : #ffffff;
margin-bottom : 15px;
padding : 9px;
border : 1px solid #dddddd;
}
.sideTabs {
width : 308px !important ;
height : auto !important ;
min-height : 258px;
padding : 5px;
border : 1px solid #ddd;
background-color : #eeeeee;
float : left;
display : block;
}
.col2 .mootabs_title {
font-size : 12px;
width : 100%;
float : left;
}
.col2 .mootabs_title li {
float : left;
display : inline;
font-size : 11px;
line-height : 34px;
background : #ffffff;
color : #000000;
border : 1px solid #ddd;
font-weight : bold;
font-size : 11px;
margin : 0 2px 0 0 !important ;
padding : 0 5px !important ;
cursor : pointer;
}
.col2 .mootabs_title li:hover, .col2 .mootabs_title li.active {
border : 1px solid #ddd;
text-decoration : none;
}
.col2 .mootabs_panel {
display : none;
clear : both;
float : left;
height : auto !important ;
}
.col2 .mootabs_panel.active {
display : block;
float : left;
}
.col2 .mootabs_panel {
width : 296px !important ;
padding : 5px !important ;
border : 1px solid #ddd !important ;
margin : 5px 0 0 !important ;
background-color : #ffffff;
min-height : 203px;
}
.list1 li, .list2 li, .list3 li {
padding : 6px 0 6px 25px;
border-bottom : 1px solid #eee;
}
.list1 li a, .list3 li a, .list4 li a, .list5 li a {
color : #666666;
font-size : 12px;
}
.list3 li {
background : url(images/ico-mostcomm.gif) no-repeat left center !important ;
}
.list5 li {
border-bottom : 1px solid #eee;
padding : 6px 0;
}
.ads {
border : 1px solid #ddd;
height : 125px;
width : 308px;
padding : 5px;
margin : 0 0 15px;
}
.ads img {
float : left;
margin : 0 5px 0 0;
}
.ads img.last {
margin : 0;
}
.flickr {
border : 1px solid #ddd;
background-color : #eee;
width : 318px;
margin : 0 0 15px;
}
.flickr h2 {
font-size : 14px;
padding : 5px;
margin-bottom : 10px;
}
.flickr h2 img {
float : right;
margin : 0 2px;
}
.flickr p {
display : inline;
padding-left : 10px;
}
.flickr-ar {
font-size : 12px;
font-weight : normal;
margin : 0;
color : #ffffff;
}
.flickr-ar a {
color : #ffffff;
}
.flickr img {
margin : 0 0 10px 5px;
border : 1px solid #ddd;
padding : 5px;
background-color : #ffffff;
}


/*=== Styling Widget Lists ===*/


.widget h2 {
padding : 5px;
}
.widget ul {
margin : 0 0 10px 0;
padding : 5px 0;
border : none !important ;
}
.widget ul li {
border-bottom : 1px solid #eee;
padding : 5px 0 5px 5px;
margin : 0;
}
.widget ul li a {
color : #000000;
}

/*========= FOOTER =========*/


#footer {
clear : both;
color : #666666;
height : 35px;
line-height : 35px;
margin : 0 15px 15px;
padding : 0 15px;
background-color : #f7f7f7;
border : 1px solid #ddd;
}

/*========= MISC =========*/


.fix {
clear : both;
height : 1px;
margin : 0 0 -1px;
overflow : hidden;
}
.hl {
border-bottom : 2px solid #eee;
}
.hl-full {
float : left;
clear : both;
height : 1px;
width : 100%;
padding : 0 !important ;
margin : 0 0 15px;
}
.hl2 {
border-bottom : 3px solid #c0c0c0;
}
.hl3 {
border-bottom : 1px solid #eee;
}
.blog {
width : 100% !important ;
float : left;
}
.between {
height : 2px;
margin-bottom : 15px;
}
.fl {
float : left;
}
.fr {
float : right;
}
.ac {
text-align : center;
}
.ar {
text-align : right;
}
.th {
border : 1px solid #dddddd;
float : left;
padding : 5px;
background-color : #ffffff;
margin-top : 0;
margin-bottom : 10px;
margin-right : 10px;
}
table#wp-calendar {
border-collapse : collapse;
margin : 0;
padding : 0;
}
table#wp-calendar a {
color : #000000;
}
table#wp-calendar caption {
font-weight : normal;
font-size : 0.91667em;
line-height : 1.72727em;
text-transform : uppercase;
letter-spacing : 2px;
background : #e5e5e5;
border-bottom : 1px dotted #ddd;
}
table#wp-calendar th {
width : 26px;
font-size : 0.91667em;
line-height : 1.72727em;
background : #f2f2f2;
border-bottom : 1px dotted #ddd;
text-align : center;
}
table#wp-calendar td {
width : 26px;
line-height : 1.66667em;
color : #999;
text-align : center;
}
table#wp-calendar td#next, table#wp-calendar td#prev {
width : 78px;
font-size : 0.83333em;
letter-spacing : 1px;
text-transform : uppercase;
}




/*----------------------------------------------------------------------------*/
/*Default Button Colors for multicolor Button ---------------------------------*/
/*----------------------------------------------------------------------------*/
#multicolor-button-div, #multicolor-button-div span {
  background-color:       #000000!important;  
  color:                  #fff!important;  
  width:                  200px;
  text-align:             center;
}


/*----------------------------------------------------------------------------*/
/*Default Styles and Colors for multicolor Button <div> -----------------------------*/
/*----------------------------------------------------------------------------*/
#multicolor-button-div a {
    background:           url('images/multicolor-button.png') no-repeat scroll top right;
    font:                 normal 12px;
    color:                #000;!important;
    text-decoration:      none;
    outline:              none; 
    margin-right:         6px;
    margin-top:           3px;
    padding-right:        15px; 
    height:               27px;
    display:              block;
    float:                left;
}
#multicolor-button-div a span {
    background:           url('images/multicolor-button.png') no-repeat;
    line-height:          17px;
    padding:              5px 0 5px 15px;
    display:              block;
} 


/*MouseOver Style <div>------------------------------------------------------------*/
#multicolor-button-div a:hover {
    background-position:  right -27px;
    color:                #fff!important;

}
#multicolor-button-div a:hover span {
    background-position:  left -27px;
} 

/*MousePressed Style <div> ---------------------------------------------------------*/
#multicolor-button-div a:active {
    background-position:  right -54px;
}
#multicolor-button-div a:active span {
    background-position:  left -54px;
    padding:              6px 0 4px 15px; 
}