@import url(fonts/fonts.css);
@import url(reset.css);
/*   
Theme Name: Izabella
Theme URI: http://themesumo.com/
Description: Retro styled magazine theme. A genuine article from ThemeSumo.com
Author: ThemeSumo
Author URI: http://themesumo.com
License: license.txt
Version: 2.0
*/
@charset "utf-8";
/* All of our reset classes are in the reset.css file */
/* ======== RESPONSIVE MEDIA ======== */
img, object, embed {max-width: 100%;}
video {max-width: 100%;height: auto;}
.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* ======= TYPOGRAPHY ======= */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;color:#7c766d; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#cecbb9;}
h1 {line-height:56px;}
h2 {padding-bottom:10px;}
h3 {padding-bottom:10px;}
h4 {}
h5 {}
h6 {}
.headline {text-align:center;font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;font-weight:normal;padding:20px 20px 40px 20px;line-height:28px;}
p {padding:0 0 10px 0;}
/* ======= SITE SETUP ======= */
#page-shadow { background:url(images/shadow.png) no-repeat center top;width:100%; }
#page-white { background:#fff;border-top:solid 7px #4B4640; margin:0 auto;padding:0 95px 60px;-webkit-box-shadow: 0 5px 0 -4px #fff, 0 5px 0 -3px #cccccc, 0 11px 0 -8px #fff, 0 11px 0 -7px #cccccc, 0 17px 0 -12px #fff, 0 17px 0 -11px #c2c0b8; -moz-box-shadow:0 5px 0 -4px #fff, 0 5px 0 -3px #cccccc, 0 11px 0 -8px #fff, 0 11px 0 -7px #cccccc, 0 17px 0 -12px #fff, 0 17px 0 -11px #cccccc; box-shadow:0 5px 0 -4px #fff, 0 5px 0 -3px #cccccc, 0 11px 0 -8px #fff, 0 11px 0 -7px #cccccc, 0 17px 0 -12px #fff, 0 17px 0 -11px #cccccc;}
.page-wrap {margin: 20px auto;padding:0px;}
.container {width:100%x;margin:0 auto;}
.primary {display:block;overflow:auto;margin-bottom:80px;}
.clear {clear:both;}
.gallery {margin:0 auto 20px !important;}
/* ======== HEADER ======== */
header { min-height:120px;display:block;position:relative;  }
header h1 {padding:0;margin:0;}
header #logo {margin:0;padding:0;float:left;font-size:60px;line-height:80px;}
header #logo a {padding:0;margin:0;}
#header #logo a img {padding:0;margin:0;}
#description { display:block;padding:12px 0 7px 0px;text-transform:uppercase;letter-spacing:2px;font:12px "PTSansBold", Trebuchet MS;color:#cecbb9;margin-bottom:10px;border-top:1px solid #ccc; }
#description span { color:#7c766d; }


/* ======== NAVIGATION ======== */
#headnav {margin-bottom:5px;position:absolute;right:0;bottom:9px;}
#headnav ul { list-style:none outside none;}
#headnav ul li {float:left;width:auto;position:relative;}
#headnav ul li a, #headnav ul li a:visited {padding:3px 0 10px 10px;text-transform:uppercase;font-size:12px;letter-spacing:1px;font-family:'PTSansBold';}
#headnav ul li a:hover, #headnav ul li a:focus {color:#fbb327;}
/* dropdown */
#headnav ul li ul {list-style:none;padding-top:14px;width:200px;left:-9999px;position:absolute;margin:0;padding-left:10px;z-index:9999;}
#headnav ul li:hover ul {left:0;}
#headnav ul li ul li {display:block;width:100%;position:relative;}
#headnav ul li ul li:first-child {padding-top:8px;}
#headnav ul li ul li:last-child {padding-bottom:10px;}
#headnav ul li ul li a, ul#headsubmenu li a:visited {font-family:Georgia, "Times New Roman", Times, serif;text-transform:capitalize;color:#fff !important;font-size:12px;display:block;padding:6px 18px;}
#headnav ul li ul li a:hover, ul#headsubmenu li a:focus {}
/* ======== FOOTER ======== */
footer, #footer {margin-top:60px;}
footer section {display:inline-block;padding:0 !important;}
footer section p {}
footer section h3 {margin-bottom:10px;width:100%;text-align:left !important;background:none !important;}
footer .sidebar section h3 span {font-family:'PTSansBold';font-size:12px;text-transform:uppercase;text-shadow:none;font-style:normal;background:none;width:100%;text-align:left;padding:5px 0 !important;}
#credits {padding:0 20px;text-align:center;}

