/*  

Theme Name: Briefcase

Theme URI: http://themeforest.net?ref=Maximus

Description: A High Contrast Fun Portfolio Theme For Wordpress

Version: 1.0

Author: Maximus

Author URI: http://themeforest.net?ref=Maximus

*/


#featured h1 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:1.2em;
}	

/* ----------------------------------------------------------------

* BROWSER RESET

 * ---------------------------------------------------------------- 

*/ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

}

:focus {

	outline: 0;

}

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* ---------------------------------------------------------------- 

 *  GLOBAL

 * ---------------------------------------------------------------- 

*/ 

html, body {

	height: 100%;

}

html {

	font-size: 76%;

}

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	line-height: 1.4em;

}

.clear {

	clear: both;

	width: 1px;

	height: 1px;

	margin: 0;

	padding: 0;

}

/* ---------------------------------------------------------------- 

*  WRAPPER

* ---------------------------------------------------------------- 

*/ 

#wrapper {

	width: 100%;

	margin-top: 9px;

	min-height: 100%;

	height: auto !important;

	height: 100%;

}

/* ---------------------------------------------------------------- 

*  BUTTON TEMPLATE

* ---------------------------------------------------------------- 

*/ 

div.button {

	height: 26px;

	line-height: 26px;

	overflow: hidden;

	font-size: 14px;

	font-weight: bold;

	margin-top: 10px;

}

div.button a {

	color: #000000;

	margin-left: 3px;

	padding: 8px 8px 8px 5px;

	text-decoration: none;

}

/* ---------------------------------------------------------------- 

*  HEADER

* ---------------------------------------------------------------- 

*/ 

#header {

	width: 940px;

	height: 49px;

	margin: -1px auto 0;

	padding: 20px 20px 0;

	position: relative;

}

#header h1 {

	display: inline;

	margin: 0 8px 0 0;

	padding-right: 13px;

	font-size: 26px;

}

#header h1 a {

	font-weight: bold;

	text-decoration: none;

}

#header span {

	position: relative;

	top: -3px;

	font-size: 10px;

	text-transform: uppercase;

}

#header ul {

	position: absolute;

	bottom: 0;

	right: 0;

	overflow: hidden;

	height: 30px;

	margin-right: 20px;

}

#header li {

	float: left;

	width: 111px;

	height: 100%;

	margin-left: 1px;

	padding-top: 6px;

	font-size: 10px;

	text-align: center;

	text-transform: uppercase;

}

#header li a {

	text-decoration: none;

}

/* ---------------------------------------------------------------- 

*  CONTENT

* ---------------------------------------------------------------- 

*/ 

#content {

	width: 940px;

	min-height: 500px;

	margin: 0 auto;

	padding: 20px;

	background: #ffffff;

}

#content #featured div.image {

	height: 350px;

	width: 940px;

	overflow: hidden;

	display: none;

}

#content #featured div.active {

	display: block;

}

#content #featured .data {

	height: 90px;

	background: url(images/featured-background.gif) no-repeat;

}

#content #featured .data h2 {

	font-size: 26px;

	color: #000000;

	margin-top: 1px;

}

#content #featured .data h2 a {

	color: #000000;

	text-decoration: none;

}

#content #featured .data span a {

	font-size: 10px;

	text-transform: uppercase;

	text-decoration: none;

}

#content #featured .data span a:hover {

	text-decoration: underline;

}

#content #featured .data .comments {

	float: left;

	width: 42px;

	height: 42px;

	margin-top: 25px;

	font-size: 24px;

	font-weight: bold;

	padding-top: 6px;

	text-align: center;

}

#content #featured .data .comments a {

	text-decoration: none;

}

#content #featured .data .left {

	float: left;

	width: 437px;

	margin: 25px 0 0 12px;

	padding: 0;

}

#content #featured .data .right div {

	float: left;

}

#content #featured .data .right {

	float: right;

	max-width: 449px;

	text-align: right;

}

#content #featured .data .right .featured_left {

	width: 26px;

	height: 26px;

	margin-top: 32px;

	cursor: pointer;

}

#content #featured .data .right .featured_display { /*width: 370px;*/

}

#content #featured .data .right .image {

	margin: 20px 0 0 13px;

	width: 50px;

	height: 50px;

	display: block;

	cursor: pointer;

}

