/*  
Theme Name: Dige Studio
Customized by: Desiree Cervantes Holden
Description: Customized Simplefolio Theme, based off SimpleBlog Theme by Omar Corrales.
Base Theme URI: http://www.slimmity.com/
*/

/* Reset Defaults
--------------------------------------------------------------------------------------- */
/* Include Reset File */
@import url("reset.css");


/* Basic Selectors
--------------------------------------------------------------------------------------- */

body {background: #000 url(images/body_bg.jpg) scroll center top no-repeat; font-family: ÒHelvetica NeueÓ, Helvetica, arial, sans-serif; font-size:14px; line-height:22px; color:#494949;}
	
a:link,a:visited,a:active {color:#009dc4; text-decoration:none;}

a:hover {color:#000000;}
	
.clear {clear: both;}
textarea,input {color:#7b7d6f}
strong { font-weight:bold;}
	
p img {padding: 0;max-width: 100%;}
img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}

.alignright {float: right;}
.alignleft {float: left}

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}

.center {text-align: center;}
.hidden {display: none;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */
	
#wrapper {width:945px; margin:0 auto; margin-top: 1px;}
	
#header {width:940px; height:160px; display:block;}

#main {clear:both; overflow:hidden;}

#main .container {background-color:#fff; padding:29px; overflow:hidden; -moz-border-radius:0px 0px 12px 12px;}

/* Slogan - delete? */
#main .container .slogan {margin-bottom:20px; padding:10px 0 30px; border-bottom:1px solid #e3e3e3;}
#main .container .slogan .qbutton {float:right; line-height:50px; margin-left:5px;}
#main .container .slogan .qbutton a:link,#main .container .slogan .qbutton a:visited,#main .container .slogan .qbutton a:active {
font-size:18px; padding:10px; background: #5c96b0 url(images/qbutton_bg.png) top left repeat-x; border:1px solid #bdbdbd; color:#ffffff;}
#main .container .slogan .qbutton a:hover {background:#88c2dc url(images/qbutton_hover_bg.png) top left repeat-x;}
#main .container .slogan h2 {font-size:28px; color:#4a85a0;}
	
/* Home Widgets- delete? */				
#main .container .home_widgets {overflow:hidden; font-size:12px; line-height:22px; color:#8b8c8c;}
#main .container .home_widgets .widget {margin-left:30px; width:280px; float:left;}
#main .container .home_widgets .widget h3 {padding:15px 10px; padding-top:0; margin-bottom:15px; font-size:24px; color:#4a85a0; border-bottom:1px solid #e3e3e3;}
#main .container .home_widgets .widget p {margin-bottom:15px;}
#main .container .home_widgets .widget ul {	}
#main .container .home_widgets .widget ul li {padding-bottom:5px; padding-left:20px; background: url(images/icon_bullet.png) 0 5px no-repeat;}

/* Header Layout
--------------------------------------------------------------------------------------- */

#header #logo {float:left; margin-left: 14px; margin-top: 25px;}
		
#header #pagenav {float: right; padding: 0; margin-top: 55px; margin-right: 10px; padding-left: 5px; padding-right: 12px; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0px 1px 0px #000;background: #000 url(images/nav_bg.jpg) repeat-x;}		
		
#nav ul {margin: 0 auto;}
#nav li {float: left; display: block; padding: 8px 7px 8px 8px; background: transparent url(images/nav_divider.jpg) top right no-repeat; font-size: 16px;}

.last {margin-right: 15px;}

#nav li a {display: block; color: #fff; padding: 0px 12px 2px 11px; text-decoration: none; font-weight: normal;}
#nav li a:hover {color: #fff; background-color: #D2148C; text-decoration: none; font-weight: normal;}		
						
/* Superfish - Menu Styles */
.sf-menu, .sf-menu * {z-index: 9999999 !important;}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.2em; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12.8em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
.sf-menu {float:left;}
.sf-menu a {padding: 10px;text-decoration:none;}
.sf-menu a, .sf-menu a:visited,.sf-menu a, .sf-menu a:link  { color: #5c879b; }
.sf-menu li {}
.sf-menu li a:hover {}
.sf-menu li ul {background:#d2d2cf;border:1px solid #bbbbb8;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
.sf-menu li ul li {font-size:14px;}
.sf-menu li ul li a:link,.sf-menu li ul li a:visited { color:#454545;}
.sf-menu li ul li a:hover {border:0;background:#fff;}
.sf-menu li ul li ul { background-color:#e2e2e2; border:1px solid #d1d1cc;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
.sf-menu li ul li ul li a:link,.sf-menu li ul li ul li a:visited { color:#000;}
.sf-sub-indicator { padding:0; margin:0;}


/* Main Content Layout
--------------------------------------------------------------------------------------- */	
						
#main .container .content {line-height:24px; width:560px; float:left;}
#main .container .content .title {font-size:26px;color:#009DC4;margin-bottom:15px; font-weight: normal; letter-spacing: normal; border-bottom: none;}
#main .container .content p {margin-bottom:20px;}
/* #main .container .content em {font-style: italic;} */

#main .container .content h1,#main .container .content h2,#main .container .content h3,#main .container .content h4 {color:#697e87;margin-bottom:15px;}
#main .container .content h1 {font-size:30px;}
#main .container .content h2 {font-size:18px; color: #558498; font-weight: bold; border-bottom: 1px solid #eee;}
#main .container .content h3 {font-size:18px;}
#main .container .content h4 {font-size:14px;}

#main .container .content ul {margin:10px 0 10px 20px;}
#main .container .content ul li{padding-bottom:5px; padding-left:20px; background: url(images/icon_bullet.png) 0 5px no-repeat;}
#main .container .content ol {list-style: decimal; margin:10px 0 10px 50px;}
#main .container .content ol li {padding-bottom:5px;}

#main .container .content blockquote {border:1px #c0c09b solid; background:#f0f0e5 url(images/quote.png) 10px 15px no-repeat; padding:20px; padding-left:65px; font-style:italic; margin:20px 0;}

#main .container .content a {text-decoration:underline;}

#main .container .content form {/* margin:20px 40px; */}

#main .container .content form label {margin-bottom:5px;}

#main .container .content form input,
#main .container .content form textarea,
#main .container .content form select {border:1px solid #ccccba; padding:5px;}
					
#main .container .content .blogpost {margin-bottom:20px; overflow:hidden;}
#main .container .content .blogpost .comments {float:left; margin-right:10px; margin-top:5px; background:url(images/commentcount.png) top left no-repeat; font-weight:600; font-size:11px; width:35px; height:33px; text-align:center; padding-top:2px;}
#main .container .content .blogpost .comments a {color:#6e6e6e; text-decoration:none;}

#main .container .content .blogpost h2.title {margin:0; padding:0; margin-left:45px}
#main .container .content .blogpost h2 a{text-decoration:none;}
#main .container .content .blogpost .meta {font-size:12px; margin-left:45px}
#main .container .content .blogpost .entry {clear:both; overflow:hidden; margin-top:15px;}

#main .container .content .social {overflow:hidden; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:20px 0; margin-bottom:20px;}
#main .container .content .social a {text-decoration:none;}
#main .container .content .social h3 {margin:0; padding:0; color:#518c9b;}
#main .container .content .social p {font-size:12px; margin-bottom:10px;}
#main .container .content .social ul {font-size:12px; margin:0; margin-bottom:0px!important; margin-bottom:1px; padding:0;}
#main .container .content .social ul li {display:inline; margin-right:10px; background-position:0 0; background-repeat:no-repeat;}
#main .container .content .social ul li.designfloat {background-image:url(images/fav/designfloat.png);}
#main .container .content .social ul li.delicious {background-image:url(images/fav/delicious.png);}
#main .container .content .social ul li.digg {background-image:url(images/fav/digg.png);}
#main .container .content .social ul li.stumbleupon {background-image:url(images/fav/stumbleupon.png);}
#main .container .content .social ul li.reddit {background-image:url(images/fav/reddit.png);}
#main .container .content .social ul li.technorati {background-image:url(images/fav/technorati.png);}

#main .container .content #comments {font-size:24px; margin:0;}
#main .container .content ol.commentlist {margin:20px 0 0; clear:both; overflow:hidden; list-style:none;}
#main .container .content ol.commentlist li {margin:10px 0; line-height:18px; padding:10px;}
#main .container .content ol.commentlist li .comment-author {}
#main .container .content ol.commentlist li .comment-author .fn {color:#000;}
#main .container .content ol.commentlist li .comment-author .avatar {float:right; border:1px solid #dddddd; background:#ededed; padding:3px;}
#main .container .content ol.commentlist li .comment-meta {font-size:10px;}
#main .container .content ol.commentlist li .comment-meta a {color:#a7a7a7; text-decoration:none;}
#main .container .content ol.commentlist li p {line-height:22px; margin-top:5px;}
#main .container .content ol.commentlist li .reply{}
#main .container .content ol.commentlist li .reply a {background:#77afbe; color:#fff; text-decoration:none; padding:5px 10px;}
#main .container .content ol.commentlist li .reply a:hover {background:#000; color:#fff;}
#main .container .content ol.commentlist li.odd {border:1px solid #bbe0e8; background:#e7f1f3;}
#main .container .content ol.commentlist li.even {border:1px solid #e5e5e5; background:#f1f1f1; }
#main .container .content #comment-form {margin-top:20px;}
#main .container .content #comment-form #respond {}
#main .container .content #comment-form #respond h3 {font-size:24px;}
#main .container .content #comment-form #respond #commentform {margin:0;}
#main .container .content #comment-form #respond #commentform label {margin-left:10px; display:inline;}
#main .container .content #comment-form #respond #commentform label small {font-size:10px;color:#a0a0a0;}
#main .container .content #comment-form #respond #commentform textarea,#main .container .content #comment-form #respond #commentform input {margin-bottom:10px; padding:5px; margin:0 10px 10px 0; background:#f8f8f5; border-left:1px solid #d1cec6; border-top:1px solid #d1cec6; border-right:1px solid #edede8; border-bottom:1px solid #edede8;}
#main .container .content #comment-form #respond #commentform input {width:400px;}
#main .container .content #comment-form #respond #commentform textarea {width:560px;}
#main .container .content #comment-form #respond #commentform input#commentSubmit {width:100px; padding:5px; background:#a6cfda; border:1px solid #78b0bf; color:#fff; font-weight:bold; cursor:pointer;}
#main .container .content .navigation,#main .container .content .comment-nav {clear:both; font-size:11px; overflow:hidden;}
#main .container .content .navigation .alignleft,#main .container .content .navigation .alignright,#main .container .content .comment-nav .alignright,#main .container .content .comment-nav .alignleft {width:49%; overflow:hidden; padding:10px 0;}
#main .container .content .navigation .alignright,#main .container .content .comment-nav .alignright {text-align:right;}
#main .container .content .navigation a,#main .container .content .comment-nav a {background:#eee; border:1px solid #d0d0c9; padding:10px; text-decoration:none;}
#main .container .content .navigation a:hover,#main .container .content .comment-nav a:hover {border:1px solid #c2c2c2; color:#6d6d6d;}


/* Main Content Full Width Page Layout
--------------------------------------------------------------------------------------- */	

#main .container .fullwidth {width:900px;}
#main .container .fullwidth .thumblarge {margin-bottom:20px;}
#main .container .fullwidth .portimage {float: left; width: 653px; }
#main .container .fullwidth .portdesc {float: left; width: 230px; margin-right: 10px;}


/* Main Content Sidebar
--------------------------------------------------------------------------------------- */	

#main .container .sidebar {width:265px; margin-left:40px; float:left;}
#main .container .sidebar .item {display: block; padding: 10px; background-color: #EFF0F0;}
#main .container .sidebar .item-bottom {background: transparent url(images/grayarrow_14.png) top left no-repeat; height: 35px;}

.sidebar h3 {color:#d2148c; font-size:18px; letter-spacing: -.3px; margin-bottom:10px; font-weight: bold; text-shadow: 1px 1px 0px #fff;}

ul.sidebar-contact li {padding: 5px; background-color: #fff; border-bottom: 1px dotted #c5c5c5;}

ul.sidebar-contact li a {}
ul.sidebar-contact li a:hover {background-color: #eee;}


#main .container .sidebar .widget {margin-bottom:20px;}
#main .container .sidebar .widget h3 {padding:0 10px 10px;padding-top:0;margin-bottom:15px;font-size:24px;color:#747474;border-bottom:1px solid #e3e3e3;}
#main .container .sidebar .widget h3 img {display:none;}
#main .container .sidebar .widget ul {}
#main .container .sidebar .widget ul li {padding-bottom:5px;padding-left:20px;background: url(images/icon_bullet.png) 0 5px no-repeat;}
#main .container .sidebar .widget_rssfeed {font-size:16px;}
#main .container .sidebar .widget_rssfeed ul li.rss {background:url(images/rssfeed.png) 0 0 no-repeat; padding:6px 0 10px 38px;}
#main .container .sidebar .widget_rssfeed ul li.email {background:url(images/mail.png) 0 0 no-repeat; padding:6px 0 10px 38px;}
#main .container .sidebar .widget_rssfeed ul li.twitter {background:url(images/twitter.png) 0 0 no-repeat; padding:6px 0 10px 38px;}

#main .container .sidebar .widget_search {}
#main .container .sidebar .widget_search form {}
#main .container .sidebar .widget_search form div {background:#e7e7e2;border:1px solid #cbcbc9;padding:5px;}
#main .container .sidebar .widget_search form div input {border:0; background:#e7e7e2; color:#666666;	padding:5px;}
#main .container .sidebar .widget_search form div input#keyword {width:200px;}
#main .container .sidebar .widget_search form div input#searchsubmit {cursor:pointer; color:#616161; border-left:1px solid #cbcbc9;}


/* Slider
--------------------------------------------------------------------------------------- */

#slider {width: 400px; height: 250px; position: relative; overflow: hidden; margin-bottom:20px;}
#slider #sliderContent {width: 400px; position: absolute; top: 0; margin-left: 0; }
#slider .sliderImage {float: left; position: relative; display: none;}
#slider .sliderImage span {position: absolute; font-size:12px; padding: 20px 12px; width: 376px; background-color: #efeff0; color: #000; display: none;}
#slider .sliderImage h3 {font-size: 18px; margin:0; padding:0; line-height:24px; color:#009dc4; text-shadow: 1px 1px 0px #fff; font-weight: bold; float: left; margin-right: 15px;}
				
#slider .top {top: 0;left: 0;}
#slider .bottom {bottom: 0; left: 0;}
#slider .left {top: 0; left: 0; width: 110px !important; height: 280px;}
#slider .right {right: 0; bottom: 0; width: 90px !important; height: 290px;}


/* Homepage Layout
--------------------------------------------------------------------------------------- */

.homepagecontent {background: url("images/bg_homepage_content.jpg") no-repeat scroll left bottom transparent; margin-bottom: 20px; padding-bottom: 10px;}

.welcome {float: left; width: 450px; margin-right: 30px;}

p.welcome {font-size: 22px;}

#sliderwrap {float: left;} 

.featuredproject {height: 48px; background: transparent url(images/featurearrow.png) no-repeat left top; padding: 10px 8px 8px 8px;}
.featuredproject h2 {color:#d2148c; font-size:18px;	letter-spacing: -.3px; 	margin-bottom:10px;	font-weight: bold;	text-shadow: 1px 1px 0px #fff;}	


/* What I do */
.whatido {padding-top: 25px; background: url("images/bg_homepage_content.jpg") no-repeat scroll left bottom transparent; margin-bottom: 20px; padding-bottom: 10px; line-height: 175%;}
.whatido .header {float:left; height:85px; overflow: hidden; position:relative; width:175px; background-color: #eee; background: transparent url(images/grayarrow.png) no-repeat left top; margin-right: 12px; }
.whatido .header .inner {padding: 12px;}
.whatido .header h2 {color:#d2148c; font-size:18px; letter-spacing: -.3px; margin-bottom:10px; font-weight: bold; text-shadow: 1px 1px 0px #fff;}

.whatido .description {width: 225px; padding: 5px 10px; float: left;  /* border: 1px solid #f8f8f8; */ }

.builtwithlove {padding-top: 12px; font-style: italic;}


/* Get In Touch */

.getintouch {padding-top: 5px; line-height: 175%;}
.getintouch .header {float:left; height:85px; overflow: hidden; position:relative; width:175px; background-color: #eee; background: transparent url(images/grayarrow.png) no-repeat left top; margin-right: 12px; }
.getintouch .header .inner {padding: 12px;}
.getintouch .header h2 {color:#d2148c; font-size:18px; letter-spacing: -.3px; margin-bottom:10px; font-weight: bold; text-shadow: 1px 1px 0px #fff;}

.getintouch .description {width: 225px; padding: 10px; float: left; }

/* RECENT WORK */

.recentwork {}

.intro {float:left; height:194px; position:relative; width:175px; background-color: #eee; background: transparent url(images/grayarrow.png) no-repeat left top; margin-right: -5px;}
.intro .inner {padding: 12px;}
.intro h2 {color:#d2148c; font-size:18px; letter-spacing: -.3px; margin-bottom:10px; font-weight: bold; text-shadow: 1px 1px 0px #fff;}

.project-row {}

.project-block {display:block; float:left; margin-bottom:16px; margin-left:14px; overflow:hidden; position:relative; border: 2px solid #eee; text-shadow: 1px 1px 0px #1899b5;}

.project-block a.inner {display: block; width: 220px; height: 188px; background-color: #39b8d8;}
.project-block a.inner:hover {background-color: #009dc4;}

.project-block-body {padding: 8px 10px 5px 10px;}
.project-block-body h2 {font-weight: bold; color: #fff;}

.project-subheader {color: #b8eeff; font-weight: bold;}

/* Buttons
--------------------------------------------------------------------------------------- */	

.readmore {padding: 5px 8px; background-color: #fff; border: 1px solid #ddd;}
.morelink {margin-left: 5px; padding: 5px 8px; background-color: #fff; border: 1px solid #ddd; }

.launch {padding: 5px 8px; background-color: #009DC4; border: 1px solid #ddd;}
	
	#main .container .content a.launch {color: #fff; font-weight: bold; text-decoration: none;}

/* Portfolio Layout
--------------------------------------------------------------------------------------- */	
#main .container .portfolio {}

#main .container .portfolio .title {padding-bottom:10px; border-bottom:1px solid #e3e3e3; color:#818181;}
#main .container .portfolio .title h2 {color:#5c96b0; font-size:30px;}

#main .container .portfolio .portfnav {font-size:11px; color:#929292; padding:10px 20px; border-bottom:1px solid #e3e3e3; overflow:hidden;}
#main .container .portfolio .portfnav ul {overflow:hidden;}
#main .container .portfolio .portfnav ul li {display:inline; margin-right:5px;}
#main .container .portfolio .portfnav ul li a {padding:5px 10px!important; padding:0px 10px;}

#main .container .portfolio .portfnav ul li.active a, 
#main .container .portfolio .portfnav ul li a:hover {background:#e6e6e6; color:#4c4c4c;}
				
#main .container .portfolio #folio {overflow:hidden; margin-top:30px;}
#main .container .portfolio #folio .item {width:250px; height: 250px; display: inline; float:left; margin-bottom:20px; padding:0 15px;}
#main .container .portfolio #folio .item img {border:1px solid #dddddd; background:#ededed; padding:5px 4px; margin-bottom:10px;}
#main .container .portfolio #folio .item h2 {font-size:18px; margin-bottom:10px; text-align: center;}
#main .container .portfolio #folio .item p {font-size:12px; color:#8a8a8a;}

		
/* Footer Layout
--------------------------------------------------------------------------------------- */
					
#footer {font-size:12px; padding:20px; clear:both; overflow:hidden; color: #666;}
#footer .footernav, #footer .copyright {float:left; width:49%; display:inline;}

#footer .footernav ul {overflow:hidden;}
#footer .footernav ul li {float:left; padding: 0 10px; border-right:1px solid #323232;}

#footer .copyright {text-align:right;}

#footer a {color: #1A7DA7;}
#footer a:hover {color:#8f8f8f;}

#footer .footernav ul li a:link, #footer .footernav ul li a:visited, #footer .footernav ul li a:active {color:#0092b6;}
#footer .footernav ul li a:hover {color:#666666;}


/* Calender styles */
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;text-align:center;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
	
	
/* WP-PageNavi Styles */		
.wp-pagenavi {clear:both; font-size:12px; padding:20px 10px 0; text-align:right; text-transform:uppercase; border-top:1px solid #e3e3e3;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #87b5ca; background-color: #FFFFFF;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #87b5ca;}
.wp-pagenavi a:hover {color: #000000;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; color: #87b5ca;}
.wp-pagenavi span.pages {color: #737373; float:left;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #303030;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; color: #000000;}


/* Clearfix
--------------------------------------------------------------------------------------- */

.clearfix:after  {clear:both; content:"."; display:block; height:0; visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}