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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body {
	background-image:url('/images/bgtry.png');
	font-family:"Helvetica Neue", Arial;
	/*-webkit-text-stroke:1px transparent;*/
	font-size:13px;
	color:#222;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#5e734e;
	-o-transition-duration: .33s;
	-o-transition-property: color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color;
}

a:hover {
	color:#8ea180;
}

a:active {
	position: relative;
	top: 1px;
}


h2, h3 {
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size: 24px;
	margin:0 0 15px 0;
	font-weight:bold;
	clear:both;
}

h3 {
	font-size:20px;
}


p {
	line-height:20px;
	margin:0 0 20px 0;
}


ul {
	list-style-type: square;
	list-style-image: url("/images/bullet.png"); 
	margin-bottom: 20px;
	margin-left:12px;
	line-height:20px;
}



/* Header Links */

#header {
	background: #b2bea9;
	zoom:1;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-weight:500;
	font-size:15px;
	width:1200px;
}

#header-wrap {
	line-height: 19px;
	margin: 0px 0 0 20px;
	overflow: hidden;
	width: 1180px;
}

#header a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 0 8px 0;
}

#header a:hover {
	color: #d9ddcf;
}
	
#header ul {
	float: left;
	list-style: none;
	margin: 0;
} 

#header ul li {
	float: left;
	margin-top:2px;
	margin-right: 1.5em;
}

#header-account {
	float:right;
	background: rgba(34, 73, 7, 0.3);
	padding:10px 10px 9px 10px;
	width: 220px;
	color:#fff;
	margin:0;
}

#header-account a {
	padding:0 0 0 15px;
	margin:0;
	display:inline;
	text-transform:none;
}

#header-account form {
	display:inline;
	width: 450px;
}

#header-account form input {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}

#header #login {
}

#header #login button {
		-webkit-text-stroke:1px transparent;
		color:#fff;
		background-color:#5e734e;
		border:0;
		margin:0 0 0 10px;
		font-size:12px;
		width:67px;
		height:22px;
}

#header #signup {
	margin:0 0px 0 0;
}

#header-account ul {
	float:right;
}

#header-account .adminlink {
	background:#5e734e;
	padding:3px 10px 3px 10px;
}








/* Navigation Second Level */

#header-wrap li ul{
	position:absolute;
	background-color:#a0ad95;
	display:none;
	font-size:11px;
	font-style:normal;
	text-transform:none;
	margin:0;
	margin-left:-20px;
	padding:0;
	-moz-box-shadow: 0px 3px 10px #999;
	-webkit-box-shadow: 0px 3px 10px #999;
	box-shadow: 0px 3px 10px #999;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-o-border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	z-index:1;
}

#header-wrap li:hover ul{
	display:block;
}

#header-wrap li li {
	display:block;
	float:none;
	border:0;
	margin:0;
}

#header-wrap li ul a{
	text-align:left;
	display:block;
	width:150px;
	text-transform:none;
	font-size:13px;
	border:0;
	padding:3px 0 3px 20px;
	margin:0;
}

#header-wrap li ul a:hover {
	background-color: #a5b19a;
}









/* Signup Form */

#signupform {
	width:350px;
	height:300px;
	background-color:#7b9169;
	background-image:url('/images/signup_bg.jpg');
	background-repeat:no-repeat;
	padding:20px 30px 20px 30px;
	display:none;
	float:right;
	position:absolute;
	top:39px;
	left:800px;
	color:#fff;
}


#signupform ul {
	border-bottom:1px solid #81966f;
	line-height:20px;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}

#signupform p {
	margin:0 0 10px 0;
}

#signupform input, #deals_box input, #deals_box_subscribe input {
	height: 21px;
	width:220px;
	padding:0 10px 0 10px;
	color:#222;
}

#signupform button, #deals_box_subscribe button {
	padding:0 15px 0 15px;
	-webkit-text-stroke:1px transparent;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	-moz-border-radius:4px; 
	border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #96ac71;
	background: #96ac71 url(http://deals.designshack.net/images/buy-gradiant.gif) repeat-x left 0;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#a5bc80), to(#8ba267));
	background: -moz-linear-gradient(top,  #a5bc80,  #8ba267);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5bc80', endColorstr='#8ba267');
	color:#fff;
	border:0;
	margin:0 0 0 10px;
	font-size:14px;
	width:90px;
	height:27px;
	font-weight:bold;
	line-height:8px;
}


