/*
Theme Name: Portfolio
Theme URI: http://mynameisanna.com
Author: Anna
Author URI: http://mynameisanna.com
Description: HTML5
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Structure
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
 u,  center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.6;
	color:#222;
	-webkit-font-smoothing: antialiased;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	max-width: 1920px;
	margin: 0 auto;
}
a
{
text-decoration:none;
}

p a, li a, p a:visited, li a:visited, .entry-meta a, .widget a, a.read-more, footer a
{
color: #b0499b;
border-bottom: 1px dotted #b0499b;
transition: 0.3s ease;
}

p a:hover, li a:hover, p a:active, li a:active, .entry-meta a:hover, .widget a:hover, a.read-more:hover, footer a:hover
{
color:#fff;
background: #b0499b;
}

a.no-border, a.no-border:hover
{
border-bottom: 0;
background:none;
margin-bottom: 2em;
text-align: justify;
clear:right;
outline: none;
}

a.no-border.three
{
width: 33.333%;
clear:none;
float: left;
}

a.no-border.two, .wrap-two-img .two
{
width: 50%;
clear:none;
float: left;
}


a.no-border.three img
{
width:97%;
margin-right:3%;
}


a.no-border.two img
{
width:97%;
margin-right:3%;
}


.wrap-three-img
{
margin-right:-1%;
}

.wrap-two-img
{
margin-right:-1%;
}

a.no-border img
{
max-width:100%;
}

.no-border.clear
{
clear:both;
}

.menu a
{
border-bottom:none;
}
#page {
	display: block;
	margin: 1em;
}
#primary {
	float: left;
}


#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/* =Header
-------------------------------------------------------------- */

#site-title {
	font-size: 2.9em;
	margin-bottom:0;
	line-height:1;
}

#site-title a
{color:#222;
}

h1#site-title   
{
	margin-bottom:0.5em;
	margin-top: 0.15em;
}

#site-description {
	font-size: 0.9em;
	font-weight: normal;
	margin: 0.8em 0 1em;
	font-family: 'Open Sans', sans-serif;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	width: 100%;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;	
}
#access li {
	float: left;
	position: relative;
	clear:both;
	width:100%;

}
#access a {
	display: block;
	line-height: 2em;
	padding:0 1.5em;
	text-decoration: none;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}

#access li:hover > a,
#access ul ul :hover > a {
background: url("img/violet-30.png");
}

#access ul ul a:hover {
background: url("img/violet-30.png");
}

#access ul li:hover > ul {
	display: block;
}

#access ul li.current_page_item
{
background: url("img/violet.png");
}

#access ul li.current_page_item:hover
{
background: none;
}


#access a
{
text-transform: uppercase;
color:#222;
font-size: 1.3em;
font-family:"Myriad Pro", 'Droid Sans', arial, helvetica, sans-serif; 
}

#access li a
{
transition: none;
}


/* =Content
-------------------------------------------------------------- */

.sticky {
}
#content
{
width:100%;

}

.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}



/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
	margin-bottom:2.3em;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}
.quote-author
{
text-align:right;
color:#999;
}

.widget .post-date
{
display:block;
font-size:0.7em;
color:#999;
margin-bottom:1.2em;
}



/* =Footer
-------------------------------------------------------------- */

#colophon {
background:#fff;
}

.social
{
display:none;
}

.home-social .social
{
display:block!important;
margin: 0 0 0 2em;
}

.home-social .social a
{
margin-top:1em;
}


.social a span {
display: block;
height: 25px;
width: 25px;
}
.social a {
display: inline-block;
height: 25px;
margin: 0 5px 0 0;
width: 25px;
}

a.icon-linkedin span
{
background: url('img/social-linked-in.png') no-repeat bottom center;
}
a.icon-linkedin:hover span
{
background: url('img/social-linked-in.png') no-repeat top center;
}

a.icon-flickr span
{
background: url('img/social-flickr.png') no-repeat bottom center;
}
a.icon-flickr:hover span
{
background: url('img/social-flickr.png') no-repeat top center;
}

