/*   
Theme Name: Aegolius Theme
Theme URI: http://mofmthemes.com/aegolius
Description: Responsive Resume and Portfolio WordPress Theme by MazeofMinds
Author: MazeofMinds
Author URI: http://mazeofminds.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
*/

/* --------------------------------------------------
   RESET
   Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------- */
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, strong, sub, sup, tt, var, b, u, i, 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 { border: 0; font-size: 100%; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; overflow-x:hidden; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
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; }
caption, th, td { font-weight:normal; text-align:left; }
a img { border:0; }
:focus { outline:0; }
audio, canvas, video { display:inline; zoom:1; }
audio:not([controls]) { display:none; }

/* --------------------------------------------------
   BASIC STYLES
-------------------------------------------------- */
body {
	font:75%/1.75 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family:"DroidSerif", Georgia, serif;
	font-weight:700;
}
h1 {
	font-size:2em;
	line-height:1.2em;
	margin-bottom:0.875em;
	font-weight:normal;
}
h2 {
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:1.16667em;
}
h3 {
	font-size:1.33333em;
	line-height:1.3125em;
	margin-bottom:1.3125em;
}
h4 {
	font-size:1.16667em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
h5, h6 {
	font-size:1em;
	line-height:1.75em;
	margin-bottom:1.75em;
}
a {
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
/* a:focus {
  outline:thin dotted;
} */
a:hover, a:active {
  outline:0;
}
ul, ol, dl, p {
	margin-bottom:1.75em;
}
ul ul, ol ol, ul ol, ol ul {
	margin:0 0 0 20px;
}
dt {
	font-weight:bold;
}
dd {
	margin-left:20px;
}
strong, b {
	font-weight:bold; 
}
cite, em, i {
	font-style:italic; 
}
abbr {
	cursor:help; 
}
address {
	display:block; 
	margin:0 0 1.75em;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none; 
}
sup, sub {
	font-size:0.83333em;
	height:0;
	line-height:1;
	position:relative;
	vertical-align:baseline;
}
sup	{
	bottom:1ex;
}
sub	{
	top:.5ex;
}
blockquote {
	margin:0 0 1.75em -20px;
	padding-left:19px;
	font-style:normal;
}
blockquote p {
	margin:0;
}
blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}
blockquote cite {
	display:block;
	width:auto;
}
blockquote cite:before {
	content:"\2014";
	margin-right:5px;
}
pre, code {
	font:1em/1.75 "Courier 10 Pitch", Courier, monospace;
}
pre {
	margin:0 0 1.75em; 
	overflow:auto;
	padding:0.875em 10px;
	overflow:auto; 
	overflow-y:hidden; 
	white-space:-moz-pre-wrap; 
	white-space:-pre-wrap; 
	white-space:-o-pre-wrap; 
	white-space:pre-wrap; 
	word-wrap:break-word;
}
img	{
	vertical-align:middle;
	-ms-interpolation-mode:bicubic; 
}
object, iframe, embed, video, audio {
	max-width:100%;
}
table {
	width:100%;
	margin-bottom:1.75em; 
	text-align:left;
}
caption {
	font-size:0.91667em;
	line-height:1.90909em;
	caption-side:top;
	text-align:right;
}
th, td {
	padding:5px;
	vertical-align:middle;
}
thead th, tfoot th {
	font-weight:bold;
}
input, textarea {
	font:1em/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0;
	display:block;
}
input[type=text], input[type=password], textarea {
	padding:3px;
}
textarea {
	overflow:auto;
}
input[type=submit] {
	height:2.5em;
	padding:0 20px;
	position:relative;
	-webkit-border-radius:15px; 
	-moz-border-radius:15px;
	border-radius:15px;
	cursor:pointer;
}
input[type=submit]:active {
	top:1px;
}
input[type=submit]::-moz-focus-inner {  
	border:0px;
}
.left {
	float:left;
}
.right {
	float:right; 
}
.cleaner {
	clear:both;
}
.group:before, .group:after {
	content:""; 
	display:table; 
}
.group:after {
	clear:both; 
}
.group {
	zoom:1; /* IE6/7 */
}
.assistive-text {
	position: absolute !important;
	clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip:rect(1px, 1px, 1px, 1px);
}
.alignleft {
	display:inline;
	float:left;
	margin:0 20px 1.75em 0;
}
.alignright {
	display:inline;
	float:right;
	margin:0 0 1.75em 20px;
}
.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.75em;
}
#wrapper {
	width:780px;
	margin:1.75em auto;
	padding:0 78px;
}