.signup-wrapper {
	width:380px;
}

.signup-picture {
	float:left;
	width:130px;
	height:70px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	margin:0 15px 30px 0;
}

.signup-picture img {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.signup-text {
	float:left;
	width:190px;
	height:70px;
	margin:0 0px 36px 0;
}







/* H1 Logo */

h1 {
	text-decoration:none;
	width : 260px;
	height : 160px;
	margin : 0 auto;
	padding : 0;
	background : url('/images/designshack.png') no-repeat 0 0;
}

h1 a {
	display : block;
	height : 113px;
	text-indent : -9999px; 
}

h1 a:hover {
	border:0;
}




/* Connect Box */


.socialicons {
	background:#786d60;
	width:275px;
	padding: 13px 20px 10px 20px;
	height:47px;
	margin:0 0 20px -20px;
}

#footer-subscribe .socialicons {
	background:none;
	margin:0 0 20px 0;
	padding:0;
}

.socialicons a {
	margin:0 10px 0 0;
	width:45px;
	height:45px;
	float:left;
	display:block;
	text-indent: -9999px;
}

.socialicons .rss {
	background: url('/images/socialicons.png') 135px 45px;
}

.socialicons .rss:hover {
	background: url('/images/socialicons.png') 135px 0;
}

.socialicons .twitter {
	background: url('/images/socialicons.png') 180px 45px;
}

.socialicons .twitter:hover {
	background: url('/images/socialicons.png') 180px 0;
}

.socialicons .email {
	background: url('/images/socialicons.png') 90px 45px;
}

.socialicons .email:hover {
	background: url('/images/socialicons.png') 90px 0;
}

.socialicons .facebook {
	background: url('/images/socialicons.png') 0 45px;
}

.socialicons .facebook:hover {
	background: url('/images/socialicons.png') 0 0;
}

.socialicons .googleplus {
	background: url('/images/socialicons.png') 45px 45px;
}

.socialicons .googleplus:hover {
	background: url('/images/socialicons.png') 45px 0;
}

#connect {
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	margin-bottom:30px;
	margin-top:10px;
	margin-left:25px;
	width:250px;
	clear:both;
	
}

#connect span {
	font-size:11px;
	font-family: 'Helvetica Neue';
}

#connect a {
	line-height:17px;
}


#connect .rss, #connect .twitter, #connect .members, #connect .facebook, #connect .email {
	background:red;
	display:block;
	height: 27px;
	margin:10px 0 10px 0;
	padding:0 0 0 40px;
	font-size:18px;
	float:left;
	width: 120px;
}

#connect .rss {
	background:url('/images/rss_icon.png');
	background-repeat:no-repeat;
	color:#564028;
}

#connect .twitter {
	background:url('/images/twitter_icon.png');
	background-repeat:no-repeat;
	color:#4d8195;
	width: 120px;
}

#connect .facebook {
	background:url('/images/facebook.png');
	background-repeat:no-repeat;
	color:#3b5998;
}

#connect .members {
	background:url('/images/members.png');
	background-repeat:no-repeat;
	color:#333;
}

#connect .email {
	background:url('/images/email.png');
	background-repeat:no-repeat;
	color:#333;
	width: 120px;
}

#footer #connect .facebook {
	color:#7098cc;
}

#footer #connect .rss {
	color:#bb9b7e;
}

#footer #connect .twitter {
	color:#9ad3df;
}

#footer #connect .email {
	color:#91abb5;
}


#connect .twitter:hover, #connect .rss:hover, #connect .members:hover, #connect .facebook:hover, #connect .email:hover {
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#connect .twitter:active, #connect .rss:active, #connect .members:active, #connect .facebook:active, #connect .email:active  {
	cursor:pointer;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.reddit_btn, .tweetmeme_btn, .facebook_btn {
	float:left;
	margin:0 15px 0 0;
	display:block;
	width:70px;
}

.tweetmeme_btn {
	margin:0 5px 0 0;
}

