/*
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 #000; margin: 0px; background-image: url(http://fractal-frog.com/ffwp/wp-content/themes/portfolio/images/wood.jpg); background-color: #2D2015; background-repeat: repeat; background-position: top left; }
a, a:link, a:active { color: black; text-decoration: none; }
h1, h2, h3, h4, h5 { margin: 0px; font-weight: normal; }
.left { width: 580px; float: left; }
.right { width: 340px; float: right; }
.clear { clear:both; }
.wrap { width: 940px; margin: 0px auto 0px auto; }
.header { margin: 50px 0px 30px 0px; }


/*** LOGO ***/
#headlogo { width: 350px; height: 150px; background-image: url(http://fractal-frog.com/ffwp/wp-content/themes/portfolio/images/fflogo.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: 15px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; text-transform: uppercase; margin-left: 20px; color: white; }
.header ul li.current_page_item a { color: #db6d00; background: #000; }
.header ul li a:hover { color: #000; }


/*** HEAD QUOTE ***/
.head-quote { border-bottom: solid 1px #412E1E; background-color: #000; color: #fff; font-family: 'Georgia', 'Times New Roman'; font-size: 25px; line-height: 1.25; padding: 25px; margin-bottom: 40px; }
.head-quote p { margin: 0px; }
.head-quote strong { color: #db6d00; font-weight: normal; }


/*** SMALL TITLE ***/
.small-title { font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 13px; color: white; text-transform: uppercase; padding-bottom: 10px; border-bottom: solid 1px #412E1E; margin-bottom: 20px; }
.small-title span { color: #ffffff; }
.small-title .right a { color: black; background: url(http://www.fractal-frog.com/ffwp/wp-content/themes/portfolio/images/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 black; 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: white; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 16px; line-height: 18px; }
.portfolio-item .right .details { margin-bottom: 15px; }
.portfolio-item .right .details span { color: black; text-transform: none; }
.det_title { width: 4em; float: left; }


/* FOOTER */
.footer { background-color: #000; 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: white; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 16px; margin: 0px; }
.footer p a { color: white; text-decoration: underline; }
.footer { padding: 40px 0 50px 0; }


/* ABOUT PAGE */
.about .head h2 { margin: 0px; }
.about .head span { color: black; 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: black; display: block; margin-top: 10px; }


/* NAVIGATION */
.navigation a { background-color: #000; display: block; color: white; 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 }