a.icon-facebook span
{
background: url('img/social-facebook.png') no-repeat bottom center;
}
a.icon-facebook:hover span
{
background: url('img/social-facebook.png') no-repeat top center;
}

a.icon-instagram span
{
background: url('img/social-instagram.png') no-repeat bottom center;
}
a.icon-instagram:hover span
{
background: url('img/social-instagram.png') no-repeat top center;
}

/*---------------My Own Styles-------------------------------- */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Typography
-------------------------------------------------------------- */
body {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

#cboxTitle 
{
display:none!important;
}


.entry-content
{
margin-bottom:1em;
}

hr
{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
	margin: 2em 0;
}

ul
{
margin-bottom:1.3em;
}

h1, h2, h3, h4, h5, h6
{
font-family: "Myriad Pro", 'Droid Sans', arial, helvetica, sans-serif; 
text-transform: uppercase;
margin-bottom: 0.5em;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.6em;
}

h2.entry-title a
{
color:#000;
border-bottom: 1px solid #bbb;
}

h2.entry-title a:hover
{
border-bottom: 1px solid #555;
}

h3 {
  font-size: 1.45em;
}
h4 {
  font-size: 1.3em;
}
h5 {
  font-size: 1.15em;
}
h6 {
  font-size: 1em;
}
p {
  font-size: 1em;
  margin-bottom: 1.3em;
}

p
{
margin-bottom:1em;
}



/* Media Queries 12223-1824
-------------------------------------------------------------- */
@media (min-width: 1223px) and (max-width: 1824px)
{
body {
  font-size: 15px;
}


}

/* Media Queries 479-1224
-------------------------------------------------------------- */
@media (min-width:479px) and (max-width : 1224px) {
body {
  font-size: 14px;
}
}

/* Media Queries 0-480
-------------------------------------------------------------- */
@media (max-width : 480px) {
body {
  font-size: 13px;
}
}

/*----------------------------------------------------------------*/
footer#colophon
{
display:none;
}

#page
{
margin:0;
padding:0;
}

.column
{
padding:1em 2em;
}

.column.not-left
{
padding-left:0;
}

.column.not-top
{
padding-top:0;
}

.column.not-right
{
padding-right:0;
}

#content-wrapper
{
margin:0;
padding:0;
float:left;
width:100%;
overflow:hidden;
}

.entry-header {
	clear: both;
	display: block;
	margin-bottom:1.5em;
}

.entry-meta .month-year
{
color:#888;
}

footer
{
clear:both;
}

/* 
Logo, Menu
-------------------------------------------------------------- */
#logo.column
{
margin-bottom:40px;
}

#logomenu-wrapper
{
margin:0;
padding:0;
width: 18%;
float: left;
margin-bottom: -99999px;
padding-bottom: 99999px;
background-image: url("img/grad-left.png");
background-repeat:repeat-y;
background-position: right;
}

h2#site-description
{
text-transform:none;
line-height:0.5;
color:#999;
}



/* Middle Content
-------------------------------------------------------------- */

h2.works-wrapper
{
float:none;
clear:both;
}

#primary
{
width: 100%;
margin:0;
}

#primary ul 
{
list-style-type:circle;
margin-left: 1.7em;
}


#primary-wrapper
{
background: #ededed url("img/bg-light.jpg");
float: left;
width:64%;
margin-bottom: -99999px;
padding-bottom: 99999px;
color:#000;
}

.thirty-three
{
width:33.333%;
float:left;
}

.thirty
{
width:30%;
float:left;
}

.fourty
{
width:40%;
float:left;
}

.seventy
{
width:70%;
float:left;
}

.seventy-five
{
width:75%;
float:left;
}

.twenty
{
width:20%;
float:left;
}

.twenty-five
{
width:25%;
float:left;
}


.home-photo img
{
width:90%;
margin-left:10%;
height:auto;
border-radius:50%;
-webkit-border-radius: 50%;
clear:both;
}

.home-photo.blog img
{
margin-left:0;
width:100%;
-webkit-filter: grayscale(100%); 
 filter: gray;
 filter: grayscale(100%); /* Current draft standard */
 -webkit-filter: grayscale(100%); /* New WebKit */
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%); 

}
.home-photo.blog img:hover
{
 -webkit-filter: grayscale(0%); 
  filter: none;
   filter: grayscale(0%); /* Current draft standard */
 -webkit-filter: grayscale(0%); /* New WebKit */
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);  
}