/* --------------------------------------------------
   HEADER
-------------------------------------------------- */
#masthead {
	margin-top:-2px;
}
#topbar {
	margin-bottom:1.75em; 
}
#access {
	width:460px;
	margin-left:240px;
	float:left; 
}
#access ul {
	margin:0; 
	padding:0; 
	list-style:none;
}
#access li {
	float:left;
	display:block; 
	line-height:1em; 
	padding-right:10px; 
	margin:1.58333em 10px 1.58333em 0;
}
#access li:last-child {
	border:none; 
	padding-right:0; 
	margin-right:0;
}
#access a {
	text-transform:uppercase;
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
#access a:focus, #access a:hover {
	text-decoration:none;
}
#access .select-menu {
	display:none;
}
#print-btn, #download-btn {
	width:14px;
	height:14px;
	display:block;
	margin:1.5em 10px 1.5em 0; 
}
#masthead .vcard {
	position:relative; 
	padding-left:240px; 
	margin-bottom:1.75em; 
	min-height:12.25em;
}
#masthead .photo {
	width:130px; 
	height:130px;
	padding:2px;
	position:absolute; 
	left:0; 
	top:0;
}
#masthead .fn {
	font-size:2.5em;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:0;
	padding:0.4em 0 0.3em;
}
#masthead .title {
	font-size:1.5em; 
	line-height:1.16667em;
	font-weight:normal;
	margin-bottom:1.5em;
}
#social {
	margin:0; 
	list-style:none;
}
#social li {
	float:left;
	padding:0.5em 0; 
	margin-right:10px;
}
#social a {
	width:24px;
	height:24px;
	display:block;
}

