/*	
Theme Name: Minisite
Description: A simple usable personal/portfolio HTML template for ThemeForest
Version: 1.0
Author: HighThemes
Author URI: http://www.highthemes.com
*/

/* CSS RESET -------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
ol, ul, li { list-style:none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
* { outline: none; }
strong, b {
	color: #2892D0;
	font-family: "Arial Black", Gadget, sans-serif;
}
em { font-style: italic; }
a img { border:none; }
/* GENERAL STYLES & CLASSES -------------------------------------------------------------- */
body {
	background:#4b4f50;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#a6a6a6;
}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration:none;
	outline:none;
	-moz-outline-style:none;
}
a { color:#000; }
a:hover {
	color:#999;
}
p {
	line-height:18px;
	font-size: 9px;
	color: #00AEEF;
}
.fl { float: left; }
.fr { float: right; }
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
/* HEADER -------------------------------------------------------------- */
#header {
	margin:0 auto;
	width:538px;
	height:130px;
	position:relative;
	background:url(../imagens/header_img.png) bottom no-repeat;
}
#logo {
	position:absolute;
	top:12px;
	left:104px;
}
/* NAVIGATION  --------------------------------------------------------------- */
#navigation {
	text-transform:uppercase;
	height:30px;
	padding-top:0;
	padding-bottom:0;
	position:relative;
	top:-1px;
}
#navigation ul li {
	position: relative;
	display: inline;
	float: left;
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited { color:#999; }
#navigation ul li a {
	display: block;
	text-decoration: none;
	height:28px;
	line-height:28px;
	overflow:hidden;
	padding:0 12px;
	font-size:10px;
	border-right:1px solid #fcfcfc;
	border-left:1px solid #fcfcfc;
}
#navigation ul li a:hover, #navigation ul li.current a {
	background: #f4f4f4;
	color:#000;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
}
* html #navigation ul li a { display: inline-block; }
/* MAIN CONTENT -------------------------------------------------------------- */
#wrapper {
	margin:0 auto;
	width:900px;
}
#main-content {
	margin:0 auto;
	width:538px;
	background:url(../imagens/main_content_bg.png) repeat-y;
	color: #61ADDF;
}
.section {
	margin:0 auto;
	width:478px;
	padding:20px;
	position:relative;
	background:url(../imagens/s_line.gif) bottom repeat-x;
}
.highlight { background:#fcfcfc url(../imagens/s_line.gif) bottom repeat-x; }
.left-marker, .next, .prev {
	position:absolute;
	width:136px;
	height:34px;
	background:url(../imagens/left_marker.png) no-repeat;
	text-align:center;
	font:20px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color:#b9b9b9;
	padding-top:8px;
}
.left-marker {
	top:11px;
	left:-150px;
	color: #96C841;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
}
.left-marker a, .left-marker a:visited, .next a, .next a:visited, .prev a, .prev a:visited { color:#b9b9b9; }
.left-marker a:hover, .left-marker a:active, .next a:hover, .next a:active, .prev a:hover, .prev a:active {
	color:#797979;
	text-decoration:none;
}
.next {
	bottom:30px;
	right:-150px;
}
/* toggle */
#main-content .toggle-list {
	width:518px;
	margin:0 auto;
	padding-top:1px;
}
.toggle-head {
	padding:10px 20px;
	position:relative;
	cursor:pointer;
	background:#f4f5f6 url(../imagens/s_line.gif) bottom repeat-x;
}
.toggle-head h3 {
	font:20px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color:#797979;
	text-shadow:#fff 0 2px 1px;
}
.toggle-head span {
	position:absolute;
	top:15px;
	right:20px;
	color:#ccc;
	font-size:13px;
	font:18px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
/* about */
#about img {
	float:left;
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
	margin-right:14px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#about h2 {
	font:24px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color:#231F20;
	text-shadow:#fff 0 1px 1px;
}
#about p {
	padding-bottom:10px;
	color: #666;
}
#about .readmore {
	color:#a6a6a6;
	font-weight:bold;
}
#about .readmore:hover {
	color:#2c2c2c;
	text-decoration:none;
}
/* twitter */
#twitter img {
	float:left;
	margin-right:14px;
}
#twitter span { line-height:18px; }
#twitter li { padding:5px 0 5px; }
#twitter li a { color:#2fa694; }
/* blog */
#blog .post {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #e9e9e9;
}
#blog .last-single-post {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
#blog .post h2, #blog .post h2 a, #blog .post h2 a:visited {
	color:#565657;
	text-shadow:#fff 0 1px 1px;
	font:18px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	clear:both;
}
#blog .post h2 a:hover, #blog .post h2 a:active {
	color:#2c2c2c;
	text-decoration:none;
}
#blog .post-meta { padding-top:3px; }
#blog .post-meta, #blog .post-meta a, #blog .post-meta a:visited {
	color:#8e8e8e;
	font-size:10px;
}
#blog .post-meta a:hover, #blog .post-meta a:active { color:#000; }
#blog .post .entry p {
	padding:5px 0;
	line-height:20px;
	overflow:hidden;
}
#blog .wp-pagenavi { text-align:center; }
#blog .current, #blog .wp-pagenavi a, #blog .wp-pagenavi a:visited { color:#8e8e8e; }
#blog .wp-pagenavi a:hover, #blog .wp-pagenavi a:active { color:#000; }
#blog .current {
	color:#000;
	font-weight:bold;
}
#blog .current, #blog .wp-pagenavi a { padding:0 5px; }
#blog .post img.fl, #blog .post img.fr {
	background:#fff;
	padding:3px;
	border:1px solid #dedede;
	margin:5px 10px 0 0;
}
#blog .post img.fr { margin:5px 0 0 10px; }
/* social icons */
#socials li {
	float:left;
	padding:0 13px;
}
/* gallery */
#gallery {
	width:15000px;
	position:absolute;
	top:0px;
	left:0px;
}
.sc_menu {
	width: 478px;
	overflow: auto;
	position:relative;
	height:85px;
}
#gallery li {
	float:left;
	padding:0 6px;
}
.nextbutton {
	position:absolute;
	right:4px;
	top:58px;
	z-index:100;
	cursor:pointer;
}
.prevbutton {
	position:absolute;
	left:4px;
	top:58px;
	z-index:100;
	cursor:pointer;
}
#gallery-page li {
	float:left;
	padding:0 15px 10px 0;
}
#gallery-page .last { padding-right:0; }
#gallery li a img, #gallery-page li a img {
	background:#fff;
	padding:3px;
	border:1px solid #dedede;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#gallery li a:hover img, #gallery-page li a:hover img {
	border:1px solid #777;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/* breadcrumb */
