/*

Theme Name: Unitel Finale XP
Theme URI: http://rannielaraw.com/
Description: The default without Orange Bar.
Version: 1.8
Author: Ranniel Araw
Author URI: http://rannielaraw.com/
Tags: orange, custom header, fixed width, two columns, widgets


	u v1.8


*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font: 62.5%/1.2em arial,sans-serif; background-color: #333; color: #333; text-align: center; }
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; }
h2 { font-size: 1.6em; line-height: 1.8em; }
h3 { font-size: 1.3em; line-height: 1.4em; }
a { color: #2c2c2c; }
a:hover { color: #FA841A; }
a img { border: none; }
ul, ol { list-style: none; }
.clear { clear: both; }
.center { text-align: center; }
hr { display: none; }
.hidden { display: none; }

p { margin: 0px 0px 10px; padding: 0px; }

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 0; }
ul.tabs li a { float: left; display: block; }
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

#page { width: 960px; margin: 25px auto 0px; padding: 0; display: block; background: #fff url(images/bg-h.png) repeat-y center; text-align: left; }

#header { padding: 0px; margin: 0; z-index: 101; position:absolute; width: 960px; }
  #header ul { margin: 10px 0px 0px 200px; padding:0; color:#000; list-style:none; }
  #header .tabs li { margin:0px 8px 0px 0px; }
  #header .tabs a { padding: 0px 15px 2px; text-decoration:none; text-transform:uppercase; font: 10px Arial, Helvetica, sans-serif; }
  #header .tabs li:hover, #header .tabs li a:hover, #header .tabs li.over  { color:#000000; background: url(images/bar_orange.png) no-repeat bottom; }

  .headerhome { background: transparent url(images/head.png) no-repeat center top; }

  #headerimg { padding: 0px; margin: 0px; visibility: hidden; height: 40px; }

  #header .sitelogo { width: 120px; height: 35px; margin: 0px 0px 0px 40px; float:left; }
  #header .sitelogo a { display: block; background: transparent url(images/ulogo.png) no-repeat; width: 120px; height: 35px;  }

.hundred { display:block; height: 100px; }
.orange_bar { display:block; width:100%; height:1px; margin: 0px; background: url(images/footer_bar.png) no-repeat center; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.8em; }

/* ----------------------------------- home */
.home { width: 960px; padding: 0px; margin: -57px auto 0px; background: #fff url(images/bg-full.png) repeat-x bottom; }
  .home .main-post-bg { background: transparent url(images/bg-h.png) repeat-y center; display: block; height: 455px; position: relative; margin: 0; overflow: hidden; padding: 0px; }
  .home .main-post-bg .title-news { text-transform: uppercase; color: #FEFEFE; background: url(images/fade.png) no-repeat; top: 317px; display: block; left: 180px; position: absolute; width: 246px; height: 32px; z-index: 101; margin:0px; padding: 0px; }
  .home .main-post-bg .title-news .title-category { margin: 0px 5px 0px 10px; padding: 4px 0px 0px; } 
  .home .main-post-bg .title-news .title-category a { text-decoration:none; font: 26px Tahoma, Helvetica, Arial, Verdana; color:#CFCCC6; } 
  .home .main-post-bg .title-news .title-category a:hover { text-decoration:none; color: #f47a0e; } 
  .home .main-post-bg .title-news .title-date { font: 10px Arial; margin: 5px 0px 0px; }

  .home .main-post-bg .title-content { z-index: 101; top: 350px; display: block; left: 180px; position: absolute; margin: 0px; padding: 0px; width: 560px;}
  .home .main-post-bg .title-content .title-title { z-index: 102; position:absolute; bottom:20px; right:0px; }
  .home .main-post-bg .title-content .title-title h2 { text-align:right; width: 270px; color: #fff; font: 40px/35px "Arial Narrow", Arial, Tahoma; }
  .home .main-post-bg .title-content .title-excerpt { width: 330px; background: #000; padding: 10px 220px 10px 10px; margin: 0px; filter: alpha(opacity=60); -moz-opacity: .60; opacity:.60; }
  .home .main-post-bg .title-content .title-excerpt p { font: 10px Verdana; color: #fff; padding:0px; margin:0px; }
  .home .main-post-bg .title-content .title-readmore { background: #CC6600; border: 1px solid #ce6100; width: 7.5em; height: 15px; margin: 0px 10px 0px 0px; }    
  .home .main-post-bg .title-content .title-readmore a { font: 10px/15px Helvetica,Arial,"Lucida Grande", Verdana, sans-serif; color: #eee !important; display: block; text-decoration: none; text-align: center; text-transform: uppercase; } 
  .home .main-post-bg .title-content .title-readmore a:hover { text-decoration: none; background: #f47a0e;}

  .recent-leads { height: 100px; padding: 0px 0px 0px 125px; margin: 0px; }
  .recent-leads .secondary-post-bg { display: block; width: 170px; margin: 10px 5px 10px 0px; position: relative; padding:0px; }
  .recent-leads .secondary-post-bg .secondary-post-bg_in { margin:0px; padding:0px; overflow: hidden; height: 78px; border: 1px solid #333; }
  .recent-leads .secondary-post-bg .secondary-post-bg_in img { margin:-15px 0px 0px; padding:0px; }

  .recent-leads .secondary-post-bg .title-movie { height: 20px; top: 30px; display: block; right: 10px; position: absolute; z-index: 101; padding: 0; margin: 0; }
  .recent-leads .secondary-post-bg .title-movie h3 { text-transform:uppercase; font: 15px/20px "Arial Narrow", Arial, Helvetica, sans-serif; }
  .recent-leads .secondary-post-bg .title-movie h3 a { color: #FE9A00; text-decoration: none; }
  .recent-leads .secondary-post-bg .title-movie h3 a:hover { color: #fff; }

  .recent-leads .secondary-post-bg .title-desc { text-align: right; color: #FFFFFF; top: 50px; display: block; right: 10px; position: absolute; z-index: 101; }
  .recent-leads .secondary-post-bg .title-gallery { text-align:right; font: 11px/11px "Arial Narrow", Arial; text-transform: uppercase; color: #fff; letter-spacing:0.1em; position: absolute; top: 5px; z-index: 102; right: 10px; width: 85px; }

  .recent-leads .secondary-post-bg .title-svc { font: 11px/11px "Arial Narrow", Arial; color: #fff; letter-spacing:0.1em; text-transform:uppercase; top: 5px; display: block; left: 10px; position: absolute; z-index: 101; padding: 0; }
  .recent-leads .secondary-post-bg .title-svc h3 { margin: 0px;  }
  .recent-leads .secondary-post-bg .title-svc h3 a { }
  .recent-leads .secondary-post-bg .title-svc h3 a:hover { }

  .recent-leads .secondary-post-bg .title-svc-list { top: 15px; right: 5px; position: absolute; z-index: 101; padding: 0; margin: 0; text-align:right; }
  .recent-leads .secondary-post-bg .title-svc-list ul li { font: 10px/10px Arial, Verdana, Tahoma; letter-spacing: 1px; }
  .recent-leads .secondary-post-bg .title-svc-list ul li a { text-decoration: none; color: #FE9A00; }

  .recent-leads .secondary-post-bg .title-svc-list ul li a:hover { color: #fff; text-decoration: none; }

  .recent-leads .secondary-post-bg .title-contact-top { position: absolute; top: 5px; left:10px; z-index: 102; width: 100%; text-align:left; font: 11px/11px "Arial Narrow", Arial; color: #fff; letter-spacing:0.1em; text-transform: uppercase; color: #fff; }
  .recent-leads .secondary-post-bg .title-contact-mid { position: absolute; top: 24px; z-index: 102; width: 100%; text-align:center; font: 10px/10px Arial; color: #FFFFFF; }
  .recent-leads .secondary-post-bg .title-contact { position: absolute; top: 55px; left: 40px; z-index: 102; background: #CC6600; border: 1px solid #ce6100; }
  .recent-leads .secondary-post-bg .title-contact a { font: 10px/15px Helvetica,Arial,"Lucida Grande",Verdana,sans-serif; color: #eee !important; display: block; height: 15px; width: 90px; text-decoration: none; text-align: center; text-transform: uppercase; }
  .recent-leads .secondary-post-bg .title-contact a:hover { background: #f47a0e;}



/* ----------------------------------- page */
div[class] .post, div[class] .main-page-con { height:auto; }
.post { min-height:125px; height:125px; }
.main-page-con { min-height:421px; height:421px; }



/* ----------------------------------- main */
.main { width: 960px; margin: 0px; padding:0px 0px 50px; }

.main .main-page { width: 700px; margin:0px; padding:0px 0px 0px 30px; }
  .main .main-page .main-page-con { margin:0; padding: 0px; width: 700px; display: block; position:relative; }
  .main .main-page .tabs { padding: 0px 0px 0px 40px; }
  .main .main-page .tabs li { text-transform:uppercase; font: 10px/27px Helvetica, Tahoma, Verdana;  margin-right: 3px; }
  .main .main-page .tabs a { padding: 0px 15px; background: url(images/sub_tab_off.gif) repeat-x; color: #333; text-decoration: none; }
  .main .main-page .tabs a:hover { color:#000; background: url(images/sub_tab_on.gif) repeat-x; }
  .main .main-page .tabs .current-cat a, .main .main-page .tabs .current_page_item a { color: #000; background: url(images/sub_tab_on.gif) repeat-x; text-decoration:none; }

  .main .main-page .post { margin:0px; padding: 20px; }
  .main .main-page .post h2 { padding:5px 0px 0px; margin:0px; text-transform:uppercase; }
  .main .main-page .post h2 a { text-decoration:none; color:#000000; }
  .main .main-page .post h2 a:hover { color: #f47a0e; }
  .main .main-page .post h3 { padding:5px 0px; margin:0px; }
  .main .main-page .post h3 a { text-decoration:none; }
  .main .main-page .post h3 a:hover { text-decoration:none; }
  .main .main-page .post .entry { font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0px; padding: 0px; }
  .main .main-page .post .single-entry { font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0px; padding: 60px 50px; }

/* ----------------------------------- pages */
.post_list_box { margin:0px 0px 0px 50px; padding: 40px 0px 0px;  }
  .post_list_li { float:left; margin:0px 10px 0px 0px; padding:0px; width:150px; height:125px; }
  .post_list_img { margin:0px; padding:0px; }
  .post_list_img_in { margin:0px; padding:0px; overflow: hidden; height: 68px; border: 1px solid #CCC; }
  .post_list_img_out { margin:0px; padding:0px; width: 120px; border: 1px solid #999; }
  .post_list_img_in img { margin:-10px 0px 0px; padding:0px; }
  .post_list_title { padding: 0px; margin: 0px; line-height:10px; }
  .post_list_title a { font: 10px Arial, sans-serif; text-decoration:none; text-transform:uppercase; }
  .post_list_director, .post_list_agency { font-size:11px; display:block; }

.auth_box { margin:20px 20px 0px; padding:0px; }
  .auth_img { margin:0px; padding:0px; float:left; }
  .auth_l { margin: 0px; padding: 0px 0px 0px 150px; }
  .auth_l .auth_con {  margin:0px; padding:0px; }
  .auth_l .auth_entry { font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 10px; padding: 0px;  }
  .auth_l h3 { margin:0px; padding: 0px 0px 10px; }

.auth_list_box { margin:0px 0px 0px 20px; padding:40px 0px 0px; }
  .auth_list_li { float:left; margin:0; padding:0 0 20px 30px; }
  .auth_list_img { margin:0px; padding:0px; }
  .auth_list_img_in { margin:0px; padding:0px; overflow: hidden; height: 123px; border: 1px solid #ccc; }
  .auth_list_img_out { margin:0px; padding:0px; width: 125px; border: 1px solid #999; }
  .auth_list_title { padding: 0px; margin: 5px; }
  .auth_list_title a { font: 10px Arial, sans-serif; text-decoration:none; text-transform:uppercase; }
  .auth_list_director, .auth_list_agency { font-size:11px; display:block; }

/* ----------------------------------- category */
.cat_list_box { margin:0px; padding:20px 0px 0px; }
  .cat_con { margin:0px 0px 0px 145px; padding:0px; }
  .cat_thumb { margin:0px; padding:0px; float:left; }
  .cat_thumb_img_in { margin:0px; padding:0px; overflow: hidden; height: 123px; border: 1px solid #ccc; }
  .cat_thumb_img_out { margin:0px; padding:0px; width: 125px; border: 1px solid #999; }

/* ----------------------------------- single */



#contain { margin: 0px; padding:60px 0px 0px 30px; }



.single_nav { height:10px; color: #f47a0e; font: 10px/10px Arial, Verdana; padding: 0px; display:block; width: 660px; margin: 0px; }
  .next_post { }
  .previous_post { }
  .next_post a, .previous_post a { color: #f47a0e; text-decoration:none; text-transform:uppercase; padding:0px; margin:0px; }
  .next_post a:hover, .previous_post a:hover { color: #000; text-decoration:none; }



.g_con { width: 280px; margin: -200px 0px 0px; padding:0px; }
.g_con h2 { margin:0px; padding:0px; }
.g_meta { margin:0px; padding: 0px; font: 11px/15px Verdana; }



.wp_con { margin: 0px; padding: 0px; }
.wp_con a { font-size:10px; text-decoration:none; text-transform:uppercase; }
.wp_con a:hover { text-decoration:none; }
  .wp_con .wp_email, .wp_con .wp_print { font-size: 11px; padding: 2px 10px 5px 20px; margin: 0px; display: block; }
  .wp_con .wp_email { background: url(images/email.gif) no-repeat; margin: 0px 0px 0px 135px; }
  .wp_con .wp_print { background: url(images/printer.gif) no-repeat; }



/* ----------------------------------- sidebar */



#sidebar { width: 170px; font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; margin:27px 30px 0px 0px; padding:0px; text-align:center; }

.side-req { border: 1px solid #333; background: url("images/svc.jpg") no-repeat; display:block; width: 170px; height: 80px; }
.side-reel { border: 1px solid #333; background: url("images/reel.jpg") no-repeat; display:block; width: 170px; height: 80px; margin: 10px 0px 0px; }

.side-req-title { margin: 0px; padding: 10px 0px 0px; font: 10px/10px Helvetica,Arial,"Lucida Grande",Verdana,sans-serif; text-transform:uppercase; color:#FFFFFF; }
.side-req-content { margin: 0px; padding: 5px 0; font: 10px/10px Arial, "Lucida Grande", Verdana, sans-serif; color:#f1f1f1; }
.side-req-btn { margin:0px 40px; padding:0px; }
.side-req-btn a { background: #CC6600; border: 1px solid #ce6100; font: 10px/15px Helvetica,Arial,"Lucida Grande",Verdana,sans-serif; color: #eee !important; display: block; height: 15px; width: 90px; text-decoration: none; text-align: center; text-transform: uppercase; }
.side-req-btn a:hover { background: #f47a0e; }

.sidepic { margin:0px; padding:0px; position:absolute; bottom:-51px; left:430px; z-index: 0; }

/* ----------------------------------- footer */
#footer { padding: 0px; margin: 0 auto; background-color: #333333; color: #B3B2B2; }
  .footer-con { font: 10px/10px Arial, Verdana, Sans-Serif; padding: 8px 30px; margin:0px; height: 10px; }
    #copyrightl { text-transform: uppercase; }
    #copyrightr { text-transform: lowercase; }
    #copyrightr a, #copyrightr a:active, #copyrightr a:visited, #copyrightr a:link { color: #B0B0B0; text-decoration: none; }
    #copyrightr a:hover { color: #ccc; text-decoration: none; }
/* ----------------------------------- others */
.navigation { color:#000000; height:10px; text-align:right; font-size: 9px; line-height: 9px; padding: 20px 10px 10px 0px; margin:0px 0px -40px; width:700px; display:block; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; float:right; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; float: left; }

blockquote { margin: 15px 30px 0px 10px; border-left: 2px solid #666; padding: 0px 0px 0px 20px; }

.metadata { margin: 0px; padding:0px; }    
.metadata a { padding:0px 10px; background: #f47a0e; border: 1px solid #ce6100; font: 10px/15px Helvetica,Arial,"Lucida Grande", Verdana, sans-serif; color: #eee !important; text-transform: uppercase; text-decoration: none; } 
.metadata a:hover { text-decoration: none; background: #ce6100;}

.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }
img#wpstats{display:none}

/****************Image Gallery *********************/
.gallery {text-align:center;}
.gallery img { border:1px solid #111 !important; height:90px; width:120px;}
.gallery a:hover {}

.attachment {text-align:center;}
.attachment img { border:1px solid #111;}
.attachment a:hover {}

.imgnav {text-align:center; margin:0px 9px; padding:0px; }

.imgleft {float:left;}
.imgleft a:hover {}
.imgleft img{ border:1px solid #111; height:45px; width:60px;}

.imgright {float:right;}
.imgright a:hover {}
.imgright img{ border:1px solid #111; height:45px; width:60px;}

#post-468 .g_meta { display:none; }
#post-597 .title-news, #post-597 .title-title, #post-597 .title-excerpt { display:none; }
#post-597 .title-readmore { position:relative; top:16px; left:140px; }    

#post-696 .title-news { left: 135px; }
#post-696 .title-title { right:-100px; }
#post-696 .title-title h2 { width: 290px; font: 33px/33px "Arial Narrow", Arial, Tahoma; }
#post-696 .title-content { left: 135px; width: 560px;}
#post-696 .title-excerpt { width: 390px; padding: 15px 270px 20px 10px; }

#latest_l img { margin: -20px 0 0 0; }
#latest_r img { margin: -20px 0 0 0; }