/*   
Theme Name: Simon WP Framework
Theme URI: http://simonwebdesign.com/simon-wp-framework/
Description: A blank framework licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>. It's a blank theme that provides the most flexibility for creating child themes from Simon WP Framework. Theme comes with custom icons. This Framework is widget ready in the sidebar and in the footer.
Author: SWD
Author URI: http://simonwebdesign.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 2.0
Tags: light, white, black, gray, two-columns, right-sidebar, fixed-width, custom-background, post-formats
*/

/* Contents
 
 Global
 Header 
 Navigation
 Sidebar
 Post
 Footer
 Meta
 Misc
 Pagination
 Forms
 Typography
 Comments 
 
*/

/* Global */
/* ---------------------------------------------------------- */

body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}
html {
	padding: 0px;
	margin: 0px;
}
/* Flex Grid */
.outer_wrap {
	width:100%;
}
.inner_wrap {
	margin: 0 auto;
	width: 910px;
}
.flex_10 {
	width: 10%;
	float: left;
}
.flex_20 {
	width: 20%;
	float: left;
}
.flex_25 {
	width: 25%;
	float: left;
}
.flex_33 {
	width: 33%;
	float: left;
}
.flex_40 {
	width: 40%;
	float: left;
}
.flex_50 {
	width: 50%;
	float: left;
}
.flex_60 {
	width: 60%;
	float: left;
}
.flex_66 {
	width: 66%;
	float: left;
}
.flex_75 {
	width: 75%;
	float: left;
}
.flex_80 {
	width: 80%;
	float: left;
}
.flex_90 {
	width: 90%;
	float: left;
}
.flex_100 {
	width: 100%;
}
.flex_pad {
	padding: 10px;
}
.flex_vert_pad {
	padding: 10px 0px 15px 0px;
}
.clear {
	clear: both;
}
/* Header */
/* ---------------------------------------------------------- */

#header {
	width:180px;
	float:left;
	margin: 28px 25px 0 0;
	position:fixed;
}
#content
{
	float: right;
	width: 705px;
	padding-top: 20px;
	margin:36px 0 0 0;
}
.single #content
{
	float: right;
	width: 705px;
	padding-top: 0px;
	margin:53px 0 0 0;
}
#logo
{
	display:block;
	float:left;
}
/* Navigation */
/* ---------------------------------------------------------- */
nav a#pull {
	display: none;
}
#navigation {
	clear: both;
	display: block;
	float: left;
	margin: 0;
	padding: 14px 0 0 0;
	width: 100%;
}
.menuline{  background-color: #8F8F8F;
    clear: both;
    float: left;
    height: 1px;
    margin: 13px 0 0;
    width: 30px;}
#navigation a {
	font-size:14px;
}
#navigation .menu-item-has-children > a , #navigation .menu-item-object-page a
{
	color:#000;	
}
#navigation li li a {
	color: #434343;
}
#navigation ul{ list-style:none; padding:0; margin:0;}
#navigation li {
	float: left;
	position: relative;
	width:100%;
	line-height:20px;
}
#navigation ul ul li:before
{
	content:"•";
	font-size:20px;
	color:#7a8691;
	position: relative;
    top: 3px;
}
#navigation ul ul li a{ padding:0 0 0 5px;}

#navigation li.menu-item-has-children > a
{
	color:#000000;
}
#navigation ul.sub-menu > li > a
{
	color:#7a8691;
}
#navigation li.current-category-parent > a , #navigation li li.current-menu-item > a , #navigation li.current-post-ancestor a , #navigation li li.current-post-parent > a , #navigation li.current-menu-item > a
{
	color:#009edd;
}
#navigation li li.current-menu-item:before , #navigation li li.current-post-parent:before
{
	background:url(images/active.jpg) left 6px no-repeat;
	padding:0 0 0 7px;
	content:"";
}
#navigation ul ul ul li
{
	float:none;
	width:auto;
	display:inline-block; line-height:11px;
	
}
#navigation ul ul ul li{font-size:10px;color:#7a8691;}
#navigation ul ul ul li:before{ content:""; background:none!important; padding:0!important;}
#navigation ul ul ul li a{ padding:0; font-size:10px;}
#navigation ul ul ul li:after{ content:" / "; color:#7a8691;}





