/* 

Theme Name: talentsinC

Description: talentsinC theme

Version: 1.0

Author: Marites L. Quitoriano (marites@orangefix.net)

Author URI: http://www.orangefix.net/



*/


/* Remove all margin and paddings */

* {
   margin: 0;
   padding: 0;
}

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

body {
margin: auto;
padding: 0;
width: 100%;
height: auto; 
background: #FFFFFF url(images/body_bg.gif) repeat-x; 
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1.5em;
color: #000000;
}

/* Remove all border for images */


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


#menu ul, #menu li {
    list-style-type:none;
}


h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.4em;
color: #F41100;
}

h3 {
font-size: 1.2em;
}

h4 {
font-size: 1em;
}



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

}

a:hover {
background: #CE000D;
color: #FFFFFF;
text-decoration: none;
}



/* Classes used */

.post {
padding-right: 30px;
padding-left: 25px;
padding-top: 30px;
}

.post h1 {
color: #CE000D;
}

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

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

}

.pagetitle {
padding-top: 80px;
padding-left: 25px;
text-transform: uppercase;
color: #CE000D;
}

.postmetadata {
padding-left: 25px;
}


/* Hides Text */

.hidetext {
display: none;
}


#accessibility {
display: none;
}

#wrapper {
width: 980px;
margin: 0 auto; padding: 0;
height:auto;
}



/* Start of Header */
#header{
height: 350px;
width: 100%;
background: url(images/header.jpg) bottom left no-repeat; 
}


#menu {
width: 100%;
height: 42px;
background: url(images/menu_bg.gif) top right no-repeat; 
}

#tagline {
float: left;
position: relative;
left: 10px;
background: url(images/tagline.gif) top left no-repeat; 
width: 356px;
height: 42px;
}

#nav {
float: left;
width: 340px;
padding-right: 20px;
background: #000000;
height: 42px;
}

#nav, #nav li {
margin:0;
padding:0;
height: 41px;
}

#nav ul {
float: right;
}


#nav li {
float:left;
text-align: center; 

}

#nav a {
float:left;
display: block;
height: 41px;
}

#nav_home a {
width: 66px;
background: transparent url(images/nav_home.gif) top left no-repeat;
}


#nav_home a:hover {
width: 66px;
background: transparent url(images/nav_home.gif) bottom left no-repeat;
}

#nav_whatstalentsinc a {
width: 199px;
background: transparent url(images/nav_whatstalentsinc.gif) top left no-repeat;
}


#nav_whatstalentsinc a:hover {
width: 199px;
background: transparent url(images/nav_whatstalentsinc.gif) bottom left no-repeat;
}


/* Start of Main Content */

#maincontent {
float: left;
position: relative;
left: 40px;
width: 940px;
height: 100%;
background: url(images/maincontent_bg.gif) top left repeat-y;
}

/* Start of Left Content */
#leftcontent {
float: left;
width: 650px;
height: 100%;
padding-bottom: 210px;
background: #FFFFFF url(images/leftcontent_bg.gif) top left no-repeat;
}

#leftcontent h1 a:hover {
background: #CE000D;
color: #FFFFFF;
text-decoration: none;
}

#leftcontent .content {
padding-bottom: 10px;
}

#leftcontent .post ul, #leftcontent .post ul li  {
width: 95%;
list-style-type: disc;
list-style-position: inside;
}

#leftcontent .post ol, #leftcontent .post ol li  {
width: 95%;
list-style-type: decimal;
list-style-position: inside;
}

#leftcontent .post li {
margin-left: 25px;
width: 95%;

}

#leftcontent .post img {
padding-right: 10px;
}



.stretcher {
height: 0px;
overflow: hidden;
margin:0 auto;
}

.stretcher p {
padding: 60px 15px 0px 25px;
font-size: 1.6em;
line-height: 1.2em;
}

.stretcher .readmore {
font-size:.9em;
}

.toggle {
cursor: pointer;
}


#blam {
float: left;
position: relative;
z-index: 10;
top: 40px;
left: -18px;
background: url(images/title_blam.gif) top left no-repeat;
}

#blam .content {
padding-top: 140px;
padding-left: 20px;
}

.blog {
width: 44%;
float: left;
height: auto;
margin-left: 20px;
background: #E5FE98;
padding-bottom: 10px;
line-height: 1.4em;
}

.blog h1 {
padding-top: 25px;
padding-left: 10px;
color: #CE000D;
font-size: 1.8em;
}

.blog .post, .blog .simplepie {
padding-right: 5px;
padding-left: 10px;
}

.blog .simplepie {
padding-top: 30px;
}

.blog .simplepie li {
padding-bottom: 15px;
}