#content #featured .data .right .active {

	width: 44px;

	height: 44px;

	border: 3px solid #cacaca;

}

#content #featured .data .right .featured_right {

	width: 26px;

	height: 26px;

	margin: 32px 0 0 14px;

	cursor: pointer;

}

/* ---------------------------------------------------------------- 

*  CONTENT MAIN

* ---------------------------------------------------------------- 

*/

#content #main .left, #content #main .right {

	float: left;

	width: 455px;

}

#content #main .left {

	margin-right: 15px;

}

#content #nav {

	margin: 20px 0;

}

#content #nav ul {

	float: left;

	font-size: 14px;

	font-weight: bold;

}

#content #nav li {

	float: left;

	margin-right: 28px;

	overflow: hidden;

	height: 26px;

	line-height: 26px;

}

#content #nav a {

	color: #000000;

	text-decoration: none;

}

#content #nav a:hover {

	text-decoration: underline;

}

#content #nav li.active {

	background: url(images/btn_left.gif) no-repeat left center;

}

#content #nav li.active a {

	margin-left: 3px;

	padding: 10px 8px 10px 5px;

	background: url(images/btn_right.gif) no-repeat right center;

}

#content #nav li.active a:hover {

	text-decoration: none;

}

#content #main .tab {

	display: none;

}

#content #main .active {

	display: block;

}

#content #main .popular {

	height: 48px;

	padding-left: 70px;

	padding-right: 50px;

	padding-top: 15px;

	background: #fafafa;

	border-top: 1px solid #efefef;

	position: relative;

}

#content #main .alt {

	background: #f8f8f8;

}

#content #main .popular h3 {

	font-size: 13px;

	font-weight: normal;

	margin-bottom: 3px;

}

#content #main .popular h3 a {

	color: #000000;

	text-decoration: none;

}

#content #main .popular h3 a:hover {

	text-decoration: underline;

}

#content #main .popular span {

	color: #f4be00;

	font-size: 10px;

	font-weight: normal;

	text-transform: uppercase;

}

#content #main .popular span a {

	color: #f4be00;

	text-decoration: none;

}

#content #main .popular span a:hover {

	text-decoration: underline;

}

#content #main .popular div.image {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 7px;

	left: 6px;

	overflow: hidden;

}

#content #main .popular div.comments {

	width: 36px;

	height: 32px;

	position: absolute;

	top: 15px;

	right: 10px;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	color: #ffffff;

	padding-top: 4px;

	background: url(images/comment.gif) no-repeat;

}

#content #main .popular div.comments a {

	color: #ffffff;

	text-decoration: none;

}

#content #main .latest {

	height: 48px;

	padding-left: 70px;

	padding-right: 50px;

	padding-top: 15px;

	background: #fafafa;

	border-top: 1px solid #efefef;

	position: relative;

}

#content #main .alt {

	background: #f8f8f8;

}

#content #main .latest h3 {

	font-size: 13px;

	font-weight: normal;

	margin-bottom: 3px;

}

#content #main .latest h3 a {

	color: #000000;

	text-decoration: none;

}

#content #main .latest h3 a:hover {

	text-decoration: underline;

}

#content #main .latest span {

	color: #f4be00;

	font-size: 10px;

	font-weight: normal;

	text-transform: uppercase;

}

#content #main .latest span a {

	color: #f4be00;

	text-decoration: none;

}

#content #main .latest span a:hover {

	text-decoration: underline;

}

#content #main .latest div.image {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 7px;

	left: 6px;

	overflow: hidden;

}

#content #main .latest div.comments {

	width: 36px;

	height: 32px;

	position: absolute;

	top: 15px;

	right: 10px;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

	color: #ffffff;

	padding-top: 4px;

	background: url(images/comment.gif) no-repeat;

}

#content #main .latest div.comments a {

	color: #ffffff;

	text-decoration: none;

}

#content #main .comment {

	height: 48px;

	padding-left: 70px;

	padding-top: 15px;

	background: #fafafa;

	border-top: 1px solid #efefef;

	position: relative;

}

#content #main .comment a {

	color: #000000;

	text-decoration: underline;

}

#content #main .comment a:hover {

	text-decoration: none;

}

#content #main .comment div.image {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 7px;

	left: 6px;

	overflow: hidden;

}

