/*  
Theme Name: SimpleFolio
Theme URI: http://www.slimmity.com/
Description: Portfolio Theme based off SimpleBlog Theme
Version: 1.5
Author: Omar Corrales
Author URI: http://www.omarcorrales.com
*/

/* Include Reset File */
@import url("reset.css");
  body  {
	background : #f7f8f7;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 12px;
	line-height : 22px;
	color : #8b8c8c;
	font-style: italic;
}
a:link, a:visited, a:active {
color : #155392;
text-decoration : none;
}
a:hover {
color : #000000;
}
.clear {
clear : both;
}
textarea, input {
color : #7b7d6f;
}
strong {
font-weight : bold;
}
p img {
padding : 0;
max-width : 100%;
}
img.centered, img.aligncenter {
display : block;
margin : 0 auto;
border : 1px solid #c0c0c0;
overflow : hidden;
padding : 4px;
}
img.alignright {
padding : 4px;
margin : 2px 0 2px 7px;
display : inline;
border : 1px solid #c0c0c0;
}
img.alignleft {
padding : 4px;
margin : 2px 7px 2px 0;
display : inline;
border : 1px solid #c0c0c0;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
acronym, abbr, span.caps {
cursor : help;
}
acronym, abbr {
border-bottom : 1px dashed #999;
}
.center {
text-align : center;
}
.hidden {
display : none;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
#wrapper {
background : #f7f9f8 url(images/bg_header.jpg) repeat-x top;
}
#header {
width : 940px;
margin : 0 auto 0;
height : 442px;
}
#wrapper #logo {
float : left;
display: inline;
padding : 20px 3px 0 20px;
}
#wrapper #logo_text {
float : left;
display: inline;
padding : 18px 0 0 0;
color : #727272;
}
#wrapper #logo_text h1 {
font-size : 14px;
line-height : 20px;
}
#wrapper #logo_text h2 {
font-size : 10px;
line-height : 14px;
}
#wrapper #pagenav {
float : right;
display: inline;
}
.sf-menu, .sf-menu * {
z-index : 9999999 !important ;
}
.sf-menu, .sf-menu * {
margin : 0;
padding : 0;
list-style : none;
}
.sf-menu {
margin-top : 20px;
}
.sf-menu ul {
position : absolute;
top : -999em;
width : 10em;
}
.sf-menu ul li {
width : 100%;
}
.sf-menu li:hover {
visibility : inherit;
}
.sf-menu li {
float : left;
position : relative;
display: inline;
}
.sf-menu a {
display : block;
position : relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left : 0;
top : 2.2em;
z-index : 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left : 12.8em;
top : 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top : -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left : 10em;
top : 0;
}
.sf-menu {
float : left;
display: inline;
margin-bottom : 1em;
}
.sf-menu .current_page_item a {
float : left;
color : #ffffff;
background : url(images/bcurrent.png) no-repeat center;
margin : auto;
}
.sf-menu a {
padding : 10px;
text-decoration : none;
}
.sf-menu a, .sf-menu a:visited, .sf-menu a, .sf-menu a:link {
color : #727272;
}
.sf-menu li {
font-size : 12px;
font-weight : bolder;
}
.sf-menu li a:hover {
border-bottom : 1px solid #d2d2cf;
outline : 0;
}
.sf-menu li ul {
background : #d2d2cf;
border : 1px solid #bbbbb8;
}
.sf-menu li ul li {
font-size : 12px;
font-weight : bolder;
}
.sf-menu li ul li a:link, .sf-menu li ul li a:visited {
color : #454545;
}
.sf-menu li ul li a:hover {
border : 0;
background : #fff;
}
.sf-menu li ul li ul {
background-color : #e2e2e2;
border : 1px solid #d1d1cc;
}
.sf-menu li ul li ul li a:link, .sf-menu li ul li ul li a:visited {
color : #000;
}
.sf-sub-indicator {
padding : 0;
margin : 0;
}
#slider {
width : 900px;
height : 250px;
position : relative;
overflow : hidden;
margin-bottom : 20px;
}
#slider #sliderContent {
width : 900px;
position : absolute;
margin-left : 0;
}
#slider .sliderImage {
position : relative;
display : none;
}
#slider .sliderImage span {
position : absolute;
font-size : 12px;
padding : 20px 30px;
width : 840px;
background-color : #000;
color : #fff;
display : none;
}
#slider .sliderImage h3 {
font-size : 18px;
margin : 0;
padding : 0;
line-height : 24px;
color : #ffffff;
}
#header .slogan {
margin-bottom : 20px;
padding : 160px 0 30px;
}
#header .slogan .qimage {
float : right;
display: inline;
height : 233px;
width : 377px;
background : url(images/devis.png) no-repeat;
}
#header .slogan .qimage .qbutton {
height : 233px;
width : 377px;
text-align : center;
padding-top : 180px;
}
#header .slogan .qimage .qbutton a:link, #header .slogan .qimage .qbutton a:visited, #header .slogan .qimage .qbutton a:active {
font-size : 18px;
font-variant : small-caps;
color : #155392;
}
#header .slogan .qimage .qbutton a:hover {
color : #2b2b2b;
}
#header .slogan h2 {
	width : 470px;
	font-size : 30px;
	color : #155392;
	font-weight: bold;
}
#header .slogan h3 {
width : 500px;
font-size : 12px;
padding : 100px 0 0 0;
color : #2b2b2b;
}
#footer .service {
background : #FFFFFF url(images/bg_footer.jpg) repeat-x top;
height : 394px;
}
#footer .service .home_widgets {
width : 940px;
margin : 0 auto 0;
padding-top : 50px;
overflow : hidden;
font-size : 12px;
line-height : 22px;
color : #8b8c8c;
}
#footer .service .home_widgets .widget {
margin-left : 40px;
width : 260px;
float : left;
display: inline;
}
#footer .service .home_widgets .widget h3 {
padding : 2px 0;
padding-top : 0;
margin-bottom : 5px;
font-weight : bold;
font-size : 14px;
color : #2a4489;
border-bottom : 1px solid #e3e3e3;
}
#footer .service .home_widgets .widget p {
margin-bottom : 15px;
}
#footer .service .home_widgets .widget ul li {
padding-bottom : 5px;
padding-left : 20px;
background : url(images/icon_bullet.png) no-repeat 0% 5px;
}
#footer .service .SEO_widget {
width : 940px;
margin : 10px auto;
position : relative;
bottom : 5px;
padding-top : 10px;
overflow : hidden;
text-align : center;
font-style : italic;
line-height : 11px;
color : #999;
font-size : 11px;
}
#footer .service .SEO_widget .widget h3 {
visibility : hidden;
}
#footer .service .SEO_widget .widget ul li {
padding-bottom : 5px;
padding-left : 20px;
background : url(images/icon_bullet.png) no-repeat 0% 5px;
}