.social_links {
	height: 20px;
	padding:10px;
	background:#fff;
	margin:0 0 15px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}


/* Layout */


#container {
	width: 1200px;
	margin:0 auto;
	display:block;
}


#left_column_bg {
	width:310px;
	background: rgba(175, 190, 164, 0.5);
	padding:0px;
	display:absolute;
	top:40px;
	left:0;
}

#left_column {
	width:270px;
	float:left;
	/*background: rgba(175, 190, 164, 0.5);*/
	padding:20px 20px 30px 20px;
	display:block;
	overflow:hidden;
}

#left_column .sponsors {
	min-height:800px;
	padding:0 0 0 4px;
}

#left_column h2 {
	border-top:1px solid #cbd3c2;
	margin:20px 0 10px 0;
	padding:20px 0 0 0;
}

#featuredpost {
	display:block;
	width:890px;
	padding:0px 0px 30px 0px;
	float:left;
	background: rgba(175, 190, 164, 0.3);
}

#featuredpost h2 {
	font-size:32px;
	line-height:38px;
}

#middle_column_home, #page_column {
	width:490px;
	float:left;
	display:block;
}

#middle_column {
	padding:20px;
	width:490px;
	float:left;
	display:block;
}

#page_column {
	padding:20px;
	width:460px;
}

#right_column {
	background-color:#DCE3D6;
	padding:20px;
	float:left;
}

#blog_column, #archive_column {
	width:520px;
	margin:0 20px 0 0;
	float:left;
	padding:30px 0 30px 30px;
	display:block;
}

#blog_column h1, #archive_column h1 {
	background:none;
	font-size: 36px;
	line-height: 40px;
	color:#564028;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	font-weight:bold;
}

#blog_column h2 {
	background:none;
	font-size: 32px;
	line-height: 40px;
	color:#000;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	width:100%;
	height:auto;
	margin:35px 0 20px 0;
	font-weight:bold;
}

#blog_column h3 {
	background:none;
	font-size: 26px;
	line-height: 32px;
	color:#000;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	width:100%;
	height:auto;
	margin:35px 0 20px 0;
	font-weight:normal;
}

#archive_column h3 {
	background:none;
	font-size: 24px;
	line-height: 32px;
	color:#000;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	width:100%;
	height:auto;
	margin:30px 0 5px 0;
	font-weight:normal;
}

#blog_column p, #blog_column li {
	font-size: 14px;
	line-height: 24px;
	color:#000;
	font-family: "Helvetica Neue", Arial;
}

#blog_column {
	font-size: 14px;
	line-height: 24px;
	color:#000;
	font-family: "Helvetica Neue", Arial;
	display:block;
}


.in-post-ad {
border:5px solid #e6e6e6;
margin-bottom: 20px;
width: 460px;
padding:20px;
}

.tutorialimage {
margin-bottom: 20px;
width: 510px;
}

.tutorialimage img {
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
}

.tutorialimage:hover {
-o-transition-duration: .33s;
-o-transition-property: border, color, opacity, -moz-opacity;
-webkit-transition-duration: .33s;
-webkit-transition-property: border, color, opacity, -moz-opacity;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}


.avatar {
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;	
	background-color:#e5ece0;
}

.alignleft a {
	background:url('/images/button_brown.png') no-repeat;
	border:0;
	padding:10px 0 0 0;
	text-align:center;
	margin:0;
	float:left;
	width: 170px;
	height:35px;
	color:white;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size:16px;
	line-height:15px;
	font-weight:bold;
}

.alignright a {
	background:url('/images/button_green.png') no-repeat;
	border:0;
	padding:10px 0 0 0;
	text-align:center;
	margin:0;
	float:right;
	width: 170px;
	height:35px;
	color:white;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size:16px;
	line-height:15px;
	font-weight:bold;
}

.navigation {
	height:30px;
}

.community_archive_entry .communityout {
	display:none;
}


.pullquote-r {
	overflow: auto;
	color: #4e4e4e;
	background-color: #eeeeee; 
	float: right;
	width: 250px;
	margin: 20px 0 20px 20px;
	padding: 20px;
	font: italic 20px/30px Georgia, serif;
	border: 1px solid #ccc;
}