p.task
{
background: url("img/violet.png");
margin-left: -2em;
padding: 0.8em 2em;
margin-bottom: 1.5em;
margin-right: 8em;
}

.img-3-row img
{
width:33.333%;
}

.caption-blog
{
width: 70%;
padding: 0.5em ;
text-align: center;
position: relative;
margin: -15px auto 0 auto;
background: url('img/violet-80.png');
transition: 0.3s ease;
}

div.caption-blog:hover
{
background: url('img/violet-dark-80.png');
}

div.caption-blog:hover p a
{
color:#fff;
transition: 0.3s ease;
border-bottom:none;
background:none;
}

.caption-blog p a, .caption-blog p
{
font-size: 0.85em;
color:#000;
font-weight:bold;
line-height:1.3em;
padding:0!important;
margin:0!important;
border-bottom:none;
background:none;
}


.circle, .circle-more-projects
{
-webkit-border-radius: 50%;
border-radius: 50%;
background: url('img/violet-80.png');
text-align: center;
transition: 0.3s ease;
}

.circle
{
width:160px;
height:110px;
text-align: center;
position: relative;
margin-top: -90px;
padding-top:50px;
}


.circle-more-projects
{
width: 82px;
height: 58px;
padding-top: 24px;
margin: 0 auto;
}

div.circle:hover, div.circle-more-projects:hover
{
background: url('img/violet-dark-80.png');
}

.circle p, .circle-more-projects p
{
font-size: 0.75em;
color:#000;
font-weight:bold;
line-height:1.3em;
margin: 0 0.5em;
}

.circle h2
{
font-size: 1.1em;
color:#000;
font-family: 'Open Sans', sans-serif;
font-weight:bold;
text-transform:none;
line-height:1.2em;
}

div.circle:hover h2, div.circle:hover p, div.circle-more-projects:hover p
{
color:#fff;
transition: 0.3s ease;
}

a.more-projects
{
width: 82px;
height: 82px;
text-align: center;
border-radius: 50%;
display: inline-block;
margin:0 18px;
}

#more-projects-btn span
{
width:110px;
height:20px;
display: inline-block;
background: url(img/double-line.png) repeat-x center;
}

.social a, .social a:hover  
{
border-bottom:none;
background-color:#fff;
}

@media (min-width:1500px) and (max-width:1600px)
{
	.circle
	{
	width:140px;
	height:100px;
	padding-top:40px;
	margin-top: -80px;
	}
}

@media (min-width:1300px) and (max-width:1499px)
{
	.circle
	{
	width:130px;
	height:95px;
	padding-top:35px;
	margin-top: -70px;
	}
	
		.hundred-1300-query
	{
	width:100%;
	}
	
	.none-1300-query 
	{
	display:none;
	}
}

@media (min-width:1225px) and (max-width:1299px)
{
	.circle
	{
	width:120px;
	height:90px;
	padding-top:30px;
	margin-top: -60px;
	}

	.circle p
	{
	font-size: 0.65em;
	}

	.circle h2
	{
	font-size: 0.9em;
	}
	
	.hundred-1300-query
	{
	width:100%;
	}
	
	.none-1300-query 
	{
	display:none;
	}
}

.works-wrapper h2
{
clear:both;
padding-top:1em;
}

ul.works-images img, ul.works-images
{
margin:0!important;
line-height: 0;
}

li .box-big {
text-align: center;
}

ul.works-images img
{
height:auto;
border: 3px solid #fff;
width: 80%;
}

ul.works-images li
{
float:left;
display:block;
padding:0;
margin:1.3em 0;
width: 25%;
}



ul.works-images a, ul.works-images a:hover
{
border:0;
margin: 0;
}



/* Sidebar
-------------------------------------------------------------- */
#sidebar h1
{
  font-size: 1.3em;
}

