/*
Theme Name: Proudfolio
Theme URI: http://www.wpzoom.com/themes/proudfolio/
Description: Theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.2.2
Author: WPZOOM
Author URI: http://www.wpzoom.com
*/


* {padding:0; margin:0; border: none; outline:0; }
body {font-family:Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #6d6e71 /*2f3133*/; text-align:center; background-color: #fff; }
a {text-decoration:none; color:#6d6e71; }
a:hover {text-decoration:none; color: #000; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#6d6e71; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

#wrap {width:100%; margin: 0 auto; text-align:left; }
#wrap div.wrap {width: 990px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:14px 0; line-height: 1px; }

::-moz-selection{background:#333; color:#fff;}
::selection{ background:#333; color:#fff; }

/* 2. Menu Area */
#menuTop {width: 100%; height: 76px /*50*/; margin-bottom: 0; margin-top: 0px; font-family: Arial Narrow, Arial, Tahoma, sans-serif; padding-top: 84px /*110*/; }

#nav {float: right; }

/*#nav li.current-menu-item {background: #f1f1f1 url(images/backMenu.png) repeat-x top left; height: 40px; line-height: 40px; }*/

#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead a {display:block; padding:5px 10px; color:#6d6e71; text-decoration:none; text-shadow: #fff 1px 1px 1px; }  
#menuhead a:hover {color:#6d6e71;}  
#menuhead li {float:left; display: inline; position:relative; line-height: 30px; font-size: 15px; /*text-transform: uppercase;*/ }
#menuhead li li {line-height: 20px; }  
#menuhead ul {position:absolute; display:none; width:120px; top:39px; left:0;}  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444; color: #ccc; text-shadow: none; }
#menuhead ul a:hover {color: #fff;}  
#menuhead li ul {width:130px;}  
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}  
#menuhead ul ul {top:auto;}  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}

/* 3. Content Area */
.column {float: left; display: inline;}
.column-narrow {width: 170px; padding-right: 30px; border-right: 1px solid #cccccc; }
.column-wide {width: 735px; margin-left: 30px; /*margin-right: 30px;*/ }
.column-full {width: 990px; margin-right: 0; }
.column-third {width: 810px; }

.column-last {margin-right: 0;}

.column-narrow .widget { float: right; text-align: right; font-size: 16px; line-height: 16px; font-family: Arial Narrow, Arial, Tahoma, sans-serif; }
.column-narrow .widget p {margin-bottom: 16px;}
.column-narrow ul {margin-bottom: 30px;}

#logo { margin-bottom: 20px; margin-left: 20px; padding-top: 10px; }
#social {border-top: solid 10px #333; height: 70px; }
#social ul {margin-top: 5px;}
#social li {float: left; display: inline; margin-right: 5px; }
.header {height: 0px; }

h1, h2.special, div.header h2, .post-content h2, h3, h4, h5, h6, .navigation p {font-family: Georgia, serif; font-size: 20px; font-style: italic; line-height: 20px; padding-bottom: 15px; }
h3, h4 {font-size: 18px; }
h5, h6 {font-size: 16px; }

.navigation p {font-size: 18px; text-align: center; }
.navigation a {margin: 0 5px;}

.posts h2, .ft-title {font-family: Tahoma, Arial Narrow, Arial, sans-serif; font-size: 10px; line-height: 16px; font-weight: bold; }
.posts a {color: #6d6e71; }
.posts a:hover {color: #6d6e71; }
.posts .post {float: left; display: inline; margin-right: 5px; margin-bottom: 5px; }
.posts .post .thumb {margin-bottom: 3px; }
.posts-4 .post {width: 95px; /*150px*/ }
.posts-2 .post {width: 310px; }
.posts .post-last {margin-right: 0;}
.posts .sep {}

.post-content {font-size: 14px; line-height: 20px; }
.column-wide.post-content img {margin-bottom: 20px; }
.column-wide .post-content p {margin-bottom: 20px; }
.column-wide .post-content p {margin-top: 0;}
p.tags, p.pages, p.postmetadata {font-size: 11px; letter-spacing: 1px; }

.post-comments {border-top: solid 5px #333; }
#comments p {font-size: 11px; letter-spacing: 1px; margin-top: 14px; }

/* 4. Comments */
ol.comments {padding: 20px 0; margin:0; }
ol.comments a {text-decoration: none;}
ol.comments div.comment-body {position: relative; }
ol.comments div.reply {position: absolute; top: 0; right: 0; }
ol.comments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
ol.comments li ul.children {padding: 10px 0 0; }
ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }


ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
ol.comments cite.author {color: #333;}
ol.comments span.says {display: none; }
ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
ol.comments blockquote {font-size: 12px; line-height: 18px; }
#comments ol.comments p {text-shadow: #fff 1px 1px 1px; letter-spacing: 0; font-size: 14px; }
ol.comments li.comment {background-color: #f7f7f7; }
ol.comments li.bypostauthor { background-color: #fff; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { background: #333; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { background: #6d6e71; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label, .column-narrow label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input, .column-narrow input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 550px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea, .column-narrow input, #footer input{background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
.column-narrow input {width: 130px;}
.column-narrow label {margin-left: 0; text-transform: uppercase;}
#commentform #submit, .column-narrow #searchsubmit, #footer #searchsubmit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; }
#commentform #submit:hover {background-color: #005599; }

.post-content p {margin: 14px 0; }
.post-content img {margin: 0 0 20px 0; }
.post-content ul, .post-content ol {margin-left: 20px; margin-bottom: 14px; }
.post-content li {list-style-position: inside;} 
.post-content ul li {list-style-type: square;}
.post-content ol li {list-style-type: decimal;} 
.post-content blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 14px 0; }
.post-content .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
.post-content .alignright {float: right; display: inline; margin: 0 0 10px 15px; }

/* 4. Footer Area */
#footer {font-size: 12px; font-family: Arial Narrow, Arial, Tahoma, sans-serif; margin-top: 10px; margin-bottom: 10px; /*border-top: solid 5px #333;*/ padding-top: 0px; color: #777; }
#footer a {text-decoration: none; }
#footer a:hover {text-decoration: none; }
#footer ul {text-align: right; display: block; margin-bottom: 5px; }
#footer ul li {text-align: right; display: inline; padding: 0 10px; line-height: 16px; /*text-transform: lowercase;*/ }

/* Captions */
.wp-caption {	float: left; display: inline; text-align: center;	padding: 0 0 5px 0;	margin: 0 10px 10px 0;}
.wp-caption p { font-family: Helvetica, Arial, Tahoma, sans-serif;	text-align: center;	font-size: 11px;	text-transform: uppercase;}

#slideshow { float: left; /*display: inline;*/ text-align: center; width: 735px; height: 600px; margin-bottom: 50px; margin-left: 10px; }
.ft-title { padding: 10px; width: 610px; text-align: left; font-style: normal; }
.ft-prev, .ft-next { background-color: #333; padding: 0 10px; color: #ddd; }
.ft-prev:hover, .ft-next:hover {background-color: #000; color: #fff;}
.ft-button-slideshow {display: none;}

#footer p.wpzoom {float: right; display: inline; line-height: 16px; }
#footer p.wpzoom img {float: right; display: inline; margin: 0 0 0 5px;}
#footer p.wpzoom a {color: #777; text-decoration: none;}
#footer p.wpzoom a:hover { }

.post-content .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
.post-content .gallery { margin: auto; text-align:center; clear:both; }
.post-content .gallery img { border: solid 4px #eee;}
.post-content .gallery-caption { margin-left: 0; }
.post-content div.gallery img:hover {border: solid 4px #9acdea; }

/* Shortcodes */
.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
.scBox {padding: 10px; text-shadow: none !important; color: #444; margin: 10px 0; }
.notice {background-color: #f8f0af; }
.warning {background-color: #f8c0c0; }
.update {background-color: #c0e5f8; }
.highlight {padding: 3px 5px; text-shadow: none; background-color: #f8f0af; color: #333; }
.half {float:left;width:47%;margin:10px 0;margin-right:6%;}
.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
.last {margin-right:0; }

.header-arch {
height: 30px;
}

#top-social {
display: block;
float: right;
height: 26px;
width: 100%;
}

#top-social ul {
float: right;
}