/*
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 #FFF;
margin: 0px; 
background-image: url(none);
background-color: #FFF;
background-repeat: no-repeat;
background-position: top left;
}

a, a:link, a:active {
color: #000000;
text-decoration: none; 
}
a:hover {
text-decoration: underline; 
}

.left { 
width: 800px; 
float: left; 

}

div.left a {
color: #000033;
text-decoration: none; 
}
div.left a:hover {
text-decoration: underline; 
}

.blogthumb {
border-color: #000;
}

.right {
width: 340px; 
float: right;
}
.alignright {
float: right
}
.alignleft {
float: left;
}

.clear {
clear:both;
}

h1, h2, h3, h4, h5 {
margin: 0px;
font-weight: normal; 
}
h1 {
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
margin:18px 0 0;
padding:8px 0 6px 10px;
width: 300px;
float: left;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}

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

.header {
margin: 0px;
}
blockquote {
margin: 0px;
padding: 10px;
quotes: "\201C" "\201D";
}

/*** LOGO ***/

#headlogo {
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
width: 350px;
display: block;
float:left;
font-weight:bold;
text-transform:uppercase;
line-height:2em;
margin:0;
padding:10px 0 0;
}

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

/*** HEAD QUOTE ***/

.head-quote {
border-bottom: solid 1px #412E1E;
background-color: #FFF;
color: #000;
font-family: 'Arial', 'serif';
font-size: 25px;
}

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

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

/*** SMALL TITLE ***/

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

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