/* --------------------------------------------------
   CONTENT
-------------------------------------------------- */
#content {
	margin-bottom:10.5em;
}
#content img {
	max-width:100%;
	height:auto;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	margin-bottom:1.75em;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.page-header {
	padding-top:1.66667em; 
	margin-bottom:1.75em;
}
.page-title {
	width:620px;
	margin-bottom:0.55em;
	float:left;
}
.entry {
	margin-bottom:3.5em;
}
h1.entry-title {
	padding-top:0.83333em;
	margin-bottom:1.425em;
}
.entry-title a {
	text-decoration:none;
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
.entry-content .left {
	width:220px;
}
.entry-content .right {
	width:540px;
	padding-top:1.66667em;
}
.entry-content ul li, .comment-content ul li {
	margin-left:-15px;
	padding-left:15px;
}
.entry-content ol, .comment-content ol {
	list-style:decimal; 
}
.wp-caption .wp-caption-text {
	font-style:italic;
	padding:0.875em 0;
}
.wp-caption .wp-caption-text:before {
	content:"\2014";
	margin-right:5px;
	font-style:italic;
}
 .gallery-item .gallery-caption {
	font-style:italic;
 }
#content .gallery {
	margin:0 auto 1.75em;
}
.gallery .gallery-item a {
	display:block;
	padding-right:10px;
}
.more-link {
	display:block;
	font-style:italic;
}
.resume-section {
	margin-bottom:1.75em;
}
.resume-section .entry-title  {
	width:220px; 
	float:left;
	font-weight:normal;
	padding-top:1.16667em;
}
.resume-section .entry-content {
	width:540px;
	float:right;
	padding-top:1.66667em;
}
#contact-details li {
	background:none;
	padding:0;
	margin:0;
}
#contact-details span {
	width:60px;
	display:block;
	float:left;
	margin-right:10px;
}
#contact-details a {
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
#portfolio-entries {
	margin-bottom:1.75em;
}
.entry-thumb {
	width:380px;
	position:relative;
	overflow:hidden;
}
.entry-thumb a {
	width:380px;
	display:block;
}
.entry-thumb img {
	width:378px;
	height:auto;
	display:block;
}
.viewdetails {
	width:380px;
	height:225px;
	position:absolute;
	opacity:0;
}
.fadein .viewdetails {
	width:360px;
	height:205px;
	top:0px;
	left:0px;
}
.slideright .viewdetails {	
	top:0;
	left:-380px;
}
.slidedown .viewdetails {
	top:-225px;
	left:0;
}
.viewdetails span {
	width:110px;
	height:28px;
	line-height:28px;
	font-style:italic;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-55px;
	margin-top:-14px;
}
.grid-btn, .list-btn {
	width:15px;
	height:15px;
	margin-top:7px;
	float:right;
}
.list-btn {
	margin-right:5px; 
}
.grid-btn {
	margin-right:10px;
}
.layout-list .entry {
	width:780px;
	float:none;
}
.layout-list .entry-thumb {
	float:right; 
}
.layout-list .entry-title {
	width:380px;
	float:left;
	padding-top:1.11111em; 
	font-size:1.5em; 
	line-height:1.16667em;
}
.layout-list .title-arr {
	display:none;
}
.layout-list .entry-content {
	width:380px;
	display:block;
	float:left;
	clear:left;
}
.layout-grid .entry {
	width:380px;
	float:left; 
}
.layout-grid .last {
	margin-left:20px;
}
.layout-grid .entry-title {
	font-size:1.16667em;
	line-height:1.5em;
	padding:0.75em 0;
	margin-bottom:0;
	font-weight:normal;
	border:none;
}
.layout-grid .entry-content {
	display:none;
}
.single-portfolio #content {
	margin-bottom:14em;
}
.single-portfolio .entry {
	padding-top:1.66667em;
}
.single-portfolio .entry-title {
	font-size:2em;
	line-height:1.2em;
	margin:0 0 0.875em 240px;
}
.single-portfolio .entry-content {
	margin-left:240px;
}

/* --------------------------------------------------
   COMMENTS
-------------------------------------------------- */
#comments, #respond {
	margin-left:240px;
	margin-bottom:3.5em;
}
#comments h4, #respond h4 {
	padding-top:1.42857em;
	margin-bottom:3em;
}
.nopassword, .nocomments {
	margin-left:240px;
}
.commentlist {
	list-style:none;
}
.commentlist #respond {
	margin-left:0;
}
.commentlist #respond h4 {
	margin-bottom:1.5em;
}
div.comment {
	padding-top:1.66667em;
	margin-bottom:1.75em;
}
.avatar {
	float:left;
	margin:0 20px 0 0;
}
.comment-author .fn {
	font-weight:bold;
}
.comment-meta {
	font-size:0.91667em;
	line-height:1.90909em; 
	margin-bottom:0.83333em;
}
.comment-content {
	margin-left:62px;
}
.children {
	list-style:none;
	margin:0 0 0 62px; 
}
.depth-3 .children {
	margin:0;
}

/* --------------------------------------------------
   FORMS
-------------------------------------------------- */
#commentform label, #contactform label {
	display:block;
	position:relative;
	line-height:3em;
	padding-left:10px;
}
#contactform input[type=submit], #commentform input[type=submit] {
	float:left;
}
.form-submit {
	width:460px;
	position:relative;
	padding-top:2.5em;
}
form .note {
	position:absolute;
	left:320px;
	top:1em;
	font-style:italic;
}
.input-bg, .textarea-bg {
	padding:5px;
}
.input-bg {
	width:290px;
	height:2.5em;
}
.textarea-bg {
	width:450px;
	height:15.66667em;
}
.input-bg input {
	width:282px;
	height:1.83333em;
}
.textarea-bg textarea {
	width:442px;
	height:15em;
}
.hpc {
	position:absolute !important; 
	clip:rect(1px 1px 1px 1px); /*IE6,IE7*/ 
	clip:rect(1px, 1px, 1px, 1px); 
	padding:0 !important;
	border:0 !important;
	height:1px !important;
	width:1px !important;
	overflow:hidden;
}
#contactform span.error {
	font-size:0.916667em;
	line-height:1.90909em;
	font-style:italic;
	margin-left:10px;
}
#cfloading {
	width:26px; 
	height:26px;
	float:left;
	margin:3px 0 0 10px;
	background:url(images/cfloader_light.gif) no-repeat center; 
	z-index:999;
	display:none;
}
.message-sent {
	font-style:italic;
}