#content #main #flickrrss img {

	margin: 0 10px 10px 0;

	}

#content #main .right {

	margin-left: 15px;

}

#content #main .right h3 {

	color: #000000;

	font-size: 14px;

	font-weight: bold;

	margin: 28px 0 14px;

}

#content #main .right p {

	line-height: 22px;

}

#content #main .right img {

	display: none;

}

#content #main .right img:first-child {

	display: block;

	float: right;

	margin-top: -39px;

	margin-left: 12px;

	background: #f3f3f3;

	padding: 4px;

	border: 1px solid #e7e7e7;

}

/* ---------------------------------------------------------------- 

*  CONTENT POST

* ---------------------------------------------------------------- 

*/

#content #category_nav {

	height: 50px;

	overflow: hidden;

	background: url(images/nav_bck.gif) no-repeat left top;

}

#content #category_nav ul {

	float: left;

	margin-left: 1px;

}

#content #category_nav li {

	float: left;

	margin: 14px 28px 0 0;

	font-size: 14px;

	font-weight: bold;

	line-height: 26px;

}

#content #category_nav li a {

	color: #000000;

	text-decoration: none;

}

#content #category_nav li a:hover {

	text-decoration: underline;

}

#content #category_nav li.active {

	padding: 2px 0 0;

	margin-top: 12px;

	margin-right: 17px;

	background: url(images/btn_left.gif) no-repeat center left;

}

#content #category_nav li.active a {

	margin-left: 3px;

	padding: 10px 8px 8px 6px;

	background: url(images/btn_right.gif) no-repeat right center;

}

#content #category_nav li.active a:hover {

	text-decoration: none;

}

#content .post .post_title {

	background: url(images/post-title-bck.gif);

	/*background: url(images/post-bar.gif) no-repeat left bottom;*/

	height: 65px;

	margin-bottom: 16px;

	padding-top: 28px;

}

#content .post .no_background {

	background: url(images/post-bar.gif) no-repeat left bottom;

}

#content .post .post_title div.button {

	float: right;

}

#content .post .post_title div.button a {

	color: #000000;

}

#content .post .comments {

	float: left;

	width: 36px;

	height: 32px;

	text-align: center;

	padding-top: 1px;

	margin-right: 12px;

	font-size: 24px;

	font-weight: bold;

	background: url(images/comment.gif) no-repeat;

}

#content .post .comments a {

	color: #ffffff;

	text-decoration: none;

}

#content .post h2 {

	font-size: 24px;

	font-weight: bold;

}

#content .post h2 a {

	color: #000000;

	text-decoration: none;

}

#content .post h2 a:hover {

	text-decoration: underline;

}

#content .post div.category {

	text-transform: uppercase;

	font-size: 10px;

	margin-bottom: 24px;

}

#content .post div.category a {

	color: #f4be00;

	text-decoration: none;

}

#content .post div.category a:hover {

	text-decoration: underline;

}

#content .post img.featured {

	margin-bottom: 20px;

	padding-bottom: 20px;

	background: url(images/post-bar.gif) no-repeat center bottom;

}

#content .post {

	font-size: 14px;

	line-height: 24px;

	padding-bottom: 22px;

	margin-bottom: 22px;

	background: url(images/post-bar.gif) no-repeat center bottom;

}

#content .post p {

	padding-bottom: 20px;

}

#content .post a {

	color: #d1a301;

}

#content .post blockquote {

	background: #f2f2f2 url(images/blockquote.gif) no-repeat left top;

	border-left: 5px solid #ffd02a;

	margin: 8px 0 20px;

	padding: 12px 0 13px 46px;

}

#content .post blockquote p {

	padding-bottom: 0;

}

#content .post ol, #content .post ul {

	padding-bottom: 20px;

}

#content .post ol {

	margin-left: 20px;

	list-style-type: decimal;

}

#content .post ul {

	margin-left: 15px;

	list-style-image: url(images/post_li.gif);

}

/* ---------------------------------------------------------------- 

*  CONTENT POST > PORTFOLIO

* ---------------------------------------------------------------- 

*/

#content .portfolio {

	padding-bottom: 0;

	margin-bottom: 50px;

}

#content .portfolio div.post_img {

	width: 940px;

	height: 350px;

	overflow: hidden;

	margin-top: 20px;

}