.small-title .right a { 
color: #B9F600; 
background: url(http://jonpaciaroni.com/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 #4c493d; 
padding: 4px; }

.portfolio-item .right h2, .page h2 {
font-size: 35px;
color: #000000;
font-family: 'Arial', 'serif'; 
line-height: 35px; 
margin-bottom: 15px; 
}

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

.portfolio-item .right, .page { 
color: #000000; 
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: #FFF;
margin-top: 4px;
}

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

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

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

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

.footer { padding: 5px 0 0 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: #000000;
font-size: 18px;
font-family: 'Arial', 'serif';
margin: 40px 0 10px 0; 
}

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

/* NAVIGATION */

/* Navigation at rest */
#nav { float: right; margin: 18px 0 0 0; padding:8px 0 6px 10px; font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; text-transform: uppercase;}
#nav ul, #nav ul li { margin: 0; padding: 0; }
#nav ul li { font-size: 11px; font-weight: normal; list-style: none; float: left; margin-right: 15px; position: relative;color:#999 }
#nav ul li a { color: #000; text-decoration: none; }
#nav ul li a:hover {color:#000}

/* Navigation interaction */
#nav ul li ul { display: none; text-align:left;}
#nav ul li.drop:hover ul { display: block; }

/* Sub-navigation */
#nav ul li ul { padding-top: 7px; margin-left: -10px; position: absolute;z-index:200}
#nav ul li ul li { margin-right: 0; float: none; font-weight: normal; font-size: 11px;z-index:210}
#nav ul li ul li a { display: block; background: #1a1a1a; padding: 7px 10px; width: 130px; color: #999; background-repeat: no-repeat; background-position: 5px 50%; }
#nav ul li ul li a:hover { text-decoration: underline; background:#000; color: #FFF;}
#nav ul li ul li a.icon { padding-left: 30px; }
#nav ul li ul li a.entries {  background: #1a1a1a url(images/rss.png) 5px 50% no-repeat;}
#nav ul li ul li a.comments { background: #1a1a1a url(images/chat.png) 5px 50% no-repeat;}
#nav ul li ul li a.phone { background: #1a1a1a url(images/phone.png) 5px 50% no-repeat; }
#nav ul li ul li a.email { background: #1a1a1a url(images/email.png) 5px 50% no-repeat;}
#nav ul li ul li a.entries:hover { background: #000 url(images/rss.png) 5px 50% no-repeat;}
#nav ul li ul li a.comments:hover { background: #000 url(images/chat.png) 5px 50% no-repeat;}
#nav ul li ul li a.phone:hover { background: #000 url(images/phone.png) 5px 50% no-repeat;}
#nav ul li ul li a.email:hover { background: #000 url(images/email.png) 5px 50% no-repeat;}
#nav #search {margin:0; padding:0;}
#nav #search #s {color: #999;font-size: 1em;margin:0;padding: 8px 0 8px 10px;width: 140px;border:none;background:#1a1a1a}
#nav #search input {border:0}
#nav #search #s:hover {color: #fff;background: #000}

/* Navigation enhanced styles */
#nav ul li ul.push { margin-top: 12px; z-index:211}
#nav ul li.enhanced { margin-right: 0; padding-right: 15px; z-index:211}
#nav ul li.enhanced span { padding-right: 7px; float: left; z-index:211}
#nav ul li.enhanced a.arrow { display: block; position: relative; top: -2px; width: 18px; height: 15px; overflow: hidden; float: left; }
#nav ul li.enhanced a.arrow:hover { cursor: pointer; }
#nav ul li.enhanced a.arrow img { display: block; position: relative; border: 0; }
#nav ul li.enhanced a.rest img { top: 0; }
#nav ul li.enhanced a.hover img { top: -15px; }
#nav ul li.enhanced a.open img { top: -30px; }





#comment {
display:block !important;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
height:23px;
line-height:20px;
padding:7px 10px;
width:590px;
}

    /* COLORS - Comments */
    #commentform input { border:1px solid #888 }
    #comment { border:1px solid #888 }
    #submit { background:#000033; color:#FFF !important }
    .comment { border-bottom:1px solid #EEE }
    .reply a { background:#aaa !important; color:#FFF !important }
    .reply a:hover { background:#888 !important }
    .children .comment { border-top:1px solid #eee; background:#fff }
    .children .children .comment { background:#fff }
/* ---------------------------------------------------- */
/* Comments                                             */

ol.commentlist, ol.commentlist li { list-style:none }

h3#comments { margin:0 0 20px 0 }

#commentform input { padding:5px 8px; margin-right:10px }
#comment {
	height:23px;
	display:block !important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:20px;
	padding:7px 10px;
	width:590px }
	
#submit { border:none !important; padding:8px 13px; font-weight:bold }
.comment { margin:0 0 10px; padding:0 0 10px }
.comment p { margin:5px 0 0 0 !important }
.comment-author { font-size:20px; margin:0 0 12px; padding:0 0 13px }
.comment-author img { position:absolute; }
.comment-meta { top:12px; right:0; font-size:12px; font-weight:normal; text-transform:uppercase; margin:0 }
.comment-author cite, .comment-author .says { position:relative; top:7px }
.comment-author cite { font-style:normal; font-weight:bold; margin:0 0 0 45px }
.comment-author .says { font-size:15px; text-transform:uppercase }

#respond { margin:25px 0 0 0 }
	
	.reply a {
		bottom:3px;
		display:inline;
		font-size:11px;
		font-weight:bold;
		padding:3px 5px;
		position:absolute;
		right:0;
		text-transform:uppercase }
		
	#cancel-comment-reply-link {
		font-size:11px;
		font-weight:bold;
		display:block;
		margin:0 0 10px 0;
		text-transform:uppercase }
		
.children .comment {
	border-bottom:none !important;
	padding:10px 0;
	font-size:12px;
	margin:10px 0 0 75px !important }

.children .children .comment { padding:10px 0 0 0; margin:10px 0 0 30px !important }
.children .comment-author { font-size:13px; padding:2px 0 0 }	
.children .comment-author img { width:15px; height:15px }
.children .comment-author cite,
.children .comment-author .says { top:0 }
.children .comment-author cite { margin-left:25px }	
.children .comment-author .says { font-size:10px }
.children .comment-meta { position:absolute; font-size:11px; top:2px; right:0 }
	
/* ---------------------------------------------------- */
/* Navigation                                           */

#navigation-top {
	margin:0 0 30px;
	position:absolute; left:0; top:0;
	width:100%;
	height:50px }
	
.navigation-top {
	font-size:13px;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0 }
	
.navigation-top a { font-weight:bold; padding:19px 0 13px; display:block; margin:0 30px 0 0 }
.navigation-top ul li { float:left; position:relative }
.navigation-top li.current_page a { cursor:default }
		
.navigation-top li ul {
	width:200px;
	display:none;
	position:absolute;
	padding:4px 0;
	top:50px;
	left:-2px }
	
.navigation-top li ul ul {
	width:200px;
	display:none;
	position:absolute;
	padding:4px 0;
	top:0 !important;
	left:198px !important }
	
.navigation-top ul ul li {
	display:block;
	position:relative;
	margin:0; padding:0;
	float:none;
}
	
.navigation-top ul ul a {
	position:relative;
	text-transform:none;
	line-height:18px;
	letter-spacing:normal;
	font-weight:normal;
	padding:8px 10px;
	display:block;
	margin:0 4px 
}

.gray {
color: #666;
}

.home-blog {
display:none;
}