#navigation ul ul ul.sub-menu , #navigation ul ul li:hover ul {
	display:none;
}
#navigation ul ul li.current-menu-item ul , #navigation ul ul li.current-menu-parent ul
{
	display:block;
	padding:0 0 0 14px;line-height: 14px;
}
#navigation ul a:hover , #navigation ul li a:hover
{
	color:#009edd;
}
#navigation ul li li:hover:before
{
	color:#009edd;
}

#sidebar {
	margin: 0px 0px 0px 20px;
}
#sidebar img {
	max-width: 100%;
}
#pages, #archives, #categories, #feeds, #sidebarmeta, #blogroll {
	margin: 0px 0px 0px 0px;
}
.sidebaritem {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #ccc;
}
#sidebar ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}
.no-widgets h2 {
	margin: 15px 0px 0px 0px;
}
#sidebar ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#sidebar #h3 {
	padding: 20px;
	margin: 0px;
}
/* Post */
/* ---------------------------------------------------------- */
.post table {
	width: 100%;
}
.post td, th {
	padding: 12px;
	border-bottom: 1px solid #ccc;
}
.post td {
	text-align: center;
}
.post th {
	font-weight: bolder;
}
dt {
	font-weight: bolder;
}
dd {
	margin: 0px 0px 10px 10px;
	color: #333;
}
address {
	border: solid 1px #ccc;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	width: 200px;
}
object, video {
	max-width: 100%;
    #width: 100%;
}
.wp-caption {
	max-width: 95%;
	height: auto;
}
.wp-caption img, .gallery-icon img {
	max-width: 98%;
	height: auto;
}
.content {
	background-color: #fff!important;
	padding: 30px;
}
.post, .type-post, .type-page {
	padding: 0px 0px 16px 0px;
}
.home .post{ padding:0;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin: 0px 20px 20px 0px;
	clear: both;
}
.alignright {
	float: right;
	margin: 0px 0px 20px 20px;
	clear: both;
}
.attachment-post-thumbnail {
	float: left;
	min-width: inherit;
	border: 5px solid #fff;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 2px #888;
	overflow: hidden;
	margin: 0px 20px 20px 0px;
}
/* Footer */
/* ---------------------------------------------------------- */

#footer {
	border-top: solid 8px #000;
	margin: 0px 0px 0px 0px;
	text-align: center;
	padding: 20px;
	color: #848484;
}
/* Meta */
/* ---------------------------------------------------------- */