#middle_column h2, #middle_column h3, #wide_middle_column h2, #wide_middle_column h3, #right_column h2, #right_column h3, #right_column_blog h2, #right_column_blog h3, #page_column h2 {
	font-size: 36px;
	color:#564028;
}

#middle_column h3, #wide_middle_column h3, #right_column h3, #right_column_blog h3 {
	font-size:24px;
}



#wide_middle_column {
	width:740px;
	float:left;
	padding:30px;
	display:block;
}



#right_column_home, #right_column,  #right_column_blog {
	width:350px;
	float:left;
	display:block;
}

#right_column_blog {
	width:250px;
	margin:40px 0 0 50px;
}



.clear {
	clear:both;
}

.small {
	font-size:11px;
	margin:20px 0 0 0;
}





/* Comments */

.commenttitle {
	border-bottom:1px solid #c9d3bc;
	padding-top: 0px;
	padding-bottom: 20px;
}

.comment, .trackback, .pingback {
border-bottom:1px solid #c9d3bc;
min-height: 120px;
margin-bottom: 30px;
font-size: 14px;
}

.comment p, .trackback p, .pingback p {
	margin: 0px 0 15px 0;
	line-height: 20px;
}

.trackback, .pingback  {
	font-size:12px;
	background: #f9f8f7;
	padding: 10px;
	color: #ccc;
	padding-bottom: 0px;
	display:none;
}

.trackback a, .pingback a {
	color: #b0b0b0;
	font-size:12px;
}

.comment-meta, .comment-meta a, #commentform p, small {
	text-transform:uppercase;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size:12px;
	margin:0 0 20px 0;
	color:#888;
	
}

.commentlist {
list-style: none;
}

.comment-author {
	background:none;
	font-size: 26px;
	line-height: 32px;
	color:#000;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	width:100%;
	height:auto;
	margin:20px 0 10px 0;
	font-weight:normal;
}

.comment img {
	float:right;
}


#blog_column textarea {
	width:460px;
}

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






/* Home Page */

.article_preview_homepage .tutorialimage, #archive_column .tutorialimage {
	display:none;
}

.article_preview_homepage {
	margin:0;
	padding:20px;
	background:url('/images/postbg.png') repeat-x;
}

#featuredpost .article_preview_homepage {
	background:none;
}

.pagenumbers {
	padding:0px 0px 20px 20px;
	clear:both;
}






/* Gallery Homepage */

#gallery_homepage {
	width:400px;
	height:600px;
	background:url('/images/gallerybg.jpg') no-repeat;
}

#gallery_homepage h2 {
	padding:30px 0 10px 135px;
}

#gallery_homepage h2 a {
	color:#fff;
}

#gallery_homepage h2 a:hover {
	color:#dce3d6;
}

.home_thumbnail {
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
	float:right;
	margin:0 20px 20px 20px;
	width:150px;
	height:100px;
}

.home_feature_thumbnail {
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
	float:right;
	margin:0 20px 20px 30px; width:300px; height:200px;
}

#gallery_homepage .screenshot {
	float:left;
	margin:30px 0px 0 30px;
	width:160px;
	height:109px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
}

#gallery_homepage #screenshot_area {
	background: rgba(175, 190, 164, 0.3);
	width:100%;
}

#gallery_homepage .screenshot:hover {
	-webkit-transform: scale(1.05);
}

#screenshot_area .browse {
	margin:20px 0 0 0;
	width: 340px;
	padding:30px;
	background: rgba(255, 255, 255, 0.3);
}

#screenshot_area .buttonlink {
	margin:30px 0 20px 0px;
	clear:both;
}

#screenshot_container_branding, #screenshot_container_interface, #consultancy_container_analysis, #consultancy_container_bespoke {
	display:none;
}

#gallery_tabs {
	list-style:none;
	width:318px;
	margin:0 auto;
}

#gallery_tabs li a {
	float:left;
	padding:8px;
	margin-right:10px;
	width:80px;
	text-align:center;
	color:#a4b495;
}

#gallery_tabs .current  {
	background:url('/images/gallery_tab_bg.png');
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-top-left-radius:3px;
	-moz-border-top-right-radius:3px;
	-o-border-top-left-radius:3px;
	-o-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