/* --------------------------------------------------
   CONTENT NAVIGATION
-------------------------------------------------- */
.pagination ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
.pagination li {
	float:left;
	margin:0 5px;
}
.pagination a.page-numbers {
	text-decoration:none;
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
.pagination .prev, .pagination .next {
	width:10px;
	height:1.75em;
	display:block;
	text-indent:-9999px;
}
#comment-nav-above {
	padding:0 5px 1.75em;
}
#comment-nav-below {
	padding:1.66667em 5px 0;
}
#portfolio-nav {
	padding:0.83333em 5px;
}
#single-nav {
	float:right;
}
#single-nav ul {
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
}
#single-nav li {
	float:left;
}
#single-nav a, .no-prev-post, .no-next-post {
	width:15px;
	height:15px;
	margin-top:7px;
	margin-left:6px;
	display:block; 
}
.adj-preview {
	position:relative; 
}
.adj-thumb {
	width:104px;
	height:69px;
	top:-71px;
	right:-10px;
	position:absolute;
	display:none;
}
.adj-thumb img {
	width:100;
	height:59px;
	display:block;
	overflow:hidden;
}
.adj-thumb span {
	width:9px; 
	height:6px; 
	right:12px;
	bottom:0px;
	position:absolute; 
}

/* --------------------------------------------------
   FOOTER
-------------------------------------------------- */
#site-info {
	padding:0.75em 0 2.75em; 
	position:relative;
}
#back-to-top {
	position:absolute;
	right:0;
	top:9px;
}
#back-to-top a {
	text-decoration:none;
}