#sidebar-wrapper
{
width: 18%;
float: left;
background: #fff;
margin-bottom: -99999px;
padding-bottom: 99999px;
background-image: url("img/grad-right.png");
background-repeat:repeat-y;
background-position: left;
}
body
{
background: #fff;
}

/* Recent Works
--------------------------------------------------------------- */
#recent-works-wrapper
{
background: #222222 url("img/bg-dark.jpg");
color:#eee;
float:left;
border-top: 5px solid #121110;
border-bottom: 5px solid #121110;
width:100%;
}

.box {  
    height: 164px;  
text-align: center; 
    position: relative;  
    overflow: hidden;  
    width: 164px;  
	margin: 0 auto;
	border: 2px solid #fff;

}



.prebox
{
width:20%;
display:block; float:left;

}


  
 .box img {  
    position: absolute;  
    left: 0;  
    -webkit-transition: all 200ms ease-out;  
    -moz-transition: all 200ms ease-out;  
    -o-transition: all 200ms ease-out;  
    -ms-transition: all 200ms ease-out;  
    transition: all 200ms ease-out;  
}  

.box .caption {  
background: url('img/violet-dark-80.png');
    position: absolute;  
    color: #fff;  
    z-index: 100;  
    -webkit-transition: all 200ms ease-out;  
    -moz-transition: all 200ms ease-out;  
    -o-transition: all 200ms ease-out;  
    -ms-transition: all 200ms ease-out;  
    transition: all 200ms ease-out;  
    left: 0;  
	}  

	.box  .simple-caption{  
    height: 30px;  
    width: 164px;  
    display: block;  
    bottom: -30px;  
	font-size: 12px;
	font-weight: normal;
    line-height: 1.3em;  
    text-align: left; 
}  
.box  .simple-caption div
{
margin:0.5em;
}

.box:hover  .simple-caption {  
    -moz-transform: translateY(-100%);  
    -o-transform: translateY(-100%);  
    -webkit-transform: translateY(-100%);  
    transform: translateY(-100%);  
}  
	



.box-big .caption-big {  
    color: #555;  
	}  

	.box-big  .simple-caption-big{  
	font-size: 1em;
    line-height: 1.2em;  
    text-align: center; 
}  
.box-big  .simple-caption-big div
{
margin:0.5em;
height: 20px;
}

.box-big:hover  .simple-caption-big {  
color:#000;
}  
		
	
li .box-big a, li .box-big a:active, li .box-big a:hover {
background:transparent;
}
	
#works-loop
{
width:100%;
clear:both;
float:left;
margin: 1em auto 0.5em auto;
}	

#more-projects-btn
{
width: 100%;
clear: both;
float: left;
margin: 2.5em auto;
text-align: center;
}

@media (min-width:1225px) and (max-width:1600px)
{



.prebox:last-child
{
display:none;
}
.prebox
{
width:25%;
}
}

@media (min-width:800px) and (max-width:1000px)
{
.prebox:last-child
{
display:none;
}
.prebox
{
width:25%;
}
}

@media (min-width:650px) and (max-width:799px)
{
.prebox:last-child, .prebox:nth-child(4)
{
display:none;
}


.prebox
{
width:33.333%;

}
}

@media (min-width:480px) and (max-width:649px)
{
.prebox:last-child
{
display:none;
}

.prebox
{
width:50%;
margin-bottom:3em;
}

#more-projects-btn
{
margin-top:0;
}

}


@media (max-width:479px)
{
.prebox:last-child, #more-projects-btn span
{
display:none;
}

.prebox
{
width:100%;
margin-bottom:2.5em;
}
#more-projects-btn
{
margin-top:0;
}

}
	
/* BLOG -----------------------------------------------------*/


div.blog
{
margin-bottom:4em;
}

header.entry-header.blog-header
{
width:75%;
float:left;
}
.thumb-blog
{
width:25%;
float:left;
}
.thumb-blog img
{
width:90%;
height:auto;
border-radius:50%;
margin-left:10%;
margin-bottom:10%;
}

header .entry-meta
{
margin-bottom:1em;
}

header h2.entry-title
{
margin-bottom:0;
}
	
/* -----------------------------------------------------*/	
/* Contact Form
-------------------------------------------------------------- */
input, textarea
{
background-image: url("img/bg-light-super.jpg");
}