#gallery_tabs .current:hover  {
	color:#a4b495;
}

#gallery_tabs li a:hover  {
	color:#fff;
}


/* Main Gallery Page */

.screenshot {
	float:left;
	margin:0 20px 20px 0;
	overflow:hidden;
	width:160px;
	height:109px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
}

.screenshot:hover {
	-webkit-transform: scale(1.05);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.gal_designcolors, .gal_designcolors_filter {display: block; float:left; text-indent : -9999px;  margin: 3px 10px 5px 0; width: 10px; height: 10px; -webkit-border-radius: 2px;  -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}

.gal_designcolors_filter {display:inline; float:none; padding:2px;}

.pagenumber, .pagelink {
	background-color: #f0f0f0;
	text-decoration: none;
	padding:2px;
	line-height: 16px;
	width: 20px;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	text-align: center;
}

.pagelink {
	width: 100px;
}

.current {
	padding:2px;
	-webkit-border-radius:2px;
	background:#bfd6b2;
}

#galcol1 {float: left; width: 372px; margin-right: 10px; border-right: 1px solid #dce3d6; height:80px;}

#galcol1 a img {display:inline;}

#galcol2 {float: left; width: 110px; margin-right: 10px; border-right: 1px solid #dce3d6; height:80px;}

#galcol2 a img {display:inline;}

#galcol3 {float: left; width: 100px;}

#galcol3 .categories {
 font-size: 11px;
}


#galleryfilters {
	width:660px;
	padding:20px 20px 10px 20px;
	background: #dce3d6;
}

#galleryoptions {
	width:660px;
	height: 100px;
	padding:20px;
	background-color: #c4cbb9;
}

#type {
	list-style:none;
	float:right;
	margin:23px 25px 0 0;
}

#type li {
	float:left;
}

#type li a {
	padding:10px 15px 10px 15px;
	margin:0 15px 0 0;
	font-weight:bold;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-top-left-radius:3px;
	-moz-border-top-right-radius:3px;
	-o-border-top-left-radius:3px;
	-o-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

#type li a:active {
	top:0;
}

#type li .selected {
	background: #c4cbb9;
	font-weight:bold;
}

.remove_filter {
	font-size:20px;
}



/* Design Page */

.designimage {
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
	margin:0 16px 20px 0;
}

#swatch {
width: 90px;
float:right;
background: #e6e6e6;
padding: 10px;
text-align:center;
-webkit-border-radius: 10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
margin:0 0 20px 20px;
}

.designcolors {display: block; float:left; text-indent : -9999px;  margin: 0 5px 10px 5px; width: 20px; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}


#design_details {
	width:290px;
	float:left;
}

#design_description {
	width:340px;
	float:left;
	padding-right:40px;
	margin: 0 40px 20px 0;
	border-right:1px solid #ccc;
}

#design_similar {
	width:600px;
}

.designhr {
	border-bottom:1px solid #cfcfcf;
	margin:10px 0 20px 0;
	width: 600px;
}

.homehr {
	border-bottom:1px solid #cfcfcf;
	margin:10px 0 20px 0;
	width: 415px;
}

.lefthr {
	height:1px;
	background-color:#dee4d9;
	clear:both;
}


/* Article Display */


.author, #blog_column .author {
	text-transform:uppercase;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size:12px;
	margin:0 0 20px 0;
	color:#888;
}

.more-link {
	background:#dce3d6;
	padding:4px 6px 4px 6px;
}






/* Form Styling */

#middle_column label, .adminpage label, #page_column label {
	float:left;
	clear:both;
	width: 100px;
	height: 30px;
	padding:20px 0 0px 0;
	}
	
.adminpage label {
	width:150px;
}

#middle_column input, .adminpage input, #middle_column select, .adminpage select, #middle_column textarea, .adminpage textarea {
	float:left;	
	margin:13px 0 10px 0;
	width: 250px;
	height: 20px;
	}

#right_column input {
	width: 200px;
	height: 20px;
}

#page_column input {
	width: 200px;
	height: 20px;
	margin:9px 0 20px 0;
}
	
#middle_column input[type="file"], .adminpage input[type="file"] {
	margin-top:15px;
}
	
