/*
Theme Name: Flash News
Theme URI: http://www.premiumnewstheme.com/
Description: Flash News is a feature-rich theme for magazine- / news-type blogs created by Adii Freelancer and designed by Magnus Jepson. Modified by LeftLane Designs.
Version: 1.1
Author: Adii Freelancer & Magnus Jepson
Author URI: http://www.adii.co.za/
*/
/*=== Setup ===*/
* {
border: 0;
margin: 0;
padding: 0
}
body {
background: #eae9e1 url(images/bgr.gif) repeat-x top;
color: #333333;
font: 12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
margin: 0 auto;
}
a {
color: #054361;
text-decoration: none;
outline: 0;
}
a:hover {
text-decoration: underline
}
input,select,textarea {
border: #cacaca 1px solid;
font-size: 11px;
padding: 2px;
}
select {
padding: 0
}
li {
list-style: none
}
/*=== Layout ===*/
#page {
position: relative;
margin: 0;
background: url(images/shadow.png) repeat-y;
}
#top {
clear: both;
height: 5px;
margin: 0 auto;
padding: 0 0 5px;
width: 910px;
}
#wrapper {
width: 999px;
margin: 10px auto;
padding-top: 10px;
background: url(images/shadow_top1.png) no-repeat;
}
#wrapper_in {
padding-bottom: 35px;
/* see ie6 css */
background: url(images/shadow_btm.png) no-repeat 0 100%;
}
#wrap_in {
width: 993px;
margin: 0 3px;
background: #fff;
}
#footer {
clear: both;
height: 8px;
margin: 0 auto;
padding: 0 0 5px;
width: 910px;
}
#page-bot {
/*background: url(images/page-bot.gif) no-repeat top;*/
height: 20px;
overflow: hidden;
}
/*========= NAVIGATION LISTS =========*/
.capsule {
float: right;
display: block;
width: 420px;
padding: 6px 20px 5px 0;
text-align:right;
}
/*=== Nav1 ===*/
.nav1 {
float: right;
}
.nav1 li {
float: left;
height: 24px;
}
.nav1 li a {
color: #008CCE;
display: block;
height: 24px;
text-align: center;
font-weight: bold;
}
.capsule .nav1 li.active a, .capsule .nav1 li a:hover, .capsule .nav1 li.current_page_item a {
color: #054361;
text-decoration: none;
}
.nav1 {
list-style: none;
margin: 5px;
padding: 0px;
}
.nav1 li {
padding: 0px;
margin: 0px;
display: inline;
line-height: 14px;
}
.nav1 li a {
padding: 0px 0px 0px 15px;
float: left;
}
.nav1 li a span {
padding: 4px 9px 9px 0px;
display: block;
float: right;
color: #086592;
}
.nav1 li a span {
float: none;
}
.nav1 li a:hover span {
}
.nav1 li a:hover , li.current_page_item a {
background-position: 0% -27px;
text-decoration: none;
}
.nav1 li a:hover span , li.current_page_item a span {
background-position: 100% -27px;
}
/*=== Nav2 Dropdowns ===*/
#nav, #nav ul {
padding: 0;
margin: 0;
float: left;
list-style: none;
}
#nav {
padding: 0 0 0 25px;
width: 950px;
}
#nav a {
display: block;
}
#nav li {
float: left;
line-height: 48px;
}
/*#nav li a:hover {
background: none;
}*/
#nav li ul {
position: absolute;
width: 15em;
left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
z-index: 1000;
}
#nav li ul li {
width: 15em;
border: 1px solid #e5e4de;
}
/*=== Top Menu ===*/
#topmenu {
background: url(images/nav_bkgrd.png) no-repeat;
height: 48px;
margin: 12px 7px 20px !important;
}
#topmenu ul {
width: 979px;
margin: 0 auto;
padding: 0 0 0 8px;
list-style-type: none;
}
#topmenu #nav li {
float: left;
line-height: 48px;
padding: 0;
display: inline;
}
#topmenu #nav li a {
color: #ffffff;
margin: 0;
padding: 0 12px 0 12px;
font-size: 13px;
font-weight: bold;
line-height: 44px;
text-transform: uppercase;
height: 43px;
float: left;
background: url(images/nav_sep.png) repeat-x left top;
}
#topmenu #nav li a:hover, #topmenu li a:active {
color: #ffffff;
text-decoration: none;
}
#topmenu #nav li a:hover {
background-position: 0 -43px;
}
#topmenu #nav li a:active {
background-position: 0 -86px;
}
#topmenu #nav li.first {
background: none;
padding: 0;
}
#topmenu #nav li.first a {
width: 42px;
background: url(images/nav_house.png) no-repeat 0 0;
text-indent: -3000px;
padding: 0;
}
#topmenu #nav li.first a:hover {
background-position: 0 -43px;
}
#topmenu #nav li.first a:active {
background-position: 0 -86px;
}
/*=== Header ===*/
#header {
/*background: url(images/header-bgr.gif) no-repeat top;*/
height: 128px;
}
#header .spacer {
/*background: url(images/search_bkgrd.png) repeat-x left top;*/
color: #a0a09b;
float: right;
font-size: 11px;
padding: 0;
margin-right: 14px;
text-align: right;
width: 410px;
}
#header .spacer p {
clear: both;
margin: 0;
padding: 0;
}
/*=== Logo ===*/
#header h1 {
margin-top: 24px;
margin-bottom: 5px;
margin-left: 50px;
background: url(images/logo-friends.gif) no-repeat;
float: left;
text-indent: -9999px
}
#header h1 a {
display: block;
height: 120px;
width: 490px;
}
#header h1 a:hover {
text-decoration: none;
}
/*=== Search ===*/
#form_search {
background: url(images/search_cap_lt.png) no-repeat left top;
height: 64px;
}
#search {
background: url(images/search_cap_rt.png) no-repeat right top;
height: 64px;
color: white;
font-weight: bold;
font-size: 12px;
}
#searchpieces {
text-align: left;
padding: 8px 0px 0px 18px;
margin-right: 10px;
float: left;
}
#search input#edit-terms {
border: 1px solid #4f92b2;
width: 280px;
height: 16px;
font-size: 12px;
line-height: 16px;
margin: 0 0 0 4px;
padding: 1px 1px 1px 4px;
color: #222222;
}
#search input.btn {
border: 0;
padding: 0;
margin: 0 3px 0px 0px;
height: 21px;
width: 27px;
position: relative;
top: 7px;
left: 2px;
}
#search .form-item {
display: inline;
}
#search .form-radio {
display: none;
}
#search .option {
font-size: 0.91em;
font-weight: bold;
color: #b9e6ff;
margin: 0 0 0 5px; padding: 0 8px 0 0;
border-right: 1px solid;
}
#search .option:hover,
#search #searchpieces .form-item.selected .option {
color: #fff;
border-right: 1px solid #b9e6ff;
}
.option radio checked {
color: #fff;
border-right: 1px solid #b9e6ff;
}
#search .form-select {
font-size: 11px;
font-weight: bold;
color: #086592;
}
#search .text { font-size: 15px;
font-weight: bold;
color: #fff;
}
/*=== Social Bookmarks ===*/
#bookmarks {
display: block;
float: right;
margin: 6px 30px 0 0;
}
#bookmarks a img {
outline: 0;
margin-right: 10px;
}
/*=== Columns ===*/
#columns {
margin: 0 auto;
width: 900px;
}
#columns h2 {
font: 1.5em Arial, Georgia, "Times New Roman", Times, serif;
font-weight: bold;
margin: 0 0 6px;
text-transform: uppercase;
}
#columns .post h2 {
font: 1.3 em;
text-transform: none;
}
#columns h3, #columns h4, #columns h5 {
color: #666666;
font-size: 12px;
font-weight: normal;
margin: 0 0 5px;
}
#columns h3 {
font-weight: bold;
text-transform: uppercase;
}
#columns #rightcol h3, #columns h5 {
background: url(styles/lightblue/ico-star.gif) no-repeat left;
height: 16px;
margin: 0 0 10px;
padding: 0 0 0 17px;
}
#centercol h3 {
margin: 0 0 15px;
}
/*--- Center Column ---*/
#centercol {
float: left;
padding: 0 0 20px 15px;
width: 590px;
}
#centercol p, .box p {
line-height: 22px;
padding: 0 0 10px;
}
/*--- Right Column ---*/
#rightcol {
float: right;
width: 250px;
}
/*--- Sub Columns ---*/
.col1 {
float: left;
width: 269px;
}
.col2 {
float: left;
margin: 0 0 0 0;
padding: 0 5px 0 15px;
width: 205px;
}
.col3 {
border-left: 1px solid #f2f1e9;
float: left;
margin: 0 0 0 10px !important;
width: 150px;
padding: 0 0 0 10px !important;
display: inline;
}
.col4 {
float: left;
width: 310px;
margin: 0;
}
.col5 {
float: left;
margin: 0 0 0 15px;
width: 495px;
}
.featureditem {
height: 220px;
display: none;
margin-left: 30px !important;
margin-left: 0;
background: #f8f8f4 !important;
height: 100%;
width: 95%;
}
/*- SideTabs -*/
.idTabs {
font-size: 12px;
}
.idTabs li {
}
.idTabs li a {
display: block;
margin: 0 5px 0 0;
text-align: left;
}
.idTabs li.last a {
margin: 0
}
.idTabs li a:hover,
.idTabs .selected {
color: #FF7800;
text-decoration: none
}
/*=== Post ===*/
#featcarousel {
list-style: none !important;
float: left;
display: inline;
}
.date-comments {
border-bottom: 1px solid #cacaca;
color: #777777;
font-size: 11px;
height: 25px;
line-height: 25px;
margin: 0 0 10px;
}
#centercol .date-comments p {
line-height: 25px;
}
.continue-tags {
background: url(images/grad.gif) repeat-x top;
clear: both;
height: 29px;
line-height: 29px;
margin: 2px 0 15px;
padding: 4px 10px;
}
#centercol .continue-tags p {
}
span.comments {
background: url(images/ico-comments.gif) no-repeat left;
padding: 0 0 0 20px;
}
span.tags {
background: url(images/ico-tags.gif) no-repeat left;
padding: 1px 0 0 20px;
}
a.more {
background: url(images/ico-arrow.gif) no-repeat left;
color: #777777;
font-size: 11px;
padding: 1px 0 0 20px;
}
/*=== Styling Boxes ===*/
/*- Box -*/
.box {
/*background: url(images/box-bgr.gif) repeat-y;*/
margin: 0 0 20px;
width: 900px;
}
.boxbottom {
margin: 0;
}
.box .top,
.box .bot {
/*background: url(images/box-top.gif) no-repeat top;*/
clear: both;
height: 20px;
overflow: hidden;
}
.box .bot {
/*background: url(images/box-bot.gif) no-repeat top;*/
}
.box .spacer {
height: 1%;
padding: 0 10px;
}
/*- Box2 -*/
.box2 {
background: url(images/box2-bgr_fr.gif) repeat-y;
margin: 0 0 15px;
width: 250px;
}
.box2 .top,
.box2 .bot {
background: url(images/box2-top_fr.gif) no-repeat top;
clear: both;
height: 18px;
overflow: hidden;
}
.box2 .bot {
background: url(images/box2-bot_fr.gif) no-repeat top;
height: 10px;
}
.box2 .nav1 {
float: none;
padding: 0 0 0 20px;
}
.box2 .spacer {
height: 1%;
padding: 0 10px;
}
.box2 .spacer.white {
background: #ffffff;
border: 1px solid #f1f1ed;
clear: both;
margin: 0 10px;
padding: 15px 15px 10px 15px;
}
.box2 .spacer.flickr img {
background: #ffffff;
border: 1px solid #f1f1ed;
margin: 0 9px 5px 7px;
padding: 8px;
}
/*- Font Selection -*/
#fonts {
background: transparent url(images/ico-fonts.png) no-repeat left;
float: right;
text-align: right;
width: 45px;
}
#fonts a {
color: #878787;
}
#fonts a:hover, #fonts a.active {
color: #ff7800;
text-decoration: none;
}
/*- Ads -*/
.ads {
height: 125px;
margin: 0 0 10px 4px;
}
.ads img {
float: left;
margin: 0 10px 10px 0;
}
.ads img.last {
margin: 0;
float: right;
}
/*=== Styling Lists ===*/
/*- Headline List -*/
.headlines {
margin: 0 0 10px;
}
.headlines em {
font-size: 11px;
font-style: normal;
}
.headlines dl {
border-bottom: 1px solid #cacaca;
height: 30px;
line-height: 30px;
}
.headlines dt {
float: left;
width: 420px;
}
.headlines dt a {
color: #ff7800;
font-weight: bold;
}
.headlines dd {
float: right;
font-size: 11px;
text-align: right;
}
/*- List1 -*/
.list1 {
padding: 0 0 0 5px;
}
.list1 li {
background: url(images/ico-star.gif) no-repeat left;
margin: 0 0 10px;
padding: 0 0 0 25px;
}
.list1 li a {
}
/*- List2 -*/
.list2 {
clear: both;
}
.list2 li {
background: #ffffff;
border: 1px solid #f1f1ed;
margin: 0 0 5px;
padding: 12px 10px;
}
/*- List3 -*/
.list3 {
padding: 0 0 0 5px;
}
.list3 li {
background: url(images/ico-list.gif) no-repeat left;
border-bottom: 1px solid #f1f1ed;
line-height: 25px;
padding: 0 0 0 25px;
}
/*=== Footer ===*/
#footer {
font-size: 11px;
padding: 10px 0 10px;
}
#footer, #footer a {
color: #acacac;
}
/*=== Misc. ===*/
.fix {
clear: both;
height: 1px;
margin: 0 0 -1px;
overflow: hidden;
}
.fl {
float: left;
}
img.fl {
margin: 0 12px 5px 0;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
}
.gravatar {
float: left;
border: 1px solid #000;
margin-right: 10px;
}
/*========= VIDEO =========*/
.video {
float: left;
height: 220px;
margin: 0 0px 0 5px;
width: 270px;
display: inline;
}
/*========= COMMENTS =========*/
h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color: #333 !important;
border-top: 1px solid #cacaca;
padding-top: 13px;
}
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: #F8F8F4;
border: 1px solid #F2F1E9;
}
input#submit {
border: 0px;
}
/*========= SINGLE POST SPECIFIC =========*/
.singletags {
margin-top: 5px;
font-weight: bold;
color: #C0C0C0;
}
.singleh2 {
font-size: 1.8em !important;
padding-top: 5px;
}
.entry {
margin-bottom: 5px;
}
.entry p {
text-align: left;
font-size: 14px;
line-height: 20px !important;
}
.entry p a img {
margin: 2px 10px 10px 2px;
}
.entry blockquote {
padding: 0px 10px;
border-left: 2px solid #777777;
margin: 5px auto 15px auto;
width: 85%;
color: #777777;
font-style: italic;
}
.entry blockquote p {
font-size: 12px;
padding: 5px 0px;
margin: 5px 0px;
line-height: 20px;
}
.entry img {
padding: 2px 2px 2px 2px;
background: #F8F8F4;
border: solid 1px #e6e6e6;
}
.entry ul, .entry ol {
margin-bottom: 15px;
font-size: 14px;
line-height: 20px;
}
.entry ul li ul, .entry ol li ol {
margin-bottom: 0px;
padding-top: 3px;
}
.entry ul li {
list-style: circle inside !important;
margin-left: 15px;
padding: 3px 0px;
}
.entry ul li ul li {
list-style: disc inside !important;
}
.entry ol li {
list-style: decimal inside !important;
font-size: 12px;
padding: 3px 0px;
}
.entry ol li ol li {
list-style: decimal-leading-zero inside !important;
}
s
/*========= ARCHIVE SPECIFIC =========*/
#archivebox {
background: #EEE;
padding: 10px;
width: 455px;
margin-bottom: 25px;
}
#archivebox h2 {
font-size: 1.5em;
color: #000;
}
#archivebox h2 em {
color: #C0C0C0 !important;
font-style: normal;
}
.archivefeed {
margin-top: 5px;
}
.archivefeed a {
background: url(images/ico-arcfeed.gif) center left no-repeat;
padding-left: 20px;
color: #000;
font-weight: bold;
}
.arclist {
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
margin: 10px 0 15px;
padding: 10px 0 10px;
width: 230px;
}
.arclist h2 {
font-size: 1.5em !important;
padding: 0 0 10px 0 !important;
}
.arclist ul li {
padding: 0 0 7px 10px;
color: #c0c0c0;
font-size: 14px;
font-weight: bold;
}
/*=== Page Navigation (Next / Previous Posts) ===*/
.navigation {
}
.navigation a {
color: #c0c0c0;
font-size: 1.2em;
font-weight: bold;
}
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter, div.aligncenter, div.entry .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/*Forms*/
.cform input:hover, .cform textarea:hover, .cform select:hover {background:none repeat scroll 0%;
}
.cform textarea, .cform input {width:200px;
}
#donatebox {
display: block;
float: right;
clear: right;
margin: -42px 20px 0 0;
}
#contact {
/*clear: right;
display: block;*/
float: right;
margin: -15px 200px 0pt 0pt;
}