/* --------------------------------------------------
   SHORTCODES
-------------------------------------------------- */
.one_half {
	width:260px; 
	float:left;
	position:relative;
	margin-right:20px;
}
.last_half {
	margin-right:0 !important; 
	clear:right;
}
.experience {
	margin-bottom:3.5em;
}
.experience .sep, .skill .sep {
	padding:0 8px;
}
.employer {
	margin-bottom:0;
}
.position {
	margin-bottom:1.75em;
	font-style:italic;
}
.skill {
	margin-bottom:1.75em;
}
.skill + h3 {
	padding-top:1.3125em;
}
.skill + h4 {
	padding-top:1.5em;
}
.skill-title {
	font-size:1.16667em;
	line-height:1.5em;
	font-weight:bold;
}
.skill-title span {
	font-size:0.85714em; 
	font-weight:normal;
	font-style:italic;
}
.skill-value {
	text-indent:-9999px;
}
.star .skill-value-bg {
	width:220px;
	height:1em;
	line-height:1em;
	margin-top:0.75em;
}
.star .skill-value {
	height:1em;
}
.star .width-1 {
	width:22px; 
}
.star .width-2 {
	width:44px; 
}
.star .width-3 {
	width:66px;
}
.star .width-4 {
	width:88px;
}
.star .width-5 {
	width:110px;
}
.star .width-6 {
	width:132px;
}
.star .width-7 {
	width:154px;
}
.star .width-8 {
	width:176px;
}
.star .width-9 {
	width:198px;
}
.star .width-10 {
	width:220px;
}
.bar .skill-value-bg {
	width:300px;
	height:0.5em;
	line-height:0.5em;
	margin-top:0.75em;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.bar .skill-value {
	height:6px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.bar .width-1 {
	width:30px;
	-moz-animation:bw1 0.2s ease-out; 
	-webkit-animation:bw1 0.2s ease-out; 
}
.bar .width-2 {
	width:60px;
	-moz-animation:bw2 0.4s ease-out; 
	-webkit-animation:bw2 0.4s ease-out; 
}
.bar .width-3 {
	width:90px;
	-moz-animation:bw3 0.6s ease-out; 
	-webkit-animation:bw3 0.6s ease-out; 
}
.bar .width-4 {
	width:120px;
	-moz-animation:bw4 0.8s ease-out; 
	-webkit-animation:bw4 0.8s ease-out; 
}
.bar .width-5 {
	width:150px;
	-moz-animation:bw5 1s ease-out; 
	-webkit-animation:bw5 1s ease-out; 
}
.bar .width-6 {
	width:180px;
	-moz-animation:bw6 1.2s ease-out; 
	-webkit-animation:bw6 1.2s ease-out; 
}
.bar .width-7 {
	width:210px;
	-moz-animation:bw7 1.4s ease-out; 
	-webkit-animation:bw7 1.4s ease-out; 
}
.bar .width-8 {
	width:240px;
	-moz-animation:bw8 1.6s ease-out; 
	-webkit-animation:bw8 1.6s ease-out; 
}
.bar .width-9 {
	width:270px;
	-moz-animation:bw9 1.8s ease-out; 
	-webkit-animation:bw9 1.8s ease-out; 
}
.bar .width-10 {
	width:300px;
	-moz-animation:bw10 2s ease-out; 
	-webkit-animation:bw10 2s ease-out; 
}

@-moz-keyframes bw1 { 0% {width:0px;} 100% {width:10%;} }
@-moz-keyframes bw2 { 0% {width:0px;} 100% {width:20%;} }
@-moz-keyframes bw3 { 0% {width:0px;} 100% {width:30%;} }
@-moz-keyframes bw4 { 0% {width:0px;} 100% {width:40%;} }
@-moz-keyframes bw5 { 0% {width:0px;} 100% {width:50%;} }
@-moz-keyframes bw6 { 0% {width:0px;} 100% {width:60%;} }
@-moz-keyframes bw7 { 0% {width:0px;} 100% {width:70%;} }
@-moz-keyframes bw8 { 0% {width:0px;} 100% {width:80%;} }
@-moz-keyframes bw9 { 0% {width:0px;} 100% {width:90%;} }
@-moz-keyframes bw10 { 0% {width:0px;} 100% {width:100%;} }
@-webkit-keyframes bw1 { 0% {width:0px;} 100% {width:10%;} }
@-webkit-keyframes bw2 { 0% {width:0px;} 100% {width:20%;} }
@-webkit-keyframes bw3 { 0% {width:0px;} 100% {width:30%;} }
@-webkit-keyframes bw4 { 0% {width:0px;} 100% {width:40%;} }
@-webkit-keyframes bw5 { 0% {width:0px;} 100% {width:50%;} }
@-webkit-keyframes bw6 { 0% {width:0px;} 100% {width:60%;} }
@-webkit-keyframes bw7 { 0% {width:0px;} 100% {width:70%;} }
@-webkit-keyframes bw8 { 0% {width:0px;} 100% {width:80%;} }
@-webkit-keyframes bw9 { 0% {width:0px;} 100% {width:90%;} }
@-webkit-keyframes bw10 { 0% {width:0px;} 100% {width:100%;} }

/* --------------------------------------------------
   SLIDER
-------------------------------------------------- */
.flex-container a:active, .flexslider a:active {
	outline:none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin:0; 
	padding:0; 
	list-style:none;
}
.flex-container {
	zoom:1; 
	position:relative;
	padding:0 0 2.5em;
}
.flexslider {
	max-width:100%;	
	margin:0;
	padding:0;
	position:relative;
	zoom:1;
}
.flexslider .slides {
	zoom:1;
}
.flexslider .slides > li {
	position:relative;
	display:none;
}
.flexslider .slides img {
	max-width:100%;
	display:block;
}
.flex-pauseplay span {
	text-transform:capitalize;
}
.flex-direction-nav li a {
	width:30px; 
	height:30px; 
	display:block; 
	position:absolute; 
	bottom:3.5em; 
	cursor:pointer;
	text-indent:-9999px;
}
.flex-direction-nav li .next {
	right:11px;
}
.flex-direction-nav li .prev {
	right:45px;
}
.flex-direction-nav li .disabled {
	opacity:.3; 
	cursor:default;
}
.flex-control-nav {
	width:100%; 
	position:absolute; 
	left:0;
	bottom:0; 
	text-align:left;
}
.flex-control-nav li {
	margin:0 0 0 10px; 
	display:inline-block; 
	zoom:1; 
	*display:inline;
}
.flex-control-nav li a {
	width:10px;
	height:10px;
	line-height:10px;
	display:block;
	cursor:pointer; 
	text-indent:-9999px;
}
.flex-control-nav li a.active {
	cursor:default;
}


/* --------------------------------------------------
   NO JS
-------------------------------------------------- */
.no-js .grid-btn, .no-js .list-btn {
	display:none; 
}
.no-js .flexslider {
	border:none !important;
}
.no-js .flexslider .slides > li {
	display:block;
	margin-bottom:1.75em;
}
.no-js .flex-container {
	padding-bottom:0;
}

/* --------------------------------------------------
   TABLET (PORTRAIT):Design for a width of 768px
-------------------------------------------------- */
@media only screen and (min-width:768px) and (max-width:959px) {
	#wrapper {
		width:708px;
		margin-top:0;
		padding:0 28px;
	}
	#access {
		width:410px;
		margin-left:218px;
	}	
	#masthead .vcard {
		padding-left:218px; 
	}
	#content {
		margin-bottom:7em;
	}	
	.page-title {
		width:600px;
	}
	.entry-content .left, .resume-section .entry-title {
		width:198px;
	}
	.entry-content .right, .resume-section .entry-content {
		width:490px;
	}
	.entry-thumb, .entry-thumb a {
		width:344px;
	}
	.entry-thumb img {
		width:342px;
		height:auto;
	}
	.viewdetails {
		width:344px;
		height:204px;
	}
	.fadein .viewdetails {
		width:324px;
		height:184px;
		top:0px;
		left:0px;
	}
	.slideright .viewdetails {	
		left:-344px;
	}
	.slidedown .viewdetails {
		top:-204px;
	}
	.layout-list .entry {
		width:708px;
	}
	.layout-list .entry-title, .layout-list .entry-content, .layout-grid .entry {
		width:344px;
	}
	.single-portfolio #content {
		margin-bottom:7em;
	}
	.single-portfolio .entry-title, .single-portfolio .entry-content, #comments, #respond, .nopassword, .nocomments {
		margin-left:218px;
	}
	.children #respond .form-submit {
		width:360px;
	}
	.children #respond .textarea-bg {
		width:350px;
	}	
	.children #respond .note {
		left:220px;
	}
	.children #respond .textarea-bg textarea {
		width:342px;
	}
	.one_half {
		width:235px;
	}
}