/* ======== FLOATS & IMAGES ======== */
.float-left {float: left;margin: 0;}
.float-right {float: right;margin: 0;}
.float-center {margin:0 auto;}
.float-left, .float-right, .float-center {padding: 0;position: relative;width: 550px;}
img.alignright, img.alignleft, img.aligncenter, img.alignnone {border:3px solid #fff; }
.alignright { float:right;margin:5px 0 10px 10px; }
.alignleft {float:left;margin:5px 10px 10px 0; }
.aligncenter {margin:20px auto;display:block;}
.alignnone {margin:10px auto;border:none;}
.size-full {width:99%;}
.wp-caption {}
.wp-caption a {display:block;}
.wp-caption a img {border:3px solid #fff;-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 0.3);
box-shadow:         0px 2px 5px rgba(50, 50, 50, 0.3);}
.wp-caption-text {text-align:center;padding:3px;margin:5px 5px 5px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
.hover a {background:#333;display:block;}
.hover a:hover {background:url(images/icons/see.png) 50% 50% no-repeat;opacity:1;z-index:9999;}



/* ======= FEATURED PAGES ======= */
#front-featured {}
#front-featured img {border-bottom:3px solid #ccc;}
#front-featured #featured-one,
#front-featured #featured-two,
#front-featured #featured-three {float:left;width:33%;margin:0 0 30px 0;text-align:center;}
#front-featured h2 {padding:30px 0 20px;}
#front-featured h2 a {font-family:'PTSansBold';text-transform:uppercase;font-size:12px;}
#front-featured .excerpt {padding:0 20px;font-family: 'Titillium';line-height:22px;font-size:14px;}
#front-featured #featured-border {border-left:1px solid #ccc;border-right:1px solid #ccc;}
/* ======= SUBPAGES ======= */
#subpages-nav {padding-top:20px;}
#subpages-nav li {display:block;margin-bottom:2px;padding:5px;overflow:auto;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:normal;position:relative;border-bottom:1px dashed #ccc;}
#subpages-nav li a {display:block;overflow:auto;}
#subpages-nav li a span.subtitle {font-size:12px;display:block;padding-bottom:7px;}
#subpages-nav li a span.round-icon {display:block;background:#ccc url(images/icons/arrow-right.png) 16px 12px no-repeat;width:40px;height:40px;position:absolute;right:0;}
#subpages-nav li a .subpage-icon {background:url(images/icons/arrow-right.png) 16px 12px no-repeat;}
#subpages-nav li a.selected {}
#subpages-nav li a.selected span.round-icon, #subpages-nav li a:hover span.round-icon {background:#333 url(images/icons/arrow-right.png) 16px 12px no-repeat;}
.subpages-content {padding-top:20px;}
/* ======== SOCIAL CONNECT ======== */
#socialnav {float:right;}
#socialnav ul {margin:8px 0 0 14px;padding:0;}
#socialnav ul li {display:block; width:24px; height:24px; float:left; margin-right:7px; background:url(images/icons/social.png) no-repeat;}
#socialnav ul li a, #socialnav ul li a:visited {display:block;width:100%;height:100%;}
#socialnav ul li a:hover, #socialnav ul li a:focus {}
#socialnav ul li#facebook {background-position:-24px top;}
#socialnav ul li#facebook:hover {background-position:-24px bottom;}
#socialnav ul li#twitter {background-position:-48px top;}
#socialnav ul li#twitter:hover {background-position:-48px bottom;}
#socialnav ul li#google {background-position:top left;}
#socialnav ul li#google:hover{background-position:bottom left;}
#socialnav ul li#linkedin {background-position:-72px top;;}
#socialnav ul li#linkedin:hover{background-position:-72px bottom;}
#socialnav ul li#youtube {background-position:-96px top;}
#socialnav ul li#youtube:hover{background-position:-96px bottom;}
#socialnav ul li#wordpress {background-position:-120px top;}
#socialnav ul li#wordpress:hover{background-position:-120px bottom;}
#socialnav ul li#dribbble {background-position:-144px top;}
#socialnav ul li#dribbble:hover{background-position:-144px bottom;}
#tweets { text-align:center;margin-top:30px;}
.tweet {background:url(http://aslanproductionsaustralia.com.au/wp-content/uploads/2013/11/aslan.png) center left no-repeat;padding:10px 10px 10px 40px;font-size:120%;line-height:30px;}
#page-share {padding-top:12px;}
#page-share li {float:left;width:90px;display:block;}
#page-share li#fb-button {width:130px;}



/* ======= BLOG PAGE ======= */
.post-list, .post-thumbs {border-bottom:1px solid #ccc;padding:20px 0;margin-bottom:20px;}
.excerpt {line-height:18px;color:#333333;}
.post-title {float:left;margin-bottom:20px;width:85%;}
.post-title .meta {text-align:left !important;}
.post-date {float:right;width:46px;}
.post-date .rounded {text-align:center;font-family:'DroidSerif';font-size:18px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);margin-top:3px;width:45px;height:45px;color:#fff; }
.post-date .rounded span {font-size:12px;}
.post-date .rounded .innercircle {padding-top:4px;}

/* post list template */
.post-list {}
.post-list h2 {font-family:'Titillium';font-size:24px;font-weight:normal;padding-bottom:5px !important;}
.post-list h2 a {}
.post-list h2 a:hover {}
.post-list .excerpt {padding:20px 0 0;}
.post-list .post-img {position:relative;}
.post-list .post-img .read-more {position:absolute;bottom:0;display:block;width:100%;color:#fff;padding:10px 0;}
.post-list .post-img .read-more a {padding:10px;color:#fff;}
/* post thumbs template */
.post-thumbs {overflow:auto;}
.post-thumbs .post-info h2 {padding-bottom:5px !important;}
.post-thumbs .post-info {width:72%;float:left;}
.post-thumbs .post-thumb {width:24%;float:left;margin-right:4%;}
.post-thumbs .post-thumb img {background:#fff;border:1px solid #ccc;padding:4px;}

/* Blog Navigation */
.navigation {}
.next-posts a, .prev-posts a {height:46px;padding-left:10px;padding-top:24px;width:60px;display:block;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;color:#fff;font-size:16px;}
.navigation .next-posts {float:right;}
.navigation .prev-posts {float:left;}


/* ======== SINGLE TEMPLATE ======== */
.post {padding:20px 30px 20px 50px;border-top:1px solid #ccc;}
.post h1 {padding-top:8px;}
article .content {padding:20px 0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin-top:30px;font-size:12px;line-height:20px;overflow:auto;}
article .content h3 {border-bottom:1px solid #ccc;padding-bottom:3px;margin-bottom:10px;}


/* ======== META DATA ======== */
.meta {}
.meta a {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
.circle {border-radius: 50%;height:70px;width:70px;display:inline-block;color:#fff;text-align:center;font-size:36px;font-family:'DroidSerif';-webkit-border-radius: 50%;-moz-border-radius: 50%;-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);margin-top:3px;}
.circle span {font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;padding: 0;margin-top:-8px}
.innercircle {padding-top:7px;}
.tags {padding:10px 0 10px 22px;background:url(images/icons/tag.png) 0 13px no-repeat;margin-top:10px;}
.tags a {padding:2px 5px;margin-right:3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#fff;}
.sumocrumbs {padding:10px 0;margin-bottom:10px;text-align:right;}
.sumocrumbs a {padding:5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color:#fff;}
.round-icon {-webkit-border-radius: 50%;-moz-border-radius: 50%;-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);float:left;margin-right:5px;}
.round-icon .icon {text-align:center;display:block;height:30px;width:30px;}
.round-icon .icon#role {background:url(images/icons/pointer.png) 50% 50% no-repeat; }
.round-icon .icon#client {background:url(images/icons/man.png) 50% 50% no-repeat; }
.round-icon .icon#agency {background:url(images/icons/suitcase.png) 50% 50% no-repeat; }
.round-icon .icon#cost {background:url(images/icons/man.png) 50% 50% no-repeat; }
.round-icon .icon#link {background:url(images/icons/clip.png) 50% 50% no-repeat; }
.round-icon .icon#date {background:url(images/icons/time.png) 50% 50% no-repeat; }
.page-title {border-bottom:3px solid #ccc;margin:0 0 20px 0;overflow:auto;padding:0;}
.page-title .title-left {float:left;width:85%;}
.page-title .title-right {float:right;text-align:right;width:15%;}
.post-specific {color:#fff;text-align:center;padding:5px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;margin-bottom:30px;}
/* ======= WIDGETS AND SIDEBAR ======= */
.sidebar section {padding:20px 0;overflow:auto;}
.sidebar section h3 {background:url(images/line.png);text-align:center;padding-top:2px;margin-bottom:5px;}
.sidebar section h3 span {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;padding:5px;background:#fff;margin:0 auto;font-size:16px;}
.sidebar section h3 a {}
.sidebar section ul {border-top:1px dashed #ccc;}
.sidebar section ul li {border-bottom:1px dashed #ccc;padding:5px;}
.sidebar section ul li a {}
.sidebar section .widget-wrap {padding:20px;}
/* ======== CUSTOM WIDGETS ======== */
.sidebar section .sumorecentposts {margin:0;padding:0;list-style:none inside none;border-top:none !important;}
.sidebar section .sumorecentposts li {padding:4px 2px 6px;border:1px solid #ccc !important;background:#E6E5DF;margin-bottom:5px;}
.sidebar section .sumorecentposts li:nth-child(odd) {}
.sidebar section .sumorecentposts li:nth-child(even) {}
.sidebar section .sumorecentposts li .recentpostinfo {float:left;}
.sidebar section .sumorecentposts li .tinypost {float:left;padding:3px 7px 0 5px;}
.sidebar section .sumorecentposts li .tinypost img {border:3px solid #22211f; }
.sidebar section .sumorecentposts .titlerecent {padding:8px 4px 0 0;float:left;width:160px;}
.sidebar section .sumorecentposts .titlerecent span {width:100%;display:block;padding-top:5px;padding-left:18px;background:url(images/icons/comment.png) 0 8px no-repeat;}
.sidebar section .sumorecentposts .titlerecent span a {font-size:12px;}
.sidebar section .sumorecentposts .titlerecent a, .sumorecentposts .titlerecent a:visited {font-size:16px;}
.sidebar section .sumorecentposts .titlerecent a:hover, .sumorecentposts .titlerecent a:focus {}
/* calendar and sidebar tables */
#wp-calendar tr th, #wp-calendar tr td {padding-left:7px;}
#wp-calendar caption {padding:0 0 10px 0;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic; }
/* DP flickr widget */
.flickr_badge_image {float:left;margin:8px;}
.flickr_badge_image img {border:3px solid #22211f;}
/* address widget */
.addresswidget {margin-bottom:40px;}
.addresswidget iframe {background:#22211f;padding:4px;}
.address { position:absolute;float:left;margin-left:-46px;background:#22211F url(images/icons/address.png) 5px 5px no-repeat;display:block;width:36px;height:36px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
/* PORTFOLIO */
.portfolio-title {border-bottom:1px solid #ccc;position:relative;margin-bottom:10px;}
.portfolio-title h3 {width:80%;padding:5px 0 10px 0;}
.portfolio-widget {overflow:visible;position:relative;height:200px;}
.portfolio-widget ol#pagination {top:-50px !important;width:80px !important;}
.portfolio-widget ol#pagination li {width:34px;height:34px;line-height:34px;font-size:9px}
.portfolio-posts {border-bottom:3px solid #ccc;overflow:auto;}
.portfolio-posts article {float:left;width:33.33%;display:block;height:200px;overflow:hidden;}
#portfolio-info { padding-top:20px;}
#portfolio-info li {float:left;width:50%;margin-bottom:9px;}
#portfolio-info li label {display:block;}
#single-portfolio-gallery {text-align:center;float:right;}
.flowpanes {display:block;overflow:visible;height:420px;position:relative;}
.flowpanes ul#items, .portfolio-widget ul#items {list-style:none outside none;margin:0;padding:0;width:100%;}
.flowpanes ul#items li, .portfolio-widget ul#items li {float:left;position:relative;}
.flowpanes ul#items li.pane, .portfolio-widget ul#items li.pane  {width:33.33%;float:left;height:205px;overflow:hidden;}
.portfolio-widget ul#items li.pane {width:33.33%;float:left;height:100px;overflow:hidden;}
ol#pagination {position:absolute;width:110px;right:0;top:-80px;}
ol#pagination li {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width:50px;height:50px;background:#333;display:block;cursor:pointer;color:#fff;text-align:center;line-height:47px;}
ol#pagination li.prev {float:left;}
ol#pagination li.next {float:right;margin-left:10px; }
ol#pagination li a {}
#portfolio-gallery { margin: 0 auto; }
#portfolio-gallery .slides {display: block;position: relative;overflow: hidden;margin-bottom:0;}
#portfolio-gallery .slides li {position: absolute;top: 0;left: 0;overflow: hidden;}
#portfolio-gallery .slides li img {display: block;width: 100%;max-width: none;}
#portfolio-gallery .slides li.active { display: block; position: relative; }
#portfolio-gallery .crop li img { width: auto; }
#portfolio-gallery a:hover {color:#fff;}
#portfolio-gallery .pager {text-align: center;z-index:9990;padding:5px;overflow:auto;}
#portfolio-gallery .pager li { display: block;margin-bottom:0; overflow:auto;padding:5px;float:left;}
#portfolio-gallery .pages li.active a {border:3px solid #000;}
#portfolio-gallery .pager li a {text-align:left;overflow:auto;display:block;border:3px solid #fff;}
#portfolio-gallery .pager a:hover {text-decoration:underline;}
.prevnext a {width:45px;height:45px;display:block;color:#fff;text-align:center;line-height:43px;float:right;}


/* RELATED PORTFOLIO ITEMS */
/*General Mosaic Styles*/
.mosaic-block {float:left;position:relative;overflow:hidden;width:33.25%;height:205px;margin:0;background:#111 url(images/progress.gif) no-repeat center center;}
.mosaic-blocks {float:left;position:relative;overflow:hidden;width:354px;height:205px;margin:0;background:#111 url(images/progress.gif) no-repeat center center;}
.details{ margin:15px 20px; }	
.details h4{ font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0); }
.details p{ font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);}
.details a{ text-decoration:none; }
.mosaic-backdrop {display:none;position:absolute;top:0;height:100%;width:100%;background:#111;}
.mosaic-overlay {display:none;z-index:5;position:absolute;width:100%;height:100%;background:#111;}
	
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {background:url(images/hover-magnify.png) no-repeat 56% 50%;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);display:none;}
.fade .mosaic-overlay {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";filter:alpha(opacity=00);background:url(images/bg-black.png);}	
.bar .mosaic-overlay {bottom:-100px;height:80px;background:url(images/bg-black.png);}
.bar2 .mosaic-overlay {bottom:-50px;height:100px;opacity:0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);}
.bar2 .mosaic-overlay:hover {opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}
.bar3 .mosaic-overlay {top:-100px;height:100px;background:url(images/bg-black.png);}
/*** End Animation Styles ***/
		
		
/* ======== FORMS ======== */
form {padding:20px;border-top:1px solid #ccc;overflow:auto;}
form div {margin:5px 0;}
form ul {list-style:none;}
form ul li {padding-bottom:10px;}
form.contact {width:100%;}
label {font-size:10px;letter-spacing:1px;padding-bottom:2px;text-transform:uppercase;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea {border:1px solid #bcb9b9; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.44); -moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.44); box-shadow:0px 1px 0px rgba(255, 255, 255, 0.44);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:14px;color:#333;width:220px;padding:6px 5px !important;}
input[type="submit"] {color:#fff;padding:7px 18px 7px;display:inline-block;margin-top:0;margin-right:0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor:pointer;float:right;text-transform:uppercase;font-size:14px;border:none;}
textarea { width:480px;height:150px;}
input:focus, textarea:focus{background: #f9f9f9;}

#searchbutton {float:right;border-radius:50%;cursor:pointer;display:block;height:50px;text-align:center;width:50px;background-image:url(images/icons/search.png);background-repeat:no-repeat;background-position:12px 12px; }
#searchbar {margin-bottom:20px }
#searchbar {overflow:auto;height:90px;}
#searchform {-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
#searchform .searchform-wrapper {width:90%;margin:0 auto;}
#searchform input[type="text"] {float:left;font-size:24px;padding:10px;width:270px;margin-right:7px;}
#searchform input[type="submit"] {float:left;padding:10px 20px;font-size:18px;}
#searchform label {float:left;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;padding:10px 10px 0 0;text-transform:none;}

/* ======== COMMENTS ======== */
.comments {padding:40px 20px 20px;font-size:14px;line-height:22px; }
.comments ol {list-style:none;margin:0;padding:10px 0;}
.comments ol li {padding:15px;display:block;overflow:auto;border-bottom:1px dashed #ccc;}
.comments ol li:nth-child(odd) {}
.comments ol li:nth-child(even) {}
.comments ol li span.gravatar {float:right;display:block;height:90px;overflow:hidden;width:90px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.comments ol li span.comment { float:left;width:78%;padding-top:0;}
.comments ol li span.comment p { font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}
.comments ol li span.comment p.author {text-transform:uppercase;font-style:normal;font-family:Arial, Helvetica, sans-serif;letter-spacing:1px;font-size:10px;} 
.comments ol li span.comment p a {text-transform:uppercase;font-style:normal;}
.comments ol li span.comment span.commentdate {font-style:normal;color:#666;width:100%;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;line-height:38px; }
#respond {margin-top:30px;}
#respond h3 {padding:20px 10px 10px 20px;}
#respond .meta {padding:5px 0;}
#respond .subtext {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:120%;}
#respond textarea {width:98%;margin-bottom:5px;}
#respond .respond-title {margin-bottom:20px;padding-left:10px;}
#respond .respond-title h2 {padding-bottom:3px;}
#respond .round-icon {margin-top:-7px;margin-left:-28px;}
#respond #comment-icon {width:56px;height:56px;background:url(images/icons/comment-icon.png) 13px 14px no-repeat;}
.comments .section-title {padding-bottom:3px;border-bottom:1px solid #ccc;overflow:auto;}
.comments .section-title h2 {margin-top:14px;}


/* TABLES */
th {color:#fff;padding:5px 0;}
td {padding:5px 0;text-align:center;}
@media only screen and (min-width: 1025px) {
#page-shadow {width:960px;background:none;margin:0 auto;}
#page-white {width:960px !important; /*moz width*/ width:900px; /*IE width*/ padding:50px 70px;}
.page-wrap {width:1100px;}
#description {padding-left:146px;}
.circle {position:absolute;left:-35px;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
#page-shadow {width:960px;background:none;margin:0 auto;}
#page-white {width:90% !important; /*moz width*/ width:80%x; /*IE width*/ padding:5%;}
.page-wrap {width:90%;}
#description {padding-left:90px;}
.circle {position:absolute;left:-35px;}
.flowpanes {height:300px;}
.flowpanes ul#items li.pane{height:140px;}
.sidebar section .sumorecentposts .titlerecent {width:115px;}
.flickr_badge_image {margin:3px;}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
    
@media only screen and (min-width: 481px) and (max-width: 768px) {
#page-shadow {width:92%;background:none;}
#page-white {width:90% !important;padding:5%}
.page-wrap {width:100%;}
#description {padding-left:90px;clear:both;margin-top:20px;}
#headnav {position:relative;clear:both;width:auto;padding-top:20px;padding-bottom:3px;}
#headnav ul {width:auto;display:block;}
#headnav ul li {}
#headnav ul li a, #headnav ul li a:visited {padding:5px 20px 5px 0;}
.tweet {line-height:24px;}
.circle {position:absolute;left:-35px;}
.sidebar section {width:45%;float:left;margin-right:5%;}
.flowpanes {height:200px;}
.flowpanes ul#items li.pane {height:95px;}
article .content {overflow:visible;}
}
/* #Mobile
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) {
#page-shadow {width: 100%;background:none;}
#page-white {width:90% !important;padding:5%}
.page-wrap {width:100%;}	
#logo {display:block;width:96%;text-align:center;}
#description {text-align:left;padding: 0px 0 20px;margin:0 auto 20px;position:absolute;top:3px;width:90%;border-top:none;}
#headnav {position:relative;clear:both;width:100%;padding-top:20px;padding-bottom:7px;}
#headnav ul {width:auto;display:block;}
#headnav ul li {}
#headnav ul li ul {display:none;}
#headnav ul li a, #headnav ul li a:visited {padding:5px 10px 50x 0;}
#front-featured #featured-one,
#front-featured #featured-two,
#front-featured #featured-three {width:100%;}
#front-featured #featured-border {border-left:none;border-right:none;}
#tweets { text-align:center;margin-top:90px;}
.tweet {background:url(images/tweet.png) center top no-repeat;padding:40px 0px 10px 0;display:inline-block;line-height:24px;}
.circle {margin:0 auto;left:42%;position:absolute;width:60px;height:60px;font-size:26px;}
.meta {text-align:center;}
.post {padding:20px;}
.post h1 {text-align:center;padding-top:80px}
.sidebar section .sumorecentposts .titlerecent {width:260px;}
.post-title {width:80%; }
.portfolio-list {width:49%;float:left;}
.page-title {width:100%;padding-top:20px;}
.page-title h1 {font-size:24px;text-align:left;}
ol#pagination {position:absolute;width:90px;right:0;top:-70px;}
ol#pagination li {width:40px;height:40px;line-height:40px;font-size:10px;}
.flowpanes {height:160px;}
article .content {font-size:12px;display:inline;}
footer section .widget-wrap, footer section .widget-wrap a {font-size:10px !important;}
.flowpanes ul#items li.pane, .portfolio-widget ul#items li.pane {height:76px;}
article .content {overflow:visible;display:inline;}
.mosaic-block {width:100%;height:205px;}
.mosaic-blocks {width:160px;height:190px;}
.page-title .title-left {float:left;width:70%;}
.page-title .title-right {float:right;text-align:right;width:30%;}
#searchbutton {width:40px;height:40px;background-position:7px 7px;}
}
@media only screen and (max-width: 320px) { 
#page-shadow {width:320px;background:none;}
#page-white {width:280px !important;padding:20px}
.page-wrap {width:100%;}	
#logo {display:block;clear:both;width:100%;overflow:visible;padding:40px 0 20px;text-align:center;height:90px;}
#description {text-align:center;padding: 0px 0 20px;margin:0 auto 20px;position:absolute;top:3px;width:88%;clear:both;border-top:none;}
header h1 {display:block;margin:0 auto;}
#headnav {position:relative;clear:both;width:auto;margin-top:20px;}
#headnav ul {width:auto;display:block;border-top:1px dashed #CCC;list-style:none outside none;}
#headnav ul li {width:100%;display:block;text-align:center;clear:left;border-bottom:1px dashed #cccccc;padding:5px 0;}
#headnav ul li ul {border-top:none;}
#headnav ul li a, #headnav ul li a:visited {padding:5px;}
#front-featured #featured-one,
#front-featured #featured-two,
#front-featured #featured-three { width:100%;}
#front-featured #featured-border {border-left:none;border-right:none;}
#tweets { text-align:center;margin-top:90px;}
.tweet {background:url(images/tweet.png) center top no-repeat;padding:40px 0px 10px 0;display:inline-block;line-height:24px;font-size:100%;}
.circle {margin:0 auto;height:55px;width:55px;font-size:24px;position:absolute;left:40%;display:block;}
.innercircle {padding-top:5px;}
.meta {text-align:center;}
.post {padding:20px;}
.post h1 {text-align:center;padding-top:70px;padding-bottom:12px;line-height:36px;}
.sidebar section .sumorecentposts .titlerecent {width:126px;padding:4px 4px 0 0;}
.post-title {width:80%; }
.post-thumbs .post-info {width:100%;float:none;}
.post-thumbs .post-thumb {width:100%;float:none;margin-right:2%;display:block;clear:both;margin-bottom:20px;text-align:center;}
.post-thumbs .post-thumb img {margin:0 auto;width:50%;}
.portfolio-list {width:49%;float:left;}
.portfolio-posts article {float:none;width:100%;display:block;height:180px;overflow:hidden;}
.page-title {width:100%;margin-bottom:10px;padding-bottom:5px;padding-top:10px;}
.page-title h1 {font-size:24px;text-align:left;padding-top:10px;line-height:36px;}
.flowpanes ul#items li.pane, .portfolio-widget ul#items li.pane {height:90px;width:50%;}
ol#pagination li {width:34px;height:34px;line-height:30px;font-size:9px;}
ol#pagination {width:78px;right:0;top:-56px;}
.flowpanes {height:280px;}
.flickr_badge_image {float:left;margin:5px;}
.comments ol li span.gravatar {margin:0 auto;float:none;width:80px;height:80px;}
.comments ol li span.gravatar img {border:none;}
.comments ol li span.comment {text-align:center;width:100%;padding-top:7px;}
#respond .respond-title {margin-bottom:20px;padding-left:0px;width:100%;display:block;text-align:center;clear:both;}
#respond .round-icon {display:block;float:none;margin:0 auto 10px;width:55px;}
input[type="submit"] {width:100%;margin-bottom:10px;}
#tweets { margin-top:20px;}
#searchbutton {width:40px;height:40px;background-position:9px 7px;}
#searchbar {overflow:auto;height:80px;}
#searchform input[type="text"] {float:left;font-size:14px;padding:10px;width:52%;margin-right:1%;}
#searchform input[type="submit"] {float:left;padding:3px;font-size:16px;width:42%;float:right;}
#searchform label {display:none;}
#searchform .searchform-wrapper {width:100%;}
article .content {overflow:visible;display:inline;padding:10px 0 20px;margin-top:10px;}
.prevnext a {width:34px;height:34px;line-height:30px;font-size:9px;}
.mosaic-block {width:100%;height:180px;}
.page-title .title-left {float:left;width:70%;}
.page-title .title-right {float:right;text-align:right;width:30%;}
}