input:focus, textarea:focus
{
background-image: none;
border: 1px solid #666;
outline:none;
}


input, textarea
{
border: 1px solid #999;
outline:none;
}

input:hover, textarea:hover
{
background-image: none;
}

 input.wpcf7-form-control, textarea.wpcf7-form-control
{
width:100%!important;
padding:0.5em;
font-size: 1em;
margin:0!important;
font-family: 'Open Sans', sans-serif;
}

.your-message textarea.wpcf7-form-control
{
min-height: 300px;
}


 input.wpcf7-form-control.wpcf7-submit
 {
 padding: 1em 2.5em;
 width:auto!important;
 background-image: url("img/violet-dark-80.png");
 color:#fff;
 font-weight:bold;
 border:0;
 }
 
 
 input.wpcf7-form-control.wpcf7-submit:hover
 {

 background:#b0499b;
 cursor:pointer;
 }
 
 

 .wpcf7 p
 {
 margin-top: 1em;
 line-height:2.2em;
 }
 
 div.wpcf7
  {
  margin-top:2em!important;
  margin-right: 1.1em!important;
  }
	
.error404 #searchform
{
margin:1em 0 2em 0;
}

.error404 #searchform  input, .searchform input
{
padding: 0.5em;
font-size: 1em;
margin: 0;
font-family: 'Open Sans', sans-serif;
}


 input#searchsubmit
 {
 padding: 1em 2.5em!important;
 width:auto;
 background-image: url("img/violet-dark-80.png");
 color:#fff;
 font-weight:bold;
 border:0;
 display:block;
 margin-top:1em!important;
 }
 
 
 input#searchsubmit:hover
 {

 background:#b0499b;
 cursor:pointer;
 }
 

/* Media Queries 800-1224
-------------------------------------------------------------- */
@media (min-width: 800px) and (max-width: 1224px) {
ul.works-images li
{
width: 33.33333%;
}

footer#colophon
{
display:block;
}

#access div
{
float:right;
padding-right:1.5em;
}
.menu-menu-1-container
{
margin-right: 14px;
width:100%;
}


.social
{
text-align:center;
display:block;
}
 
 .home-social
{
display:none;
}
 
#recent-works-wrapper
{
width:100%;
margin-left:0;
margin-right:0;
}
#logomenu-wrapper
{
width:70%;
margin-bottom: 0;
padding-bottom: 0;
background: #ededed;
padding-right:22px;
background:  url("img/grad-right.png") ;
background-position: top right;
background-repeat:repeat-y;
}
#logomenu-wrapper2
{
float:left;
width:100%;
height:100%;
background: url("img/bg-light.jpg");
background-position: right bottom ;
}

#primary-wrapper
{
background:none;
width:100%;
}

#secondary-wrapper
{
float: left;
width:70%;
margin-bottom: 0;
padding-bottom: 0;
background: #ededed;
padding-right:22px;
background:  url("img/grad-right.png") ;
background-position: top right;
background-repeat:repeat-y;
}

#secondary-wrapper2
{
float:left;
width:100%;
height:100%;
background: url("img/bg-light.jpg");
background-position: right top ;
}

#primary
{
clear:both;
}
#sidebar-wrapper
{
width:100%;
height:100%;
position: relative;
padding-bottom: 0;
background:none;
}

.absolute-wrapper
{
width:30%;
position:absolute;
right:0;
background:none;
}

#logo
{
width:40%;
float:left;
}

#logo.column 
{
margin:0;
padding:0;
}

#menu
{
float: right;
width: 60%;
position: relative;
height: 100px;
margin-top: -4.8em;
}

#access
{
position:absolute;
bottom:0;
float:right;
}

#menu
nav
{
float: right;
display: block;
}
#access
{
float:right;
}

#access li, #access li a
{
display:inline-block;
clear:none; 
}

#access li
{
width:auto;
}

#access ul li a
{
color:#777;
text-align:right;
}

#access ul li a:hover
{
color:#444;
}

#access ul li.current_page_item, #access ul li.current_page_item a
{
background:none;
color:#000;
}

#access ul li.current_page_item:hover
{
background:none;
}

#access  li.menu-item a:hover
{
background:none!important;
}

#access a
{
padding:0 0.5em 0 0.5em;
line-height:0;
}

#access ul li
{
line-height:0;
padding:0;
}

h2#site-description
{
color:#777;
}

.sixty-middle-query
{
width:60%;
float:left;
}

.none-middle-query
{
display:none;
}

.seventy-five-middle-query
{
width:75%;
float:none;
}

.fifty-middle-query
{
width:50%;
float:left;
margin-bottom: 1em;
}

.fourty-middle-query
{
float: right;
position: absolute;
right: 32%;
width: 28%;
}

.hundred-middle-query
{
width:100%;
}



.column .not-left-middle-query
{
padding-left:0;
}
	.circle
	{
	width:120px;
	height:80px;
	padding-top:40px;
	margin-top: -80px;
	}

	.circle p
	{
	font-size: 0.65em;
	}

	.circle h2
	{
	font-size: 0.9em;
	}
}