.time {
	background: url(images/swpf_icons.png) no-repeat left -88px;
	margin: 0px;
	padding: 0px 0px 0px 23px;
}
.post-comments {
	background: url(images/swpf_icons.png) no-repeat left -66px;
	margin: 0px;
	padding: 0px 0px 0px 23px;
}
.categories {
	background: url(images/swpf_icons.png) no-repeat left -45px;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
.tags {
	background: url(images/swpf_icons.png) no-repeat left -24px;
	margin: 0px;
	padding: 0px 0px 0px 23px;
}
.meta_author {
	background: url(images/swpf_icons.png) no-repeat left -108px;
	margin: 0px;
	padding: 0px 0px 0px 23px;
}

/* Misc */
/* ---------------------------------------------------------- */

.sticky {
	background: url(images/must-read.png) no-repeat right top;
	background-color: #fff;
}
.gallery-caption {
  width: 90%;
  padding: 0px;
  margin: 0 auto;
}
.bypostauthor {
}
.wp-caption-text {
	font-size: 10px;
	color: #777;
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* Pagination */
/* ---------------------------------------------------------- */

.pagenavi {
	margin: 0 auto 20px auto;
	width: 400px;
	padding: 5px;
	background: #f3f3f3;
	border: 1px solid #ccc;
	-moz-box-shadow: inset 0 0 5px #fff;
	-webkit-box-shadow: inset 0 0 5px #fff;
	box-shadow: inset 0 0 5px #fff;
}
.pagenavi a {
	padding: 5px 6px 4px 6px;
	margin: 3px;
	text-decoration: none;
	color: #666;
	background-color: inherit;
}
.pagenavi a:hover {
	color: #000;
}
.pagenavi span.pages {
	padding: 5px 6px 4px 6px;
	margin: 3px;
	color: #333;
	font-weight: bold;
	background-color: inherit;
}
.pagenavi span.current {
	padding: 5px 6px 4px 6px;
	margin: 3px;
	font-weight: bold;
	color: #fff;
	background-color: #ccc;
}
/* Forms */
/* ---------------------------------------------------------- */
label {
	display: block;
  padding: 0px 0px 10px 0px;
}
textarea {
	max-width: auto;
}
select,
input[type="text"],
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
comment-reply-link {
	padding: 10px;
	width: 240px;
  font-family: arial;
	font-size: 15px;
	font-weight: normal;
	color: #898989;
	background-color: #fff;
	border: 1px solid #ccc;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  margin: 0px 10px 0px 0px;
  display: block;
}
textarea {
	padding: 10px;
	width: 320px;
	height: 120px;	
  font-family: arial;
	font-size: 15px;
	font-weight: normal;
	color: #898989;
	border: 1px solid #ccc;
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 4px -1px #ccc inset;
	-moz-box-shadow: 0 1px 4px -1px #ccc inset;
	box-shadow: 0 1px 4px -1px #ccc inset;
}
.comment-reply-link {
 	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #666666;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
}

input[type="submit"] {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #666666;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
}
input[type="submit"]:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9', GradientType=0);
	background-color: #e9e9e9;
}
input[type="submit"]:active {
	position: relative;
	top: 1px;
}
#search {
	margin: 20px 0px 0px 0px;
}
textarea, 
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-ms-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s
}

textarea:focus, 
select:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
  color: black;
	border-color: rgba(82,168,236,0.8);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)
}


/* Typography */
/* ---------------------------------------------------------- */

body {
	font: 14px/22px Arial, Verdana, sans-serif;
}


h2, h3, h4, h5, h6 {
	padding: 0px 0px 0px 0px;
}

