@import url(reset.css);
/*
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*/
BODY
{
	background: #E7E7E2 url(images/main_bg.png) repeat-x top left;
	font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #838383;
}
A:link, A:visited, A:active
{
	color: #4F91B0;
	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;
}
DIV.textwidget IMG.wp-image-1504
{
	width: 96px;
	height: 96px;
}
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 #000000;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
#wrapper
{
	width: 960px;
	margin: 10px auto 0;
}
#header
{
	margin-bottom: 20px;
	padding: 0 10px;
	width: 940px;
	display: block;
}
#header #logo
{
	float: left;
	margin-bottom: 20px;
	margin-top: 10px;
}
#header #pagenav
{
	float: right;
}
/*Superfish - Menu Styles*/
.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;
/*left offset of submenus need to match (see below)*/
}
.sf-menu UL LI
{
	width: 100%;
}
.sf-menu LI:hover
{
	visibility: inherit;
/*fixes IE7 'sticky bug'*/
}
.sf-menu LI
{
	float: left;
	position: relative;
}
.sf-menu A
{
	display: block;
	position: relative;
}
.sf-menu LI:hover UL, .sf-menu LI.sfHover UL
{
	left: 0;
	top: 2.2em;
/*match top ul list item height*/
	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;
/*match ul width*/
	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;
/*match ul width*/
	top: 0;
}
.sf-menu
{
	float: left;
	margin-bottom: 1em;
}
.sf-menu A
{
	padding: 10px;
	text-decoration: none;
}
.sf-menu A, .sf-menu A:visited, .sf-menu A, .sf-menu A:link
{
	color: #5C879B;
}
.sf-menu LI
{
	font-size: 18px;
}
.sf-menu LI A:hover
{
	border-bottom: 1px solid #D2D2CF;
	outline: 0;
}
.sf-menu LI UL
{
	background: #D2D2CF;
	border: 1px solid #BBBBB8;
	opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	-khtml-opacity: .85;
	-moz-opacity: .85;
}
.sf-menu LI UL LI
{
	font-size: 14px;
}
.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;
	opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	-khtml-opacity: .85;
	-moz-opacity: .85;
}
.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;
}
#main
{
	clear: both;
	overflow: hidden;
}
#main .container
{
	background-color: #FFFFFF;
	border: 1px solid #A5A5A5;
	padding: 29px;
	overflow: hidden;
}
#slider
{
	width: 900px;
	height: 250px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
#slider #sliderContent
{
	width: 900px;
	position: absolute;
	top: 0;
	margin-left: 0;
}
#slider .sliderImage
{
	float: left;
	position: relative;
	display: none;
}
#slider .sliderImage SPAN
{
	position: absolute;
	font-size: 12px;
	padding: 20px 30px;
	width: 840px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #FFF;
	display: none;
}
#slider .sliderImage H3
{
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 24px;
	color: #FFFFFF;
}
#slider .top
{
	top: 0;
	left: 0;
}
#slider .bottom
{
	bottom: 0;
	left: 0;
}
#slider .left
{
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}
#slider .right
{
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
#main .container .slogan
{
	margin-bottom: 20px;
	padding: 10px 0 30px;
	border-bottom: 1px solid #E3E3E3;
}
DIV.slogan DIV.phonenumber
{
	margin-left: 773px;
	position: relative;
	top: -12px;
}
#main .container .slogan .qbutton
{
	float: right;
	line-height: 50px;
	margin-left: 5px;
}
#main .container .slogan .qbutton A:link, #main .container .slogan .qbutton A:visited, #main .container .slogan .qbutton A:active
{
	font-size: 18px;
	padding: 10px;
	background: #5C96B0 url(images/qbutton_bg.png) repeat-x top left;
	border: 1px solid #BDBDBD;
	color: #FFFFFF;
}
#main .container .slogan .qbutton A:hover
{
	background: #88C2DC url(images/qbutton_hover_bg.png) repeat-x top left;
}
#main .container .slogan H2
{
	font-size: 28px;
	color: #4A85A0;
}
#main .container .home_widgets
{
	overflow: hidden;
	font-size: 12px;
	line-height: 22px;
	color: #8B8C8C;
}
#main .container .home_widgets .widget
{
	margin-left: 30px;
	width: 280px;
	float: left;
}
#main .container .home_widgets .widget H3
{
	padding: 15px 10px;
	padding-top: 0;
	margin-bottom: 15px;
	font-size: 24px;
	color: #4A85A0;
	border-bottom: 1px solid #E3E3E3;
}
#main .container .home_widgets .widget P
{
	margin-bottom: 15px;
}
#main .container .home_widgets .widget UL
{
}
#main .container .home_widgets .widget UL LI
{
	padding-bottom: 5px;
	padding-left: 20px;
	background: url(images/icon_bullet.png) no-repeat 0 5px;
}
#main .container .portfolio
{
}
#main .container .portfolio .title
{
	padding-bottom: 10px;
	border-bottom: 1px solid #E3E3E3;
	color: #818181;
}
#main .container .portfolio .title H2
{
	color: #5C96B0;
	font-size: 30px;
}
#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: 0px 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;
	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: #000005;
	width: 640px;
	float: left;
}
#main .container .content .title
{
	font-size: 30px;
	color: #5C96B0;
	margin-bottom: 15px;
}
#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;
	border-bottom: 1px dotted #BBB9B9;
	padding-bottom: 10px;
}
#main .container .content .blogpost .comments
{
	float: right;
	margin-right: 10px;
	margin-top: 1px;
	font-weight: 600;
	font-size: 11px;
	width: 108px;
	height: 33px;
	text-align: center;
	padding-top: 2px;
}
#main .container .content .blogpost .comments A
{
	color: #666666;
	text-decoration: none;
}
#main .container .content .blogpost H2.title
{
	margin: 0;
	padding: 0;
	margin-left: 0px;
}
#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: 0px !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
{
}
#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
{
}
#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
{
}
#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: 231px;
	margin-left: 15px;
	float: left;
	font-size: 8.8pt;
	border-left: 1px solid #EDEDED;
	padding-left: 10px;
}
#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
{
}
#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
{
}
#main .container .sidebar .widget_search FORM
{
}
#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
{
	font-size: 12px;
	padding: 20px;
	clear: both;
	overflow: hidden;
}
#footer .footernav, #footer .copyright
{
	float: left;
	width: 49%;
	display: inline;
}
#footer .footernav UL
{
	overflow: hidden;
}
#footer .footernav UL LI
{
	float: left;
	padding: 0 10px 0 7px;
	border-right: 1px solid #BEBEA7;
}
#footer .footernav UL LI A:link, #footer .footernav UL LI A:visited, #footer .footernav UL LI A:active
{
	color: #424242;
}
#footer .footernav UL LI A:hover
{
	color: #666666;
}
#footer .copyright
{
	text-align: right;
}
/*Calender styles*/
#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 Styles*/
.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;
	margin: 2px;
	text-decoration: none;
	color: #87B5CA;
	background-color: #FFFFFF;
}
.wp-pagenavi A:visited
{
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
	color: #87B5CA;
}
.wp-pagenavi A:hover
{
	color: #000000;
}
.wp-pagenavi A:active
{
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
	color: #87B5CA;
}
.wp-pagenavi SPAN.pages
{
	color: #737373;
	float: left;
}
.wp-pagenavi SPAN.current
{
	padding: 2px 4px;
	margin: 2px;
	font-weight: bold;
	color: #303030;
}
.wp-pagenavi SPAN.extend
{
	padding: 2px 4px;
	margin: 2px;
	color: #000000;
}