/*  
Theme Name: M‡rcio Oliveirda
Theme URI: http://www.marciooliveira.com.br/
Description: Portifolio M‡rcio Oliveira
Version: 1.0
Author: Cesar Denis
Author URI:
 
	Cesar Denis
	
 
	This theme was designed and built by Cesar Denis,
	whose blog you will find at
 
*/

/**** 
	PADRÌO
	Valores que ser‹o usados no site inteiro
****/

html
{
    background: url(images/bg-html.gif) 0 0;
    height: 100%;
}

body
{
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: url(images/bg-body.jpg) no-repeat center 0;
    height: 100%;
}

img.alignleft
{
    float: left;
    margin: 0 10px 10px 0;
}
img.alignright
{
    float: right;
    margin: 0 0 10px 10px;
}
img.imgMargin
{
    margin: 0 0 10px;
}

.clearfix
{
    height: 1px;
    clear: both;
    overflow: hidden;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix
{
    display: block;
}
/* End hide from IE Mac */

.blue
{
    color: #375caa;
}

.red
{
    color: #bc2026;
}

#wrapper
{
    width: 940px;
    padding: 0 10px;
    margin: 0 auto;
}

.right
{
    float: right;
    width: 340px;
}

.left
{
    float: left;
    width: 590px;
    margin-top: 45px;
}

.left h1
{
    color: #f58220;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
}

.socialmedia
{
    width: 100px;
    background: url(images/bg-social.jpg) no-repeat 45px 85px;
    margin: -50px 0 20px 40px;
    position: relative;
}

.inner-social
{
    margin: 100px 0 20px 40px !important;
}

.left ul
{
    margin-left: 10px;
    padding-top: 5px;
}

.left li
{
    background: url("images/list_row_bg.gif") no-repeat scroll left 3px transparent;
    clear: left;
    list-style: none outside none;
    margin-bottom: 10px;
    padding-left: 20px;
}

#header
{
    position: relative;
}
#logo
{
    width: 250px;
    display: block;
    position: absolute;
    right: 0;
    top: 75px;
}

#logo a
{
    display: block;
    height: 50px;
    text-indent: -999px;
    overflow: hidden;
}

ul#innerNav
{
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0;
    padding-top: 30px;
}

ul#innerNav li
{
    list-style: none outside none;
    margin: 0;
    display: inline;
    outline: medium none;
    padding: 0;
}

ul#innerNav li a
{
    display: block;
    outline: medium none;
    height: 30px;
    position: relative;
    width: 120px;
    float: left;
    text-decoration: none;
    color: #000;
    font-size: 10px;
}

ul#innerNav li a b
{
    display: block;
    font-size: 18px;
    color: #f58220;
    text-transform: lowercase;
    font-weight: normal !important;
}

/*
*	Home
*/

#homepagebox
{
    padding-right: 30px;
    padding-left: 210px;
    padding-top: 100px;
    height: 133px;
    background-repeat: no-repeat;
    background-image: url(images/bg-home-box.png);
    margin: 0 0 40px;
}

#homepagebox span
{
    font-weight: bold;
    font-size: 16px;
    color: #666;
}

ul#mainNav
{
    list-style: none outside none;
    margin: 0 0 30px 10px;
    padding: 0;
}

ul#mainNav li
{
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
}

ul#mainNav li a
{
    display: block;
    outline: medium none;
    height: 30px;
    left: 0;
    margin-top: 20px;
    position: relative;
    width: 90px;
    text-decoration: none;
    color: #000;
    font-size: 10px;
}

ul#mainNav li a b
{
    display: block;
    font-size: 18px;
    color: #f58220;
    text-transform: lowercase;
    font-weight: normal !important;
}

ul#mainNav li a.navAbout
{
    left: 0;
    margin-top: 40px;
}
ul#mainNav li a.navJob
{
    left: 0;
    margin-top: 23px;
}
ul#mainNav li a.navArticles
{
    left: 70px;
    margin-top: 25px;
}
ul#mainNav li a.navPartners
{
    left: 100px;
    margin-top: 25px;
}
ul#mainNav li a.navContact
{
    left: 160px;
    margin-top: 21px;
}

.tweets
{
    position: relative;
    margin: 0 40px 0 31px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.tweets h2
{
    color:#F26738;
    font-family: Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-size: 16px;
}
.divtwitter
{
    float: left;
    width: 195px;
}
.twittie
{
    width: 300px;
    margin-bottom: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.twittie .who
{
    color: #F26738;
    font-weight: bold;
}
.twittie a
{
    color: Blue;
    text-decoration:underline;
    
}
.twittie .when
{
    font-style: italic;
    color: #F26738;
    font-weight: bold;
    font-size: 9px;
}
.twittie img
{
    margin: 10px 10px 10px 10px;
    border: 1px solid #CCC;
    float: left;
    margin-right: 8px;
    width: 43px;
    height: 43px;
}
.h-cases
{
    position: relative;
    margin: 0 40px 0 60px;
}


.h-cases img
{
    margin: 0 0 20px;
}

.h-cases a
{
    color: #666;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.h-cases a:hover
{
    color: #189145;
}

.list-services .service
{
    width: 255px;
    height: 220px;
    margin: 0 20px 0 0;
    float: left;
}

.list-services .col
{
    background: url("images/dotted_vertical.gif") no-repeat right center;
}

.list-services .hr
{
    background: url("images/dotted_horizontal.gif") no-repeat center top;
    padding: 40px 0 0 0;
}

.list-services .sec
{
    margin-right: 0 !important;
}

.list-services .service h3
{
    color: #f26738;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}


/*
*	Artigos
*/

.article
{
    width: 480px;
    margin: 0 0 20px 40px;
    padding: 0 60px 20px 0;
    border: solid #f26738;
    border-width: 0 0 1px 0;
}

.article-col
{
    background: none repeat scroll 0 0 #EEEEEE;
    float: left;
    margin: 0 20px 20px 0;
    padding: 20px;
    width: 245px;
}
.article-col-right
{
    float: right;
    margin: 0 0 20px 0;
}

.article-home
{
    border: none;
}

.article-odd
{
    padding: 0 0 20px 60px;
}

.article-list h2, .article-col h2, .article h2, .article-reader h2
{
    font-size: 18px;
    color: #333;
    margin: 0 0 20px;
}

.article-list h2 a, .article-col h2 a, .article h2 a
{
    color: #F58220;
    text-decoration: none;
}

.article-list h2 a:hover, .article-col h2 a:hover, .article h2 a:hover
{
    color: #f26738;
}

.article a.thumb
{
    border: solid 1px #999;
    padding: 5px;
    margin: 0 20px 20px 0;
    background-color: #fff;
    width: 174px;
    height: 174px;
    float: left;
}

.article a:hover.thumb
{
    background-color: #fff;
    border-color: #f26738;
}

.article a.thumb div
{
    overflow: hidden;
    width: 174px;
    height: 174px;
}

.article-col a.thumb
{
    border: solid 1px #999;
    padding: 5px;
    margin: 0 0 10px 0;
    background-color: #fff;
    width: 233px;
    height: 174px;
    display: block;
}

.article-col a:hover.thumb
{
    background-color: #fff;
    border-color: #f26738;
}

.article-col a.thumb div
{
    overflow: hidden;
    width: 233px;
    height: 174px;
}

.article-col a.more, .article a.more
{
    background: #375caa;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 7px;
}

.article-col a:hover.more, .article a:hover.more
{
    background: #f26738;
}

.article-col p, .article p, .article-reader p
{
    color: #333;
    line-height: 18px;
    margin: 0 0 6px;
}

.article-reader img
{
    margin: 0 0 20px 0;
}

.article-list li
{
    border: solid #f26738;
    border-width: 0 0 1px 0;
    margin-bottom: 10px;
    background: url("images/list_row_bg.gif") no-repeat scroll left 13px transparent;
}

.article-list li h2
{
    padding: 10px 0;
    margin: 0;
}

/**** 
	Footer
****/

#footer
{
    padding: 40px 0 20px;
    font-size: 10px;
}