/*
Theme Name: Portfolio Wordpress Theme
Author: Sorel Mihai
Author URI: http://www.dailywp.com/
Version: 1.0
Theme URI: http://www.dailywp.com/portfolio-wordpress-theme/
*/



/*** GENERAL TAGS ***/

body { 
padding: 0px;
border-top: solid 5px #19120C;
margin: 0px; 
background-image: url(http://www.tomjuby.com/images/site/bodybg.jpg);
background-color: #2D2015;
background-repeat: no-repeat;
background-position: top left;
}

a, a:link, a:active {
color: #B9F600;
text-decoration: none; 
}

.left { 
width: 580px; 
float: left; 
}

.right {
width: 340px; 
float: right;
}

.clear {
clear:both;
}

h1, h2, h3, h4, h5 {
margin: 0px;
font-weight: normal; 
}

.wrap { 
width: 940px; margin: 0px auto 0px auto; 
}

.header {
margin: 50px 0px 30px 0px;
}

.icon-link {
background-image:url(http://www.tomjuby.com/images/site/go-next.png);
background-position:5px center;
background-repeat:no-repeat;
padding-bottom:1px;
padding-left:30px;
padding-top:1px;
font-size: 18px;
}
/*** LOGO ***/

#headlogo {
width: 375px;
height: 150px; 
background-image: url(http://www.tomjuby.com/images/site/logo.png);
background-repeat: no-repeat;
background-position: top left;
display: block; 
text-indent: -9999px;
}

.header h1 { 
width: 350px; 
float: left; 
}

/*** MENU ***/

.header ul {
width: 560px;
float: right;
padding: 0px;
list-style: none;
text-align: right;
margin: 55px 0 0 0;
}

.header ul li { 
display: inline;
}

.header ul li a {
font-size: 20px;
padding: 10px;
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; 
text-transform: uppercase;
margin-left: 20px;
color: #AC946B;
}

.header ul li.current_page_item a {
color: #ffffff; 
background: #19120C;
}

.header ul li a:hover {
color: #ffffff;
}

/*** HEAD QUOTE ***/

.head-quote {
border-bottom: solid 1px #412E1E;
background-color: #19120C;
color: #BB9B80;
font-family: 'Georgia', 'Times New Roman';
font-size: 25px;
padding: 20px;
margin-bottom: 40px; 
}

.head-quote p { margin: 0px; }

.head-quote strong {
color: #ffffff;
text-decoration: underline; 
font-weight: normal;
}

/*** Contact Form ***/

#contact {
border-bottom: solid 1px #412E1E;
background-color: #19120C;
color: #BB9B80;
font-family: 'Georgia', 'Times New Roman';
padding: 20px;
margin-bottom: 40px; 
}
#contact h2 {
font-size: 35px;
color: #ffffff;
font-family: 'Georgia', 'Times New Roman'; 
line-height: 35px; 
margin-bottom: 15px; 
}

#contact .availability {
font-size: 25px;
margin-bottom: 40px; 
}

#contact .left { 
width: 560px; 
float: left; 
}

#contact .right {
width: 320px; 
float: right;
}
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*** SMALL TITLE ***/

.small-title { 
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
font-size: 13px; 
color: #AC946B;
text-transform: uppercase; 
padding-bottom: 10px; 
border-bottom: solid 1px #412E1E; 
margin-bottom: 20px; 
}

.small-title span {
color: #ffffff; 
}

.small-title .right a { 
color: #B9F600; 
background: url(http://www.tomjuby.com/images/site/rss.jpg) no-repeat center right;
padding-right: 17px; 
}

.small-title .right {
text-align: right; }

/***  PORTFOLIO ITEMS ***/

.portfolio-item {
border-bottom: solid 1px #412E1E;
padding-bottom: 20px; 
margin-bottom: 20px; 
}

.portfolio-item .left img, .about .right img {
border: solid 6px #4c493d; 
padding: 4px; }

.portfolio-item .right h2, .page h2 {
font-size: 35px;
color: #ffffff;
font-family: 'Georgia', 'Times New Roman'; 
line-height: 35px; 
margin-bottom: 15px; 
}

.page .head {
border-bottom: solid 1px #412E1E;
}

.portfolio-item .right, .page { 
color: #AC946B; 
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
font-size: 12px; 
line-height: 18px;
}

.portfolio-item .right .details { 
text-transform: uppercase;
margin-bottom: 15px;
}

.portfolio-item .right .details span {
color: #B9F600;
text-transform: none; 
}

/* FOOTER */

.footer {
background-color: #19120C;
margin-top: 50px;
}

.footer .in {
width: 940px; 
margin: 0px auto 0px auto; 
}

.footer h2 { 
font-size: 25px;
font-weight: bold;
letter-spacing: -1px;
color: #ffffff;
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
text-transform: uppercase;
}

.footer p {
color: #AC946B;
font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;
font-size: 12px;
margin: 0px;
}

.footer p a {
color: #AC946B;
text-decoration: underline;
}

.footer { padding: 40px 0 50px 0; }

/* ABOUT PAGE */

.about .head h2 {
margin: 0px; 
}

.about .head span { 
color: #B9F600;
font-weight: bold;
display: block;
margin: 0px 0px 15px 0px;
}

.page h3 { 
color: #ffffff;
font-size: 18px;
font-family: 'Georgia', 'Times New Roman';
margin: 40px 0 10px 0; 
}

.about span {
text-transform: uppercase; 
color: #B9F600;
display: block;
margin-top: 10px;
}

/* NAVIGATION */

.navigation a {
background-color: #19120C;
display: block;
color: #AC946B;
padding: 10px;
font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: -1px;
width: 155px;
text-align: center;
text-transform: uppercase;
}

.navigation .alignleft {
float: left; }

.navigation .alignright {
float: right; }

.navigation a:Hover {
color: #ffffff;
}