@media (min-width:1000px) and (max-width:1224px)
{
	.circle
	{
	margin-top: -55px;
	}	#menu
	{
	width:50%;
	}
}

@media (min-width:800px) and (max-width:999px)
{
	.circle
	{
	width:110px;
	height:80px;
	padding-top:30px;
	margin-top: -40px;
	}
	

}


/* Media Queries 0-799
-------------------------------------------------------------- */
@media (max-width : 799px) {

ul.works-images li
{
width: 50%;
}

footer#colophon
{
display:block;
}


.social
{text-align:center;
display:block;
}
 
 .home-social
{
display:none;
}


#sidebar-wrapper
{
display:none;
}
.absolute-wrapper
{
display:none;
}
#logomenu-wrapper
{
width:100%;
background:none;
}

#logo
{
width:100%;
clear:both;
}

#menu
{
width:100%;
clear:both;
margin-top:0em;
}

#primary-wrapper
{
width:100%;
clear:both;
background-image:  url("img/grad-top.png"),  url("img/bg-light.jpg");
background-repeat:repeat-x, repeat;
background-position: top left, top left;
}

#access li a, #access  li a:hover
{
border-bottom: none;
}


#access a
{
padding:0.6em 0 0.6em 0;
margin: 0 auto;
text-align:center;
}


#access li
{
clear:none;
width:50%;

}


#access li:hover > a
{
background:#333;
color:#fff;
}

#access ul li.current_page_item
{
background:#ddd;
}

#access {
border-top:1px solid  #ddd;
}

#access li:first-child
{
border-right:1px solid  #ddd;
border-bottom:1px solid  #ddd;
margin-left:-1px;
margin-bottom:-1px;
}

#access li:nth-child(3)
{
border-right:1px solid  #ddd;
margin-left:-1px;
margin-bottom:-1px;
}

#access li:nth-child(2)
{
border-bottom:1px solid  #ddd;

}

article
{
margin-top:2em;
}



.hundred-mobile-query
{
width:100%;
float:left;
}

.fifty-mobile-query
{
width:50%;
float:left;
}

.none-mobile-query
{
display:none;
}

.column .not-right-mobile-query
{
padding-right:0
}

.column .not-left-middle-query
{
padding-left:0;
clear:both;
}

.column .not-left-mobile-query
{
padding-left:0;
}

.circle
{
width:130px;
height:100px;
text-align: center;
position: relative;
padding-top: 30px;
margin: -42px auto 0 auto;
}
.home-photo img
{
width:100%;
margin:0;
}

}
@media (max-width : 480px) 
{

ul.works-images li
{
width: 100%;
}

ul.works-images img {
width: 65%;
}

p.task
{
margin-right: 0;
}

.circle
{
width:100px;
height:75px;
text-align: center;
position: relative;
padding-top: 25px;
margin: -25px auto 0 auto;
}
.fifty-middle-query
{
width:100%;
}
	.circle p
	{
	font-size: 0.65em;
	}

	.circle h2
	{
	font-size: 0.85em;
	}
	
.thumb-blog
{
display:none;
}

header.entry-header.blog-header
{
width:100%;
}
}