/* --------------------------------------------------
   MOBILE (PORTRAIT):Design for a width of 320px
-------------------------------------------------- */
@media only screen and (max-width:767px) {
	#wrapper {
		width:260px;
		margin-top:0;
		padding:0 30px;
		border:none !important;
	}
	#masthead {
		margin-top:0;
	}
	#access {
		width:100%; 
		margin-left:0;
		overflow:hidden;
		position:relative;
	}
	#access ul {
		clear:left;
		float:left;
		position:relative;
		left:50%;
		text-align:center;
	}
	#access li {
		position:relative;
		right:50%;
	}
	#access .select-menu {
		width:260px;
		display:block; 
   		padding:5px;
		margin:1.75em auto;
   		font:1em/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	#access ul {
		display:none; 
	}	
	#print-btn, #download-btn {
		display:none;
	}
	#masthead .vcard {
		padding-left:0; 
		text-align:center;
		overflow:hidden;
	}
	#masthead .photo {
		position:static; 
		left:0; 
		top:0;
	}
	#social {
		clear:left;
		float:left;
		position:relative;
		left:50%;
		text-align:center;
	}	
	#social {
		clear:left;
		float:left;
		position:relative;
		left:50%;
		text-align:center;
	}
	#social li {
		position:relative;
		right:50%;
	}
	#content {
		margin-bottom:3.5em;
	}
	.page-title {
		width:170px;
	}	
	.entry-content .left {
		display:none;
	}
	.entry-content .right, .resume-section .entry-title, .resume-section .entry-content {
		width:100%;
	}	
	.resume-section .entry-content {
		float:left;
	}
	#contact-details span {
		width:auto;
		display:inline;
		float:none;
		margin-right:5px;
		font-weight:bold;
	}
	.entry-thumb, .entry-thumb a {
		width:260px;
		height:auto;
	}
	.entry-thumb img {
		width:258px;
		height:auto;
	}
	.viewdetails {
		width:260px;
		height:154px;
	}
	.fadein .viewdetails {
		width:240px;
		height:134px;
	}
	.slideright .viewdetails {	
		left:-260px;
	}
	.slidedown .viewdetails {
		top:-154px;
	}
	.grid-btn {
		margin-right:0;
	}
	.list-btn {
		margin-right:10px;
	}
	.layout-list .entry, .layout-list .entry-content, .layout-list .entry-title, .layout-grid .entry {
		width:100%;
	}
	.layout-list .entry-thumb {
		float:none;
	}
	.layout-list .entry-title {
		border:none !important;
	}
	.layout-grid .last, .single-portfolio .entry-title, .single-portfolio .entry-content, #comments, #respond, .comment-content, .children {
		margin-left:0;
	}
	.single-portfolio #content {
		margin-bottom:3.5em;
	}
	.form-submit {
		width:260px;
	}
	form .note {
		left:auto;
		right:5px;
		top:0.5em;
	}
	.input-bg, .textarea-bg {
		width:250px;
	}
	.input-bg input, .textarea-bg textarea {
		width:242px;
	}
	#single-nav ul {
		margin-right:0;
	}
	#single-nav a, .no-prev-post, .no-next-post {
		margin-left:10px;
	}
	.adj-thumb {
		display:none !important;
	}
	#site-info {
		text-align:center;
	}
	#back-to-top {
		position:static;
	}
	.one_half {
		width:100%; 
		margin-right:0;
	}
	.bar .skill-value-bg {
		width:260px;
	}
	.bar .width-1 {
		width:26px;
	}
	.bar .width-2 {
		width:52px; 
	}
	.bar .width-3 {
		width:78px;
	}
	.bar .width-4 {
		width:104px;
	}
	.bar .width-5 {
		width:130px;
	}
	.bar .width-6 {
		width:156px;
	}
	.bar .width-7 {
		width:182px;
	}
	.bar .width-8 {
		width:208px;
	}
	.bar .width-9 {
		width:234px;
	}
	.bar .width-10 {
		width:260px;
	}
	.flex-container {
		margin-bottom:1.75em;
	}	
	.flex-control-nav {
		text-align:center;
	}
	.flex-control-nav li:first-child {
		margin:0;
	}
	.flex-direction-nav{
		display:none !important;
	}
}