a{ text-decoration:none;}
.description {
	color: #777777;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.bread-crumb {
	color: #777777;
	font-size: 10px;
	background: #f3f3f3;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 5px 10px;
}
.postdate {
	text-align: right;
	padding: 20px 20px 0px 0px;
}
.postmonth {
	color: #ccc;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bolder;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
.postyear {
	color: #ccc;
	font-weight: lighter;
	font-size: 22px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
h1 {
	font-size: 36px;
	color: #777;
	padding: 14px 0px 30px 0px;
	font-weight: lighter;
	margin: 0px;
}
h1 a {
	line-height: 29px;
}
h2 {
	font-size: 18px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	color: #777;
	margin: 0px;
	font-weight: 300;
}
h3 {
	font-size: 18px;
	color: #000;
	padding: 5px 0px 5px 0px;
	font-weight: 400;
}
h4 {
	font-size: 16px;
	color: #000;
	padding: 5px 0px 5px 0px;
	font-weight: 400;
}
h5 {
	font-size: 14px;
	color: #000;
	padding: 5px 0px 5px 0px;
	font-weight: lighter;
}
h6 {
	font-size: 12px;
	color: #000;
	font-weight: lighter;
}
p {
	letter-spacing: 0;
	padding: 0px 0px 15px 0px;
}
a {
	color: #08c;
}
#footer {
	font-size: 12px;
}
pre {
	font-size: 11px;
	color: #000;
	letter-spacing: 0;
	background-color: #f3f3f3;
}
cite {
	margin: 0px;
	padding: 0px;
}
code {
	font-size: 11px;
	color: #066;
	letter-spacing: 0;
	background-color: #0F9;
	padding: 2px;
}
blockquote {
	font-style: italic;
	color: #333;
	margin: 5px;
	padding: 10px 10px 0px 30px;
	background: url(images/quotes.png) no-repeat top left;
}
em {
	font-style: italic;
}
/* Post */
/* ---------------------------------------------------------- */

.post ul, .post ol {
	padding: 0px 0px 10px 30px;
}
.postmetadata {
	border-top: dotted 1px #e3e3e3;
	padding: 15px 0px 5px 0px;
	color: #777777;
	font-size: 12px;
	line-height: 18px;
	text-transform: capitalize;
	clear: both;
}
.meta {
	padding: 0px 0px 10px 0px;
}
/* Comments */
/* ---------------------------------------------------------- */
h3#reply-title {
	padding: 0px;
  margin: 0px;
}
.logged-in-as {
	padding: 0px;
  margin: 0px;
}
#comments-title:before {
	content: "Comments: ";
  color: #777;
}
#comments-title {
	padding: 30px 0px 0px 0px;
	margin: 0px;
	text-align: center!important;
}
.comment-author {
	font-weight: bolder;
	font-size: 14px;
	font-style: italic;
	text-transform: capitalize;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
}
.comment-author .avatar {
	display: block;
  float: left;
  margin: -5px 12px 0px 0px;
  padding: 0px;
  -webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
  border: solid 5px #f3f3f3;
}
#comment-block {
  padding: 0px;
  overflow: hidden;
}
.comment-body p {
  margin: 10px 0px 10px 0px;
  padding: 10px 10px;
  background-color: #f3f3f3;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#comment-block .children {
	margin: -50px 0px 0px 0px;
}
#comment-block ol, #comment-block .children li {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	list-style-type: none;
}
#comment-block a {
	color: #006699;
}
.commentmetadata {
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

#respond {
	margin: 40px 0px 0px 0px;
}

/* Pagination */
/* ---------------------------------------------------------- */