#middle_column select, .adminpage select {
	margin:20px 0 10px 0;
		}

#middle_column textarea, .adminpage textarea {
	height: 100px;
	font-size: 12px;
	padding:5px;
}


.error {
	padding:10px;
	background: #e2d0d0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	margin: 0 0 15px 0;
	line-height:18px;
}

.success {
	padding:10px;
	background: #d1e2d0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	margin: 0 0 15px 0;
	line-height:18px;
}


.notice {
	width:480px;
	padding:10px;
	background: #fae6c6;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	margin: 0 0 15px 0;
}

.notice_green {
	width:480px;
	padding:10px;
	background: #d1e2d0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	margin: 0 0 15px 0;
}


.button, .button_brown, .button_darkblue {
	padding:0px 40px 0 40px;
	text-align:center;
	margin:0 0 10px 0;
	float:left;
	min-width: 90px;
	height:35px;
	color:white;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size:16px;
	font-weight:bold;
	-moz-border-radius:8px; 
	border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-moz-box-shadow:5px 0 6px #d2dcc9;
	-webkit-box-shadow:5px 0 6px #d2dcc9;
	box-shadow:5px 0 6px #d2dcc9;
	border:1px solid #96ac71;
	background: #96ac71 url(http://deals.designshack.net/images/buy-gradiant.gif) repeat-x left 0;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#a5bc80), to(#8ba267));
	background: -moz-linear-gradient(top,  #a5bc80,  #8ba267);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5bc80', endColorstr='#8ba267');
	clear:both;
}




.buttonlink, .communityout {
	padding:10px 40px 0 40px;
	text-align:center;
	margin:0 0 10px 0;
	float:left;
	min-width: 90px;
	height:25px;
	color:white;
	font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Arial;
	font-size:16px;
	line-height:15px;
	font-weight:bold;
	-moz-border-radius:8px; 
	border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-moz-box-shadow:5px 0 6px #d2dcc9;
	-webkit-box-shadow:5px 0 6px #d2dcc9;
	box-shadow:5px 0 6px #d2dcc9;
	border:1px solid #96ac71;
	background: #96ac71 url(http://deals.designshack.net/images/buy-gradiant.gif) repeat-x left 0;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#a5bc80), to(#8ba267));
	background: -moz-linear-gradient(top,  #a5bc80,  #8ba267);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5bc80', endColorstr='#8ba267');
}

#deals_box .buttonlink {
	-moz-box-shadow:5px 0 6px #618c82;
	-webkit-box-shadow:5px 0 6px #618c82;
	box-shadow:5px 0 6px #618c82;
}

.communityout {
	clear:both;
	float:none;
	display:block;
	margin:15px 0 0 0;
	width:200px;
}

.button_brown, .buttonlinkbrown  {
	background: #564e40 url(http://deals.designshack.net/images/sign-up-bg.gif) repeat-x left 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#6f675a), to(#564e40));
	background: -moz-linear-gradient(top,  #6f675a,  #564e40);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f675a', endColorstr='#564e40');
	border:0;
}

button:hover, .buttonlink:hover, .communityout:hover {
	cursor:pointer;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	color:#fff;
}

button:active, .buttonlink:active, .communityout:hover {
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


button span {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}




/* Submit Table */

.submittable td, .submittable th {
padding: 15px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	-webkit-text-stroke:1px transparent;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}


.submittable th {
background-color: #ccd3c3;
font-weight:bold;
}

.submittable .odd {
background-color: #f1f5ec;
}

.submittable .price {
font-size: 18px;
font-weight:bold;
}

.submittable input {
	width: 250px;
	height: 20px;
	padding:0 0 0 10px;
}

.submittable button {
	margin:0 0 0 20px;
}

.critique {
background-color: #f1f5ec;
padding: 15px;
border: 5px solid #98b092;
}


/* Admin Table */

.admintable td, .admintable th {
	padding: 10px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	-webkit-text-stroke:1px transparent;
	font-size: 11px;
}


.admintable th {
background-color: #ccd3c3;
font-weight:bold;
}

.admintable tr:nth-child(2n+1) {
background-color: #f1f5ec;
}


/* Countdown Styles */

.countdown_show4 .countdown_section {
	width: 20.5%;
}

.countdown_show3 .countdown_section {
	width: 23%;
}

.countdown_show2 .countdown_section {
	width: 23%;
}

.countdown_show1 .countdown_section {
	width: 23%;
}


.countdown_section {
	display: block;
	float: left;
	margin:0 0 20px 0;
}
.countdown_amount {
font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue";
font-size: 24px;
margin:0 0 5px 0;
font-weight:normal;
}



/* Community News Homepage */

.communitynews a {
	display:none;
}

.communitynews ul {
	line-height:14px;
}

.communitynews b {
	line-height:20px;
}

.communitynews .communitynews_link {
	display:block;
	margin:0 0 5px 0;
}



/* Rating */

.star-rating,

.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus,

.star-rating .current-rating{

	background: url(/images/star.gif) left -1000px repeat-x;

}

.star-rating-container {
	background:#fff;
	padding:5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	width: 255px;
}

.star-rating{

	position:relative;

	width:250px;

	height:25px;

	overflow:hidden;

	list-style:none;

	margin:0 0 0px 0;

	padding:0;

	background-position: left top;

}

.star-rating li{

	display: inline;

}

.star-rating a,

.star-rating .current-rating{

	position:absolute;

	top:0;

	left:0;

	text-indent:-1000em;

	height:25px;

	line-height:25px;

	outline:none;

	overflow:hidden;

	border: none;

}

.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus{

	background-position: left bottom;

}

.star-rating a.one-star{

	width:10%;

	z-index:11;

}

.star-rating a.two-stars{

	width:20%;

	z-index:10;

}

.star-rating a.three-stars{

	width:30%;

	z-index:9;

}

.star-rating a.four-stars{

	width:40%;

	z-index:8;

}

.star-rating a.five-stars{

	width:50%;

	z-index:7;

}


.star-rating a.six-stars{

	width:60%;

	z-index:6;

}

.star-rating a.seven-stars{

	width:70%;

	z-index:5;

}

.star-rating a.eight-stars{

	width:80%;

	z-index:4;

}

.star-rating a.nine-stars{

	width:90%;

	z-index:3;

}

.star-rating a.ten-stars{

	width:100%;

	z-index:2;

}

.star-rating .current-rating{

	z-index:1;

	background-position: left center;

}



/* Deals */

.deal_summary, .deal_summary_current {
	background:#f0f0f0;
	padding:15px;
	width:310px;
	float:left;
	margin:0 20px 20px 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	line-height:20px;
}

.deal_summary_current {
	background:#d1e2d0;
}

.deal_summary strong, .deal_summary_current strong {
	display:block;
	margin: 0;
}



.dealimage_tiny {
	background:url('/images/image_tiny.jpg') no-repeat;
	width:80px;
	height:80px;
}

.dealimage_thumb {
	background:url('/images/image_thumb.jpg') no-repeat;
	width:200px;
	height:200px;
}

.dealimage_large {
	background:url('/images/image_large.jpg') no-repeat;
	width:600px;
	min-height:400px;
}

.dealimage_home {
	background:url('/images/image_large.jpg') no-repeat;
	width:600px;
	min-height:260px;
}


.coupon_code {
	padding:5px;
	background:#eee8b3;
	color:#564028;
	font-weight:bold;
	width:auto;
	font-family:"Monaco", "Lucida Console", monospace;
	margin:0 0 10px 0;
}

.adsense_left {
	border:5px solid #eef1ec;
}

.wp_syntax {
	font-size:12px;
	padding:0 0 10px 10px;
}

div.bsap_1243577 {
	margin:0 0 10px 0;
}

#footer {
	background: rgba(64, 42, 19, 0.8);
	height:420px;
	padding:30px 0 0 0;
}

#footer-content {
	width: 1200px;
	margin:0 auto;
}

#footer-about {
	color:#fff;
	width:300px;
	padding:20px;
	float:left;
	background:#5c4c3a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	margin:0 20px 0 0;
	clear:both;
}