.photo_julius {
position: relative;
top: -80px;
margin-bottom: -110px;
left: 195px;
width: 94px;
height: 119px;
background:  url(images/julius_fabregas_pix.png) top left no-repeat;

}
.photo_jourdan {
position: relative;
margin-bottom: -110px;
top: -80px;
left: 192px;
width: 94px;
height: 119px;
background:  url(images/jourdan_sebastian_pix.png) top left no-repeat;
}


#whatnow {
float: left;
position: relative;
z-index: 10;
top: 50px;
left: -18px;
background: url(images/title_whatnow.gif) top left no-repeat;
}

#whatnow .content {
padding-top: 80px;
padding-left: 20px;
}

#photopool {
float: left;
position: relative;
z-index: 10;
top: 30px;
left: -18px;
background: url(images/title_photopool.gif) top left no-repeat;
}

#photopool .content {
padding-top: 100px;
padding-left: 20px;
}

/* Start of Gallery */
#gallery {
float: left;
width: 80%;
margin-top: 4px;
margin-bottom: 8px; 
margin-left: 35px;
height: 230px;
}


#gallery ul {
padding-left: 12px;
padding-top: 12px;
}

#gallery li {
float: left;
list-style-type:none;
}

#gallery li a {
display: block;
width: 75px;
height: 75px;
padding: 3px 3px 3px 3px;
margin: 0 5px 5px 5px;
text-align: center;
background: #FFFFFF;
border: #D4D6DB 1px solid;
}

#gallery li a:hover   {
border: #CC2229 4px solid; 
padding: 0;
background: #FFFFFF;
width: 75px;
height: 75px;
}

#gallery .morephotos {
float: left;
width: 100%;
}


/* Comments */
#comments {
width: 75%;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 20px;
}

#comments ul, #comments li {
list-style-type: none;
}

#comments li {
padding: 5px 0px;
}

#comments .author {
font-weight: bold;
}

#comments .formatformat {
background: #FCE1E0;
}

#comments textarea {
width: 80%;
}

/* Image Title */
#title {
float: left;
width: 100%;
position: relative;
z-index: 10;
top: 40px;
margin-bottom: 60px;
left: -18px;
}

/* Start of Right Content */

#rightcontent {
float: left;
margin-left: -18px;
padding-bottom: 290px;
width: 300px;
height: 100%;
background: url(images/rightcontent_bg.gif) 0 0 repeat-y;
}


#sidebar {
width: 282px;
padding-left: 17px;
}

#watchvideo {
float: left;
position: relative;
left: 1px;
background: url(images/title_watchvideo.gif) top left no-repeat;
width: 290px;
height: 200px;
}


#watchvideo .content {
margin-top: 30px;
margin-left: 40px;
padding-bottom: 20px;
width: 163px;
background: #66CCFF;
padding-left:8px;
padding-top: 15px;
}



#watchout {
float: left;
width: 166px;
position: relative;
left: 46px;
background: #FFFF00 url(images/title_watchout.gif) top right no-repeat;
}


#watchout .simplepie {
padding-top: 10px;
padding-left: 5px;
line-height: 1.3em;
}

.simplepie ol, .simplepie li {
list-style-type: none;
}

.simplepie h3 {

}

.simplepie li {
padding-top: 5px;
padding-bottom: 5px;
}

#watchout .content {
padding-top: 30px;
padding-bottom: 40px;
}

#spotlight {
float: left;
position: relative;
top: -35px;
left: 1px;
z-index: 10;
height: 201px;
width: 290px;
background: transparent url(images/spotlight.gif) top right no-repeat;
}

#radio {
float: left;
position: relative;
margin-top: -35px;
margin-left: -45px;
z-index: 10;
width: 321px;
height: 242px;
background: url(images/radio.gif) top right no-repeat;
}

#links {
float: left;
width: 166px;
position: relative;
left: 46px;
top: 30px;
}

#links a:hover {
background: none;
}

#links .content {
padding-top: 20px;
}

.twitter {
margin-left: 30px;
}

.virb { 
margin-left: 8px;
}

.tumblr { 
margin-left: 6px;
}

.aktt_tweets {
float: left;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
height: auto;
color: #FFFFFF;
background: #0028D6;
}

.aktt_tweets ul, .akett_tweets li {
 list-style-type:none;
}



/* Start of Footer */
#footer {
clear: both;
height: 60px;
background: url(images/footer.gif) left top no-repeat;
width: 970px;
margin-left: 10px;
}


#talentsinclink {
float: left;
color: #FFFFFF;
height: 18px;
width: 850px;
background: #000000;
margin-left:30px;
padding: 12px 0 13px 0px;
}

#acknowledgement {
position: relative;
top: -157px;
z-index: 30;
float: right;
height: 200px;
width: 290px;
background: url(images/sidebar_bottom.gif) left top no-repeat;
}

#footer a, #footer a:hover {
color: #FFFFFF;
text-decoration: none;
}