/* --------------------------------------------------
   MOBILE (LANDSCAPE):Design for a width of 480px
-------------------------------------------------- */
@media only screen and (min-width:480px) and (max-width:767px) {
	#wrapper {
		width:420px; 
	}
	#access .select-menu {
		width:320px;
	}
	.page-title {
		width:320px;
	}
	#contact-details span {
		width:60px;
		display:block;
		float:left;
		margin-right:10px;
		font-weight:normal;
	}
	.entry-thumb, .entry-thumb a {
		width:380px;
	}
	.entry-thumb img {
		width:378px;
		height:auto;
	}
	.viewdetails {
		width:380px;
		height:225px;
	}
	.fadein .viewdetails {
		width:360px;
		height:205px;
	}
	.slideright .viewdetails {	
		left:-380px;
	}
	.slidedown .viewdetails {
		top:-225px;
	}
	.form-submit {
		width:420px;
	}
	form .note {
		right:40px;
	}
	.input-bg {
		width:290px;
	}
	.textarea-bg {
		width:410px;
	}
	.input-bg input {
		width:282px;
	}
	.textarea-bg textarea {
		width:402px;
	}
	#site-info {
		text-align:left;
	}
	#back-to-top {
		position:absolute;
	}
}

/* --------------------------------------------------
   PRINT
-------------------------------------------------- */
@media print {
	* { background:transparent !important; color:#000000 !important; text-shadow:none !important; }
	body { width:auto !important; margin:0 !important; padding:0 !important; }
	blockquote, table, pre { page-break-inside:avoid; }
	pre, blockquote { border:1px solid #999 !important; }
	blockquote { margin-left:0; padding:10px; font-style:italic; }
	ul, ol, dl  { page-break-before:avoid; }
	h1, h2, h3, h4, h5, h6 { font-family:"Georgia", Times New Roman, Serif; page-break-after:avoid; page-break-inside:avoid; }
	img { max-width:100% !important; page-break-inside:avoid; page-break-after:avoid; }
	a, a:visited { text-decoration:underline; }	
	#wrapper { width:auto !important; margin:0 !important; padding:0 !important; border:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none  !important; box-shadow:none !important; }
	#masthead { margin-top:0; }
	#content, .single-portfolio #content { margin-bottom:3.5em; }
	.photo { border:5px solid #999 !important; -webkit-box-shadow:none !important; -moz-box-shadow:none  !important; box-shadow:none !important; }
	.resume-section .entry-title { width:auto; float:none; padding:0 0 10px; border-bottom:1px solid #999; }
	.resume-section .entry-content { width:auto; float:none; padding-top:0; border:none !important; }
	.page-title, .entry-content .right { width:auto; }
	.single-portfolio .entry-title, .single-portfolio .entry-content { margin-left:0; }	
	#comments { page-break-before:always; margin-left:0; }
	.entry-content .left, .grid-btn, .list-btn, #single-nav, #respond, .comment-reply-link, .comment-edit-link, #cfcontainer, #access, #download-btn, #print-btn, #social, #back-to-top { display:none; }
	#topbar { border:none !important; }
	.entry-content ul, .comment-content ul { list-style:disc; }
	.entry-content ul li, .comment-content ul li { margin-left:0; padding-left:0; }
	.entry-content ul, .entry-content ol { margin-left:20px; }
	#contact-details { list-style:none !important; margin-left:0 !important; }
	.skill .skill-value-bg { height:auto; line-height:inherit; margin:0; }
	.skill .skill-value { width:auto; height:auto; text-indent:0px; font-style:italic; }
	.bar .skill-value-bg { border:none !important; }
	.bar .skill-value { -webkit-animation:none; -moz-animation:none; animation:none; }
}

/* --------------------------------------------------
   FONTS
-------------------------------------------------- */
@font-face {
    font-family:'DroidSerif';
    src:url('font/DroidSerif-Regular.eot');
    src:url('font/DroidSerif-Regular.eot?#iefix') format('embedded-opentype'),
         url('font/DroidSerif-Regular.woff') format('woff'),
         url('font/DroidSerif-Regular.ttf') format('truetype'),
         url('font/DroidSerif-Regular.svg#DroidSerif') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'DroidSerif';
    src:url('font/DroidSerif-Bold.eot');
    src:url('font/DroidSerif-Bold.eot?#iefix') format('embedded-opentype'),
         url('font/DroidSerif-Bold.woff') format('woff'),
         url('font/DroidSerif-Bold.ttf') format('truetype'),
         url('font/DroidSerif-Bold.svg#DroidSerif') format('svg');
    font-weight:bold;
    font-style:normal;
}