/* 

Theme Name: Redmedia 990 Theme
Description: Redmedia 990 Theme
Version: 1.0
Author: Marites Quitoriano (marites@orangefix.net)

This is Redmedia's New Theme.

*/


/* Remove all margin and paddings */

* {
   margin: 0;
   padding: 0;
}

html {
	height: 100%;
	margin-bottom: 10px;
}

body {
	height: 100%;  
        background: #ffffff url(images/body_bg.gif) 0 0 repeat-x;
	font-family: Lucida Sans,Lucida Grande,Lucida Sans Unicode,sans-serif;
	font-size: 70%;
	line-height: 1.5em;
    color: #000;
}


/* Remove all border for images */

a img, img {
    border: none; 
    display: block; 
}


h1 {
font-size: 1.8em;
}


h2 {
font-size: 1.7em;
}


h3 {
font-size: 1.6em;
}

h4 {
font-size: 1.3em;
}

h5 {
font-size: 1.1em;
}

/* Define links color */
a, a:link, a:visited {
color: #F41100;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


/* Classes used */
.post {
padding-right: 20px;
}

.post p {
padding-bottom: 10px;
}

.entry {
padding-top: 8px;
padding-bottom: 5px;
}

.entry ul {
margin-left: 15px;
margin-bottom: 5px;
}

.post_title, .post_title a , .post_title a:link, .post_title a:visited, archive_title {
color: #fff200;
text-decoration: none;
text-transform: none;
font-weight: bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}


.archive_title {
padding-bottom: 10px;
text-transform: uppercase;
}

.post_title a:hover{
color: #fff;
}

/* Hides Text */
.hidetext {
display: none;
}

#accessibility {
display: none;
}

.wrapper {
width: 990px;
margin: 0 auto; 
}



/* Start of Header */
#header{
float: left;
height: 82px;
width: 100%;
background: url(images/header_bg.gif) 0 0 no-repeat; 
}

#logo {
float: left;
position: relative;
top: 24px;
left: 15px;
}

#logo, #logo a {
display: block;
width: 197px;
height: 58px;
}

#logo a {
background: url(images/logo_redmedia.gif) 0 0 no-repeat;
}


/* Start of Navigation */

#nav {
width: 724px;
float: right;
height: 44px;
position: relative;
top: 38px;
}


/* Start of Menu */

#nav ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
}

#nav li {
float: left;
display: block;
width: 133px;
height: 43px;
margin-left: 5px;
}


#nav li a {
float: left;
display: block;
}


#nav_blog a {
background: url(images/nav_blog.gif) top left no-repeat;
height: 43px;
width: 133px;
}

#nav_blog a:hover {
background: url(images/nav_blog.gif) bottom left no-repeat;
}


#nav_events a {
background: url(images/nav_events.gif) top left no-repeat;
height: 43px;
width: 133px;
}

#nav_events a:hover {
background: url(images/nav_events.gif) bottom left no-repeat;
}

#nav_products a {
background: url(images/nav_products.gif) top left no-repeat;
height: 43px;
width: 133px;
}

#nav_products a:hover {
background: url(images/nav_products.gif) bottom left no-repeat;
}

#nav_about a {
background: url(images/nav_about.gif) top left no-repeat;
height: 43px;
width: 133px;
}

#nav_about a:hover {
background: url(images/nav_about.gif) bottom left no-repeat;
}

#subheader {
float: left;
height: 262px;
width: 100%;
background: url(images/subheader_bg.gif) 0 0 no-repeat; 
color: #5e0b00;
}

#feature {
background: #ebebeb;
float: left;
width: 255px;
position: relative; 
top: 30px;
}

#feature .post {
padding: 15px 15px;
}
#feature .post_title a {
color: #5e0b00;
}

#feature .post_title a:hover {
color: #4c4b4b;
}

#feature .more,
#feature .more a   {
width: 67px;
height: 24px;
display: block;
}

#feature .more a {
background: url(images/feature_more.gif) top left no-repeat;
}

#feature .more a:hover {
background: url(images/feature_more.gif) bottom left no-repeat;
}


#slideshow {
float: left;
width: 735px;
height: 230px;
position: relative;
top: 10px;
}

/* Start of Main Content */
#maincontent {
float: left;
width: 100%;
background: #500900 url(images/blog_bg.gif) 0 0 repeat-x; 
color: #fff;
padding-bottom: 10px;
}

#maininner {
float: left;
width: 100%;
padding-bottom: 10px;
background: #e1e1e1;
/* background: #500900 url(images/blog_bg.gif) 0 0 repeat-x; */
margin-top: 15px;
}

#maininner .post_title a {
color: #4c4b4b;
}

#maininner  .post_title a:hover {
color: #5e0b00;
border:none;
}

#maininner .entry {
font-size: 1.07em;
padding-top: 10px;
}

#maininner .entry a {
color: #4c4b4b;
text-decoration: underline;
}

#maininner .entry img {
padding-right: 5px;
}

#maininner .entry a:hover {
color: #5e0b00;
}

#sidebar {
float: left;
width: 250px;
background: #500900;
margin: 15px 10px;
padding-top: 10px;
}

#sidebar .title {
background: url(images/title_latest.gif) 10px 0 no-repeat;
width: 61px;
height: 15px;
padding-bottom: 15px;
}

#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar li {
margin: 2px 5px;
list-style: none;
}