#main .sep_head {
	background : url(images/content_head.png) no-repeat top;
	height:38px;
	border-top: 1px solid #e3e3e3;
}

#main .sep_foot {
	background : url(images/content_foot.png) no-repeat bottom;
	height:38px;
	border-bottom: 1px solid #e3e3e3;
}

#main .container {
	width:940px;
	margin:0px auto 0;
}
#main .container .portfolio .title {
padding-bottom : 10px;
border-bottom : 1px solid #e3e3e3;
color : #818181;

}
#main .container .portfolio .title h2 {
border-top: 1px solid #e3e3e3;
padding-top: 10px;
color : #155392;
font-size : 30px;
font-weight:bold;


}
#main .container .portfolio .portfnav {
font-size : 11px;
color : #929292;
padding : 10px 20px;
border-bottom : 1px solid #e3e3e3;
overflow : hidden;
}
#main .container .portfolio .portfnav ul {
overflow : hidden;
}
#main .container .portfolio .portfnav ul li {
display : inline;
margin-right : 5px;
}
#main .container .portfolio .portfnav ul li a {
padding : 5px 10px !important ;
padding : 0 10px;
}
#main .container .portfolio .portfnav ul li.active a, #main .container .portfolio .portfnav ul li a:hover {
background : #e6e6e6;
color : #4c4c4c;
}
#main .container .portfolio #folio {
overflow : hidden;
margin-top : 30px;
}
#main .container .portfolio #folio .item {
width : 400px;
float : left;
display: inline;
margin-bottom : 40px;
padding : 0 25px;
}
#main .container .portfolio #folio .item img {
border : 1px solid #dddddd;
background : #ededed;
padding : 5px 4px;
margin-bottom : 10px;
}
#main .container .portfolio #folio .item h2 {
font-size : 18px;
margin-bottom : 10px;
}
#main .container .portfolio #folio .item p {
font-size : 12px;
color : #8a8a8a;
}
#main .container .content {
line-height : 24px;
color : #7e7e7e;
width : 560px;
/*float : left;*/
}
#main .container .content .title {
	font-size : 24px;
	color : #155392;
	margin-bottom : 30px;
	font-weight: bold;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
	border-top: 1px solid #e3e3e3;
	padding-top: 10px;
}
#main .container .content p {
margin-bottom : 20px;
}
#main .container .content h1, #main .container .content h2, #main .container .content h3, #main .container .content h4 {
color : #697e87;
margin-bottom : 15px;
}
#main .container .content h1 {
font-size : 30px;
}
#main .container .content h2 {
font-size : 24px;
}
#main .container .content h3 {
font-size : 18px;
}
#main .container .content h4 {
font-size : 14px;
}
#main .container .content ul {
margin : 10px 0 10px 20px;
}
#main .container .content ul li {
padding-bottom : 5px;
padding-left : 20px;
background : url(images/icon_bullet.png) no-repeat 0% 5px;
}
#main .container .content ol {
list-style : decimal;
margin : 10px 0 10px 50px;
}
#main .container .content ol li {
padding-bottom : 5px;
}
#main .container .content blockquote {
border : 1px solid #c0c09b;
background : #f0f0e5 url(images/quote.png) no-repeat 10px 15px;
padding : 20px;
padding-left : 65px;
font-style : italic;
margin : 20px 0;
}
#main .container .content a {
text-decoration : underline;
}
#main .container .content form {
margin : 20px 40px;
}
#main .container .content form label {
display : block;
margin-bottom : 5px;
}
#main .container .content form input, #main .container .content form textarea, #main .container .content form select {
background-color : #e7e7e2;
border : 1px solid #ccccba;
padding : 5px;
color : #333333;
}
#main .container .content .blogpost {
margin-bottom : 20px;
overflow : hidden;
}
#main .container .content .blogpost .comments {
float : left;
margin-right : 10px;
margin-top : 5px;
background : url(images/commentcount.png) no-repeat left top;
font-weight : 600;
font-size : 11px;
width : 35px;
height : 33px;
text-align : center;
padding-top : 2px;
}
#main .container .content .blogpost .comments a {
color : #6e6e6e;
text-decoration : none;
}
#main .container .content .blogpost h2.title {
margin : 0;
padding : 0;
margin-left : 45px;
}
#main .container .content .blogpost h2 a {
text-decoration : none;
}
#main .container .content .blogpost .meta {
font-size : 12px;
margin-left : 45px;
}
#main .container .content .blogpost .entry {
clear : both;
overflow : hidden;
margin-top : 15px;
}
#main .container .content .social {
overflow : hidden;
border-top : 1px solid #e3e3e3;
border-bottom : 1px solid #e3e3e3;
padding : 20px 0;
margin-bottom : 20px;
}
#main .container .content .social a {
text-decoration : none;
}
#main .container .content .social h3 {
margin : 0;
padding : 0;
color : #518c9b;
}
#main .container .content .social p {
font-size : 12px;
margin-bottom : 10px;
}
#main .container .content .social ul {
font-size : 12px;
margin : 0;
margin-bottom : 0 !important ;
margin-bottom : 1px;
padding : 0;
}
#main .container .content .social ul li {
display : inline;
margin-right : 10px;
background-position : 0% 0%;
background-repeat : no-repeat;
}
#main .container .content .social ul li.designfloat {
background-image : url(images/fav/designfloat.png);
}
#main .container .content .social ul li.delicious {
background-image : url(images/fav/delicious.png);
}
#main .container .content .social ul li.digg {
background-image : url(images/fav/digg.png);
}
#main .container .content .social ul li.stumbleupon {
background-image : url(images/fav/stumbleupon.png);
}
#main .container .content .social ul li.reddit {
background-image : url(images/fav/reddit.png);
}
#main .container .content .social ul li.technorati {
background-image : url(images/fav/technorati.png);
}
#main .container .content #comments {
font-size : 24px;
margin : 0;
}
#main .container .content ol.commentlist {
margin : 20px 0 0;
clear : both;
overflow : hidden;
list-style : none;
}
#main .container .content ol.commentlist li {
margin : 10px 0;
line-height : 18px;
padding : 10px;
}
#main .container .content ol.commentlist li .comment-author .fn {
color : #000;
}
#main .container .content ol.commentlist li .comment-author .avatar {
float : right;
border : 1px solid #dddddd;
background : #ededed;
padding : 3px;
}
#main .container .content ol.commentlist li .comment-meta {
font-size : 10px;
}
#main .container .content ol.commentlist li .comment-meta a {
color : #a7a7a7;
text-decoration : none;
}
#main .container .content ol.commentlist li p {
line-height : 22px;
margin-top : 5px;
}
#main .container .content ol.commentlist li .reply a {
background : #77afbe;
color : #fff;
text-decoration : none;
padding : 5px 10px;
}
#main .container .content ol.commentlist li .reply a:hover {
background : #000;
color : #fff;
}
#main .container .content ol.commentlist li.odd {
border : 1px solid #bbe0e8;
background : #e7f1f3;
}
#main .container .content ol.commentlist li.even {
border : 1px solid #e5e5e5;
background : #f1f1f1;
}
#main .container .content #comment-form {
margin-top : 20px;
}
#main .container .content #comment-form #respond h3 {
font-size : 24px;
}
#main .container .content #comment-form #respond #commentform {
margin : 0;
}
#main .container .content #comment-form #respond #commentform label {
margin-left : 10px;
display : inline;
}
#main .container .content #comment-form #respond #commentform label small {
font-size : 10px;
color : #a0a0a0;
}
#main .container .content #comment-form #respond #commentform textarea, #main .container .content #comment-form #respond #commentform input {
margin-bottom : 10px;
padding : 5px;
margin : 0 10px 10px 0;
background : #f8f8f5;
border-left : 1px solid #d1cec6;
border-top : 1px solid #d1cec6;
border-right : 1px solid #edede8;
border-bottom : 1px solid #edede8;
}
#main .container .content #comment-form #respond #commentform input {
width : 400px;
}
#main .container .content #comment-form #respond #commentform textarea {
width : 560px;
}
#main .container .content #comment-form #respond #commentform input#commentSubmit {
width : 100px;
padding : 5px;
background : #a6cfda;
border : 1px solid #78b0bf;
color : #fff;
font-weight : bold;
cursor : pointer;
}
#main .container .content .navigation, #main .container .content .comment-nav {
clear : both;
font-size : 11px;
overflow : hidden;
}
#main .container .content .navigation .alignleft, #main .container .content .navigation .alignright, #main .container .content .comment-nav .alignright, #main .container .content .comment-nav .alignleft {
width : 49%;
overflow : hidden;
padding : 10px 0;
}
#main .container .content .navigation .alignright, #main .container .content .comment-nav .alignright {
text-align : right;
}
#main .container .content .navigation a, #main .container .content .comment-nav a {
background : #eee;
border : 1px solid #d0d0c9;
padding : 10px;
text-decoration : none;
}
#main .container .content .navigation a:hover, #main .container .content .comment-nav a:hover {
border : 1px solid #c2c2c2;
color : #6d6d6d;
}
#main .container .fullwidth {
width : 900px;
}
#main .container .fullwidth .thumblarge {
margin-bottom : 20px;
}
#main .container .sidebar {
width : 300px;
margin-left : 40px;
float : left;
}
#main .container .sidebar .widget {
margin-bottom : 20px;
}
#main .container .sidebar .widget h3 {
padding : 0 10px 10px;
padding-top : 0;
margin-bottom : 15px;
font-size : 24px;
color : #747474;
border-bottom : 1px solid #e3e3e3;
}
#main .container .sidebar .widget h3 img {
display : none;
}
#main .container .sidebar .widget ul li {
padding-bottom : 5px;
padding-left : 20px;
background : url(images/icon_bullet.png) no-repeat 0% 5px;
}
#main .container .sidebar .widget_rssfeed {
font-size : 16px;
}
#main .container .sidebar .widget_rssfeed ul li.rss {
background : url(images/rssfeed.png) no-repeat 0% 0%;
padding : 6px 0 10px 38px;
}
#main .container .sidebar .widget_rssfeed ul li.email {
background : url(images/mail.png) no-repeat 0% 0%;
padding : 6px 0 10px 38px;
}
#main .container .sidebar .widget_rssfeed ul li.twitter {
background : url(images/twitter.png) no-repeat 0% 0%;
padding : 6px 0 10px 38px;
}
#main .container .sidebar .widget_search form div {
background : #e7e7e2;
border : 1px solid #cbcbc9;
padding : 5px;
}
#main .container .sidebar .widget_search form div input {
border : 0;
background : #e7e7e2;
color : #666666;
padding : 5px;
}
#main .container .sidebar .widget_search form div input#keyword {
width : 200px;
}
#main .container .sidebar .widget_search form div input#searchsubmit {
cursor : pointer;
color : #616161;
border-left : 1px solid #cbcbc9;
}
#footer {
margin-top : auto;
font-size : 12px;
clear : both;
overflow : hidden;
background-color : #2b2b2b;
}
#foot {
background-color : #2b2b2b;
height : 65px;
}
#foot .footernav, #foot .copyright {
float : left;
display: inline;
width : 49%;
display : inline;
}
#foot .footernav ul {
overflow : hidden;
}
#foot .footernav ul li {
float : left;
display: inline;
padding : 22px 20px;
}
#foot .footernav ul li a:link, #foot .footernav ul li a:visited, #foot .footernav ul li a:active {
color : #727272;
font-weight : bold;
}
#foot .footernav ul li a:hover {
color : #a7a7a7;
}
#foot .copyright {
padding-top : 20px;
font-size : 12px;
line-height : 13px;
text-align : right;
color : #727272;
}
#foot .copyright a {
color : #a7a7a7;
}
#wp-calendar {
width : 100%;
margin-bottom : 15px;
clear : both;
padding : 0;
}
#wp-calendar caption {
padding : 10px;
text-align : center;
}
#wp-calendar th, #wp-calendar td {
text-align : center;
background : #e7e7e7;
color : #9e9e9e;
padding : 5px;
}
#wp-calendar td {
background : transparent;
}
#wp-calendar td, table#wp-calendar th {
padding : 3px 0;
}
.wp-pagenavi {
clear : both;
font-size : 12px;
padding : 20px 10px 0;
text-align : right;
text-transform : uppercase;
border-top : 1px solid #e3e3e3;
}
.wp-pagenavi a, .wp-pagenavi a:link {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
color : #155392;
background-color : #ffffff;
}
.wp-pagenavi a:visited {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
color : #155392;
}
.wp-pagenavi a:hover {
color : #000000;
}
.wp-pagenavi a:active {
padding : 2px 4px 2px 4px;
margin : 2px;
text-decoration : none;
color : #87b5ca;
}
.wp-pagenavi span.pages {
color : #737373;
float : left;
display: inline;
}
.wp-pagenavi span.current {
padding : 2px 4px 2px 4px;
margin : 2px;
font-weight : bold;
color : #303030;
}
.wp-pagenavi span.extend {
padding : 2px 4px 2px 4px;
margin : 2px;
color : #000000;
}