/* ---------------------------------------------------------------- 

*  CONTENT ABOUT PAGE

* ---------------------------------------------------------------- 

*/

#content #aboutpg #photo {

	float: right;

	margin: -50px 20px 10px 40px;

	padding: 5px;

	background: #F3F3F3;

	border: 1px solid #E7E7E7;

}

#content #aboutpg #name {

	font-size: 22px;

	font-weight: bold;

	margin-bottom: 10px;

	padding-top: 10px;

}

#content #aboutpg #location {

	font-size: 14px;

	color: #666666;

	margin-bottom: 30px;

	font-style: italic;

}

#content #aboutpg #sdesc {

	margin-bottom: 20px;

}

#content #aboutpg #ldesc {

	padding-top: 20px;

	margin-bottom: 20px;

	background: url(images/post-bar.gif) no-repeat center top;

}

/* ---------------------------------------------------------------- 

*  PAGE NAVIGATION

* ---------------------------------------------------------------- 

*/

.page_navigation {

	height: 50px;

	overflow: hidden;

	background: url(images/nav_bck.gif) no-repeat left top;

}

.page_navigation ul {

	float: left;

	margin-left: 1px;

}

.page_navigation li {

	float: left;

	margin: 14px 8px 0 0;

	font-size: 14px;

	font-weight: bold;

	line-height: 26px;

}

.page_navigation li a {

	color: #000000;

	text-decoration: none;

}

.page_navigation li a:hover {

	text-decoration: underline;

}

.page_navigation li.active {

	padding: 2px 0 0;

	margin: 12px 10px 0 2px;

	background: url(images/btn_left.gif) no-repeat center left;

}

.page_navigation li.active a {

	margin-left: 3px;

	padding: 10px 8px 8px 6px;

	background: url(images/btn_right.gif) no-repeat right center;

}

.page_navigation li.active a:hover {

	text-decoration: none;

}

/* ---------------------------------------------------------------- 

*  COMMENTS

* ---------------------------------------------------------------- 

*/

#comment .left, #comment .right {

	float: left;

	width: 455px;

}

#comment .left {

	margin-right: 15px;

}

#comment .right {

	margin-left: 15px;

}

#comment h4 {

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 25px;

}

#comment #comment_form {

	width: 100%;

	background: #f2f2f2;

	padding-bottom: 10px;

}

#comment #comment_form p {

	padding: 10px;

}

#comment #comment_form p a {

	color: #D1A301;

}

#comment #comment_form input {

	font: 14px Arial, Helvetica, sans-serif;

	width: 407px;

	border: 1px solid #ebebeb;

	padding: 13px;

}

#comment #comment_form textarea {

	font: 14px Arial, Helvetica, sans-serif;

	width: 407px;

	height: 58px;

	border: 1px solid #ebebeb;

	padding: 13px;

}

#comment #comment_form div.button {

	margin: 10px 0 10px 10px;

}

#comment .right .comment .user {

	float: left;

	width: 80px;

	text-align: right;

	margin-right: 20px;

}

#comment .right .comment .user span {

	font-size: 10px;

	color: #ecb800;

}

#comment .right .comment .user span.author {

	color: #000000;

	font-size: 14px;

}

#comment .right .comment .user span.author a {

	color: #000000;

}

#comment .right .comment .text {

	float: left;

	width: 312px;

	padding: 20px;

	border: 1px solid #ebebeb;

	background: #ffffff;

	font-size: 14px;

	line-height: 24px;

	margin-bottom: 20px;

	min-height: 90px;

}

#comment .right .comment .alt {

	background: #f9f9f9;

}

#comment .right .comment a {

	color: #d1a301;

	text-decoration: underline;

}

/* ---------------------------------------------------------------- 

*  FOOTER

* ---------------------------------------------------------------- 

*/ 

#footer {

	width: 940px;

	min-height: 40px;

	margin: 0 auto;

	padding: 20px;

	font-size: 10px;

	color: #636362;

	position: relative;

	text-transform: uppercase;

}

#footer a.rss {

	position: absolute;

	top: 20px;

	right: 20px;

	padding-right: 20px;

	color: #636362;

	text-decoration: none;

	background: url(images/rss.gif) no-repeat center right;

}

#footer a.rss:hover {

	text-decoration: underline;

}



a {

color:#8f0000;

}
.contactform {
margin-top:20px;
}