/*
THEME NAME: WebWise
THEME URI: http://www.webwise.ro
DESCRIPTION: Webwise portfolio
VERSION: 2.0
AUTHOR: <a href="http://www.webwise.ro">WebWise Webdesign & Advertising</a>
AUTHOR URI: http://www.webwise.ro
*/

html {height:100%;}
 

body {
	background: #FAFAFA;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #585858;
	 height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

#wrapper {
  position: relative;
  width: 1035px;
  min-height: 90%;
  margin-left:auto;
  margin-right:auto;
  color: #333;
  height:90%;
  padding-bottom:50px;
  margin-bottom:50px;
}


strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

ul {margin-left:0px;
list-style:none;
padding-left:0px;}

h1 {font-family: 'Francois One', sans-serif; color: #666; }
h1 a {color:#666; font-size:60px; }
h1 img {border:none;}
h1 img a {border:none;}

img {border:none;}

img a {border:none;}

h3 {font-family: 'Francois One', sans-serif; color: #666; }

h2 { 
	padding: 5px 0;
	line-height: 1.2;
	list-style-type: none;
	font-family: 'Abel', sans-serif;
	font-size:20px;
	font-weight:400;
	margin-top:-8px;
	}
	
h2 a {color:#FFF;
-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:1px;
	padding-top:1px;
	background:#7C9237;
	text-decoration:none;}
	
	


blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}



#header {
	overflow: hidden;
	
	margin: 0 auto;
}

#logo {

	margin: 10px 0 0 0px;
	font-weight: bold;
}

#logo a {
	color: #666;
	text-decoration:none;
}

#description {
	font-size: 22px;
	color: #666666;
	margin: -10px 0 10px 0px;
	font-family: 'Francois One', sans-serif; 
}

#menu {
	width: 880px;
	overflow: hidden;
	margin: 0 auto;
}

#menu ul li {
	float: left;
	text-transform: uppercase;
	font-size: 90%;
	padding: 10px;
}

#menu ul li a {
	color: #666666;
}

#container {

	overflow: hidden;
	margin: 25px auto;
}


#proiect {border: 1px solid #CDCDCD;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow:visible;
	z-index:1;
	width:728px;
	height:486px;
}
#proiect img {border-width:8px;
	border-color:#fff;
	border-style:solid;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow:visible;
	z-index:1;
}

#overlay {
	position:absolute;
	z-index:200;
	background:url(images/overlay.png) center no-repeat;
	margin:5xp;
	width:712px;
	height:470px;
	overflow:visible;
	margin-top:-479px;
	margin-left:8px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#content {
	float: left;
	width: 722px;
	
	margin-top:30px;
	padding-left: 30px;
	border-left-width:1px;
	border-left-color:#999;
	border-left-style:solid;
    margin-left:282px;
	min-height: 90%;
	margin-bottom:50px;
	overflow:visible;
	padding-bottom:50px;

	}

.post {
	margin-bottom: 50px;
}

.post-title {
	font-size: 200%;
	line-height: 1.2;
	font-weight: 400;
	border-bottom-width:1px;
	border-bottom-color:#999;
	border-bottom-style:solid;
	padding-bottom:8px;
	margin-bottom:14px;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 5px;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	font-family: 'Marmelad', sans-serif;
	margin-top: 15px;
	font-size:15px;
	color:#666;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;

}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;

}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;

}

.post-content img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;

}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#sidebar {
	float: left;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
	
	width:242px;
	position:fixed;
	
	}
	
	.sidepanel a {color:#333; text-decoration:none;}

.sidepanel a:hover {color:#333; text-decoration:underline;}

.sidepanel {
	width:232px;
	margin-bottom: 30px;
}

.sidepanel h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #EFEFEF;
	padding: 0 0 5px 0;
	color: #333333;
	font-weight: bold;
	font-size: 90%;
}

.sidepanel ul li {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 0;
	line-height: 1.2;
	list-style-type: none;
	text-align:center;
	font-family: 'Abel', sans-serif;
	font-size:20px;
	color:#333;
	 -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-decoration:none;
	
}

.sidepanel ul li a:hover { 
background:#7C9237;
color:#FFF;
 -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

	
}

.sidepanel ul li:hover { 
background:#7C9237;
color:#FFF;
 -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.sidepanel ul li:hover a { 
background:#7C9237;
color:#FFF;
 -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
} 

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

#footer {
	border-top: 1px solid #EAEAEA;
	text-align:center;
	font-family: 'Abel', sans-serif;
	font-size:16px;
	width:252px;
	
	
}

#footer-links {
	list-style: none;
	text-align:center;
}

#footer-links li {
	float: left;
	margin-right: 15px;
	text-align:center;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}


.boundingBox{ margin: 0 auto;  }

/* Content */

/* Content - Portfolio Listing */
#portfolio-list {margin-bottom:40px;}

#portfolio-list a {color:#FFF; text-align:center; text-decoration: none;}
#portfolio-list a:hover {color:#FFF; text-align:center; text-decoration: none;}
#portfolio-list img {margin-bottom:3px;}
ul#portfolio-filter{ padding: 0; height: 40px;  margin-top:-8px; margin-bottom:-6px;}
ul#portfolio-filter li{ display: inline; font-family: 'Abel', sans-serif; font-weight:400;	font-size:16px; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 5px; background: #FFF; color:#333;  text-decoration: none;  }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #fff; background:#7C9237; -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;}
ul#portfolio-filter a.current{ color: #fff; background:#7C9237; -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;}

ul#portfolio-list{ margin:8px 0 0 0; padding: 0; list-style: none; width:100%; }

	ul#portfolio-list li{ width: 230px; height: 170px; display: block; float: left; margin-right: 10px; margin-bottom:10px; overflow: hidden; -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; font-family: 'Abel', sans-serif; font-weight:400;	font-size:16px; background:#666; color:fff;}
	
	
	ul#portfolio-list li a {display: block; width: 228px; height: 168px; overflow: hidden; border: 1px solid #CDCDCD;  -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; background:#E9E9E9; color:#666;}
	
	ul#portfolio-list li a:hover {display: block; width: 228px; height: 168px; overflow: hidden; border: 1px solid #CDCDCD;  -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; background:#7C9237; color:fff;}
	
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #fff; margin: 5px 0; }

gallery-item {heigth:130px;}