#footer p {
	color:#d9d9d9;
}

#footer a {
	color:#c4cfbc;
}

#footer a:hover {
	color:#fff;
}

#footer-consultancy {
	width:420px;
	padding:20px;
	float:left;
	margin:0 20px 0 0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background: #859976 repeat-x left top;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#8fa37e), to(#788c69));
	background: -moz-linear-gradient(top,  #a5bc80,  #8ca368);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5bc80', endColorstr='#8ca368');
	-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);
}

#footer-consultancy p {
	color:#333;
}

#footer h2 {
	font-weight:normal;
}

#footer-consultancy a {
	color:#dce3d6;
}

#footer-consultancy #consultancy_content_area a {
	color:#859976;
}

#consultancy_content_area {
	background:url('/images/gallery_tab_bg.png');
	width:380px;
	border-radius:3px;
	padding:20px;
}

.staffimage {
	float:right;
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
	margin:0 0 0px 10px;
}

#footer-consultancy .price, #middle_column .price {
	-webkit-box-shadow: rgba(0, 0, 0, 0.199219) 1px 1px 2px, rgba(0, 0, 0, 0.0976562) 1px 1px 5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	overflow:hidden;
	background-image: url(/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-attachment: initial;
	background-position-x: 50%;
	background-position-y: 50%;
	float:right;
	font-size:32px;
	margin:0 0 15px 15px;
	width: 80px;
	height:88px;
	background:#f4f7ee;
	text-align:center;
}