#breadcrumb {
	font:14px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color:#a5a5a5;
}
#breadcrumb .current { color:#797979; }
#breadcrumb a, #breadcrumb a:visited, #breadcrumb span {
	color:#a5a5a5;
	text-decoration:none;
	padding:0 5px;
}
#breadcrumb a:hover, #breadcrumb a:active { text-decoration:underline; }
/* graphical list */
.post .arrowlist { margin:10px 0 15px 0; }
.post .arrowlist li {
	background:url(../imagens/arrow_right.png) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding-left:25px;
}
.post .arrowlist li, .post .arrowlist li a, .post .arrowlist li a:visited { color:#a5a5a5; }
.post .arrowlist li a:hover, .post .arrowlist li a:active {
	color:#000;
	text-decoration:none;
}
/* download box, note box, warning box, information box */
.post .download-box, .post .note-box, .post .warning-box, .post .info-box {
	padding:23px 54px 20px 54px;
	margin:10px 0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.post .download-box {
	background:#e3feb4 url(../imagens/download_icon.png) 10px 15px no-repeat;
	border:1px solid #80cb00;
	color:#68a500;
}
.post .note-box {
	background:#f3f3f3 url(../imagens/note_icon.png) no-repeat 10px 15px;
	border:1px solid #a4a4a4;
	color:#717171;
}
.post .warning-box {
	background:#ffeb9f url(../imagens/warning_icon.png) no-repeat 10px 15px;
	border:1px solid #c09800;
	color:#a48200;
}
.post .info-box {
	background:#c7edff url(../imagens/info_icon.png) no-repeat 10px 15px;
	border:1px solid #52cdff;
	color:#00a1e4;
}
/* quote */
.post .quote {
	background: url(../imagens/openquote.png) top left no-repeat;
	color:#636363;
	font-size:11px;
	font-style:italic;
	padding:5px 10px 10px 10px;
	margin-top:5px;
	text-indent:25px;
}
/* divider Line */
.post .divider {
	clear:both;
	display:block;
	margin:10px 0;
	height:10px;
	width:100%;
	background:url(../imagens/s_line.gif) repeat-x center bottom;
}
.post .top {
	font-size:8px;
	line-height:10px;
	text-align:right;
	position:relative;
}
.post .top a {
	background:#f4f5f6 url(../imagens/top_arrow.png) no-repeat top right;
	color:#bbb;
	position:absolute;
	right:0;
	top:-1px;
	width:16px;
	height:16px;
}
.post .top a:hover { background:#f4f5f6 url(../imagens/top_arrow_hover.png) no-repeat top right; }
/* Headings */
.post .entry h1, .post .entry h2, .post .entry h3, .post .entry h4, .post .entry h5, .post .entry h6, .post .entry h1 a, .post .entry h2 a, .post .entry h3 a, .post .entry h4 a, .post .entry h5 a, .post .entry h6 a {
	color:#777;
	padding:5px 0;
	text-decoration:none;
	font-family:"Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-weight:normal;
	text-shadow:#fff 0 1px 1px;
}
.post .entry h1 { font-size:24px; }
.post .entry h2 { font-size:18px; }
.post .entry h3 { font-size:17px; }
.post .entry h4 { font-size:16px; }
.post .entry h5 { font-size:15px; }
.post .entry h6 { font-size:14px; }
/* FORMS  -------------------------------------------------------------- */
#log .error{
	font:bold 11px Verdana, Geneva, sans-serif;
	color:red;
	padding:10px 0;
}
#log .success{
	font:normal 11px Verdana, Geneva, sans-serif;
	color:green;
	padding:10px 0;
}
#contact-info {
	float:left;
	width:212px;
	background:url(../imagens/sv_line.gif) top left repeat-y;
	padding:0 0 0 20px;
	margin:20px 0;
}
#contact-info ul li, #contact-info ul li a, #contact-info ul li a:visited {
	color:#a6a6a6;
	font-size:10px;
}
#contact-info ul li {
	padding-bottom:3px;
	line-height:18px;
}
#contact-info ul .separate { padding-bottom:10px; }
#contact-info ul li span {
	color:#565656;
	display:inline-block;
	width:50px;
}
#submitform {
	float:left;
	width:480px;
}
#submitform label, #commentform label {
	color:#aaa;
	cursor:pointer;
	display:block;
}
#submitform input, #commentform input {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#767676;
	background:#fff;
	width:189px;
	border:1px solid #dedede;
	padding:6px 10px 6px 10px;
	margin:5px 0 15px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
}
#submitform textarea, #commentform textarea {
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#767676;
	background:#fff;
	width:189px;
	height:60px;
	border:1px solid #dedede;
	padding:6px 10px 6px 10px;
	margin:5px 0 10px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#submitform #submit, #commentform #submit {
	background:#4d4d4d;
	padding:5px 7px 7px 7px;
	height:25px;
	float:left;
	border:none;
	color:#fff;
	width:100px;
	cursor:pointer;
}
#submitform #submit:hover, #commentform #submit:hover { background:#222; }
/* comment form */
#commentform {
	float:left;
	width:478px;
}
#commentform input { width:389px; }
#commentform textarea { width:389px; }
/* COMMENTS  -------------------------------------------------------------- */
.comment .meta {
	font-weight:bold;
	display:block;
	padding:0 0 5px 0;
}
.comment .body {
	width:380px;
	float:left;
	padding:0 0 0 10px;
}
.comment .avatar {
	float:left;
	background:#fff;
	padding:3px;
	border:1px solid #dedede;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.comment .counter {
	float:right;
	display:block;
	font:25px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	color:#d5d5d5;
	text-decoration:underline;
}
/* FOOTER  -------------------------------------------------------------- */
#footer {
	margin:0 auto;
	width:664px;
	height:205px;
	background:url(../imagens/footer_img.png) no-repeat;
}
#footer .footer-text {
	float:left;
	padding:11px 0 0 92px;
}
#footer .jump-up {
	float:right;
	padding:12px 92px 0 0;
	cursor:pointer;
}
#wrapper #footer .footer-text {
	text-align: center;
	width: 480px;
	font-size: 9px;
	color: #999;
}