.navigation {
	text-shadow: 0px 1px 0px #ccc;
	width: 100%;
	text-align: center;
	padding: 5px;
	margin: 30px 0px 50px 0px!important;
}
.navigation a {
	padding: 5px 6px 4px 6px;
	margin: 3px;
	font-weight: bold;
	color: #555555;
	text-shadow: 0px 1px 0px #fff;
	background: #fcfcfc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.navigation a:hover {
	color: #000;
	padding: 5px 6px 4px 6px;
	margin: 3px;
	font-weight: bold;
	background-color: #dfdfdf;
}
.navigation span.pages {
	padding: 5px 6px 4px 6px;
	margin: 3px;
	color: #333;
	font-weight: bold;
	background-color: inherit;
	display: none;
}
.navigation span.current {
	padding: 5px 6px 4px 6px;
	margin: 3px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0px 1px 0px #333;
	background-color: #888;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#rightTopBorder
{
	position: fixed;
	width: 705px;
	border-bottom: 1px solid #8F8F8F;
	height: 36px;
	margin: 0px 0 0 205px;
	background:#FFF;
	z-index:9999;
}
.single #rightTopBorder
{
	position: fixed;
	width: 705px;
	border-bottom: 1px solid #8F8F8F;
	height: 28px;
	padding-top: 30px;
	margin: 0px 0 0 205px;
	background:#FFF;
	z-index:9999;
}
#fbmb{ display:none;}
#fb
{
	margin:18px 0 0 0 ;
	display:none;
	background:url(images/facebook.png) no-repeat;
	background-position:top;
	width:23px; height:24px;
}
#fb:hover{ background-position:bottom;}
#english_content , #hebrew_content{font-size:12px; text-align:justify;}
#english_content{ direction:ltr; color:#000;}
#hebrew_content{ direction:rtl; color:#7a8691; font-weight:bold;}
#aboutContent
{
	float:left;
	width:549px;
}
#aboutContent p{ margin:0; line-height:20px;}
#aboutBanner
{
	width:134px;
	margin:0 0 0 22px;
	float:right;
}
#contactBg
{
	width:100%;
	height:448px;
}
#contactBg p
{
	float:right;
	margin:32px 52px 0 0;
	font-size:12px;
	color:#FFF;
	line-height:16px;
}
#contactBg p a{font-size:12px;color:#FFF; }
#contactBg a:hover{ color:#000;}
#projectContent
{
	background-color: #FFFFFF;
    color: #7A8691;
    font-size: 12px;
    height: 60px;
    margin: 0 0 24px;
    padding-top: 20px;
    position: fixed;
    width: 705px;
}
#projectContent p
{
	margin:0;
	padding:0;
	 line-height: 18px;
}
#projectContent strong{ color:#000; font-weight:normal;}
#projectImages , #projectImages img
{
	float:right;
	width:100%;margin-top: 80px;
}
#projectImages img{ margin:0 0 20px 0;}
#projectContent a{ color:#7A8691;}
#projectContent a:hover{ color:#000000; text-decoration:underline;}

#projects
{
	list-style:none;
	padding:0;
	margin:0;
}
#projects li{ display:inline-block; margin-right:20px; margin-bottom:16px; position:relative; padding-bottom:5px; border-bottom:1px solid #8f8f8f; width:219px;}
#projects li:nth-child(3n){ margin-right:0;}
#projects li img , #projects li h2 , #projects li h3
{
	width:100%;
	display:block;
	line-height:normal;
}
#projects li h2 
{
	font-size:12px;
	color:#000;
	margin:5px 0 0 0;
	padding:0; font-weight:bold;
}
#projects li h3
{
	font-size:12px;
	color:#8c96a0;
	margin:1px 0 0 0;
	padding:0;
}
a.hover
{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	background:url(images/hover.png) repeat;
	
	-webkit-transition: opacity .2s linear;
        -moz-transition: opacity .2s linear;
        -ms-transition: opacity .2s linear;
        -o-transition: opacity .2s linear;
        transition: opacity .2s linear;
		display:block;
		
		width:100%;
	height:146px;
	line-height:146px;
	text-align:center;
	color:#FFF;
	font-weight:bold; font-size:12px;
}
#projects li:hover a.hover
{
	filter:alpha(opacity=100); /* For IE8 and earlier */
	opacity:1;
}
.new
{
	position:absolute;
	right:10px;
	top:54px;
	width:37px;
	height:37px;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
	line-height:38px;
	text-align:center;
	color:#ffffff;
	font-size:11px;

}
#hpFooter
{
	float:right;
	width:705px;   margin-top: 4px;
	color:#7a8691;
	font-size:10px;
	padding-top:1px;
	border-top:1px solid #8F8F8F;
}
#nextPost a
{
	width: 40%;
	float: right;
	text-align: right;
	height:9px;
	line-height: 8px;
	margin-top: 9px; background:url(images/Next.jpg) no-repeat; padding-right:15px; background-position:top right;
}
#nextPost a:hover{ background-position:bottom right;}
#prevPost a
{
	width: 40%;
	float: left;
	text-align: left;
	height:9px;
	line-height: 8px;
	margin-top: 9px; background:url(images/Previous.jpg) no-repeat; padding-left:15px; background-position:top left;
}
#prevPost a:hover{background-position:bottom left;}
#nextPost a , #prevPost a
{
	color:#7b8691;
	font-size:12px;	
}
#nextPost a:hover , #prevPost a:hover
{
	color:#000;
}
.seeMore{ background:url(images/readMore.PNG) no-repeat; width:10px; height:10px;    margin-top: 68px; float: right;
    position: relative;
    right: 60px;}
.mobileContant{ display:none;}
.NonmobileContant{ display:block;}