#footer-consultancy span, #middle_column .price span {
	display:block;
	margin:10px 0 10px 0;
}

#footer-consultancy .price_enquire, #middle_column .price_enquire {
font-size:14px;
width:80px;
background:#93aa6f;
padding:11px 0 11px 0;
margin:0;
}

#footer-consultancy .price_enquire:hover, #middle_column .price_enquire:hover {
background:#9fb380;
}

#footer-consultancy #consultancy_content_area .price_enquire a, #middle_column .price_enquire a {
color:#fff;
}

#consultancy_container_bespoke .price span {
	font-size:21px;
	line-height:28px;
}

#consultancy_container_bespoke .price {
	height:110px;
}

#footer-subscribe {
	width:320px;
	padding:20px;
	float:left;
	background:#5c4c3a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}



.price span {
	color:#000;
}




#loginbox_inner, #subscribebox_inner {
	padding:20px;
	background:#e4e9e0;
	width:400px;
	height:150px;
	display:block;
}

#subscribebox_inner {
	height:300px;
}

#loginbox_inner label, #subscribebox_inner label, #loginform label {
	display:block;
	float:left;
	width:120px;
	height:20px;
	padding:10px 0 0 0;
	margin:0 0 15px 0;
}

#loginbox_inner .field, #subscribebox_inner .field, #loginform .field {
	width:180px;
	height:30px;
	background:#b3cb98;
	border:1px solid #a6c088;
	float:left;
	display:block;
	margin:0 0 15px 0;
	padding:0 10px 0 10px;
	color:#fff;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
}

#loginform form {
	width:380px;
}

#loginform p, #loginform label {
	color:#222;
}

#loginbox_inner p, #loginbox_inner label, #subscribebox_inner p, #subscribebox_inner label {
	color:#222;
}

#loginbox_inner hr, #subscribebox_inner hr
{
	margin:20px 0 20px 0;
	width:380px;
	display:block;
	background:none;
	border:0;
	height:0px;
	border-top:1px solid #87a664;
	border-bottom:1px solid #b2ca97;
}

#wp_page_numbers ul {
	margin:0;
	padding:0;
	width:auto;
}

#wp_page_numbers li {
		background-color: #f0f0f0;
		text-decoration: none;
		padding:2px;
		line-height: 16px;
		width: 20px;
		display: block;
		float: left;
		margin: 0 5px 5px 0;
		text-align: center;
}

#wp_page_numbers .active_page {
	background-color:#fff;
}

#wp_page_numbers .page_info {
	width:auto;
	padding:2px 6px 2px 6px;
}


#blog_column blockquote p {
	overflow: auto;
	color: 4e4e4e;
	background-color: #eeeeee;
	float: right;
	width: 250px;
	margin: 20px 0 20px 20px;
	padding: 20px;
	font: italic 20px/30px Georgia, serif;
	border: 1px solid #ccc;
}