#sidebar li a {
color: #fff200;
display: block;
padding: 5px 5px;
}


#sidebar .odd a:hover, #sidebar .even a:hover{
color: #fff;
background: #5e0b00;
text-decoration: none;
}

#content {
float: left;
width: 720px;
padding-top: 15px;
}

#content .post_title {
color: #4c4b4b;
}

#comments {
width: 75%;
}

#comments textarea {
width: 80%;
}

#comments ul {
margin: 0;
padding: 0;
list-style: none;
}

#comments li {
list-style-type:none;
border-bottom: 1px dashed #000;
}

#comments a {
text-decoration: underline;
}

#comments a:hover {
color: #b89947;
}

#comments .format, #comments .formatformat {
padding: 10px 5px;
}

#comments .format:hover, #comments .formatformat:hover {
background: #CFC2C2;
}

#comments .format {
background: #CFCFCF;
}

#comments p {
padding-top: 5px;
padding-bottom: 5px;
}

#blog {
float: left;
width: 255px;
padding-left: 15px;
}

#blog  h3 {
font-size: 1.25em;
}

#blog .title {
background: url(images/title_blog.gif) 0 20px no-repeat;
width: 56px;
height: 43px;
padding-bottom: 15px;
}

#blog .entry a {
color: #fff;
text-decoration: underline;
}

#blog .entry {
padding-right: 15px;
}

#blog .more a {
color: #fff200;
font-weight: bold;
text-decoration: none;
}

#blog .more a:hover {
text-decoration: underline;
}

#headline {
float: left;
width: 720px;
padding-top: 30px;
}

#headline .entry {
padding-top: 15px;
font-size: 1.07em;
}

#headline img {
float: right;
padding-left: 10px;
}

#headline p {
padding-bottom: 5px;
}

#headline .entry a {
color: #fff;
text-decoration: underline;
}

#headline .entry a:hover {
color: #fff200;
text-decoration: none;
}

#headline .more {
padding-top: 10px;
}

#headline .more, #headline .more a   {
width: 67px;
height: 24px;
display: block;
}

#headline .more a {
background: url(images/headline_more.gif) top left no-repeat;
}

#headline .more a:hover {
background: url(images/headline_more.gif) bottom left no-repeat;
}

#subcontent {
float: left;
background: #e1e1e1;
width: 100%;
}

#products {
width: 480px;
float: left;
padding-left: 15px;
}

#products  .title {
background: url(images/title_products.gif) 0 15px no-repeat;
width: 109px;
height: 38px;
}

#subcontent .post_title a {
color: #4c4b4b;
}

#subcontent .post_title a:hover {
color: #5e0b00;
border:none;
}

#subcontent .more, #content .more {
float: left;
position: relative;
padding: 8px 0;
}

#subcontent .more, #subcontent .more a, #content .more, #content .more a   {
width: 46px;
height: 17px;
display: block;
}

#subcontent .more a, #content .more a {
background: url(images/subcontent_more.gif) top left no-repeat;
}

#subcontent .more a:hover,  #content .more a:hover {
background: url(images/subcontent_more.gif) bottom left no-repeat;
}

#content .more {
margin-bottom: 15px;
}

#products .post img {
padding-bottom: 8px;
}

#products  .post {
width: 220px;
float: left;
padding-top: 12px;
}


#events {
width: 240px;
float: left;
}

#events .title {
background: url(images/title_events.gif) 0 15px no-repeat;
width: 77px;
height: 28px;
padding-top: 20px;
}

#photos {
width: 255px;
float: left;
padding-top: 20px;
}


#photos ul {
padding: 5px 0px 10px 0px;
margin: 0;
list-style: none;
}

#photos li {
float: left;
}


#photos img {
padding: 2px 2px 2px 2px;
text-align: center;
margin: 0 2px 4px 2px;
border:  #4c4b4b 1px solid; 
}

#photos a:hover img {
border:  #AC282C 3px solid; 
padding: 0;
}

/* Start of Footer */
#footer {
clear: both;
height: 82px;
background: #450800;
width: 100%;
color: #FFFFFF;
}

#footer a {
text-decoration: none;
color: #fff200;
}

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

#footer p {
padding: 25px 10px 0 10px;
text-align: center;
}

.stripViewer .panelContainer 
.panel ul	 {						
text-align: left; margin: 0 15px 0 30px; 
}
.stripViewer { 
position: relative; overflow: hidden; width: 735px; height: 238px; 
}

.stripViewer .panelContainer	{ 
position: relative; left: 0; top: 0; 
}

.stripViewer .panelContainer .panel { 
float: left; height: 100%; position: relative; width: 735px; }
.stripNav, .stripNavL, .stripNavR {  
display:none;
}
.nav-thumb { 
border: 1px solid black; margin-right: 5px; 
}

#movers-row { margin: -43px 0 0 62px; }
#movers-row div	{ width: 20%; float: left; }
#movers-row div a.cross-link { float: right; }
.photo-meta-data { 
background: url(images/transpBlack.png); 
padding: 10px; 
height: 50px; 
margin-top: -114px; 
position: relative; 
z-index: 9999; 
color: white; 
}

.photo-meta-data span { font-size: 11px;  }
.cross-link { 
display: block; 
width: 62px; 
margin-top: -59px; 
position: relative; 
padding-top: 15px; 
z-index: 9999; }

.active-thumb { 
background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; 
}

.clear {
clear: both;
}