@charset "utf-8";
/* CSS Document */

body,td,th {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
body {
background:url(http://www.webdesignshare.com//images/shareimages/bg.jpg) #231F20;
background-repeat:repeat-x;
	background-position: center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:focus {
    outline: none;
}



.link {
text-decoration:none;
color:#fff;
}

img {
border:none;
}

#container {
margin: 0 auto;
width:879px;
}


/* TOP */

#top {
width:879px;
height:86px;
float:left;
}

#top .logo {
width:290px;
height:86px;
float:left;
}

#top .right {
width:589px;
height:86px;
float:left;
}

#top .right .social-media {
padding:9px 18px 0px 0px;
width:571px;
height:36px;
float:left;
}

#top .right .social-media img {
margin:0px 0px 0px 5px;
float:right;
}

#top .right .nav {
background:#CDCDCD;
width:586px;
height:28px;
float:left;
}

/* Content */
#top-bar {
background:url(http://www.webdesignshare.com//images/shareimages/top_barbg.jpg) #CDCDCD;
width:879px;
height:13px;
float:left;
}

#main-content {
width:879px;
min-height:866px;
float:left;
padding-bottom:13px;
margin-bottom:50px;
background-color:#201C1D;
}

#main-content .sides {
background:url(http://www.webdesignshare.com//images/shareimages/main_contentl.jpg) #CDCDCD;
background-color:#201C1D;
width:13px;
min-height:851px;
float:left;
}

#main-content .content {
background: #000;
width:853px;
min-height:851px;
float:left;
}

/* Content */
#main-content .top {
width:853px;
height:47px;
float:left;
border-bottom:1px solid #1E1E1E;
}

#main-content .top .title {
height:47px;
float:left;
padding:0px 0px 0px 16px;
}

#main-content .top .title h1 {
color:#FFFFFF;
margin:14px 0px 0px 0px;
font-size:18px;
}

#main-content .top .rss  {
height:34px;
float:left;
padding:13px 16px 0px 3px;
border-right:1px solid #1E1E1E;
}

#main-content .top .categories  {
height:32px;
float:left;
padding:15px 16px 0px 16px;
border-right:1px solid #1E1E1E;
}

#main-content .top .submit-design  {
height:32px;
xwidth:189px;
float:right;
padding:7px 7px 0px 0px;
}


#main-content .top .submit-design .button {
float:right;
border:none;
	background:url(http://www.webdesignshare.com//images/shareimages/submit_btn_bg.jpg);
	background-repeat:repeat-x;
	    width: 207px;
		height:33px;
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		    outline: none;
			margin:0px;
			padding:0px;
			cursor:pointer;
}
#main-content .top .submit-design .button:hover {
border:none;
	background:url(http://www.webdesignshare.com//images/shareimages/submit_btn_bg_dn.jpg);
	background-repeat:repeat-x;
}

#main-content .top .submit-design .button a:focus {
	background:url(http://www.webdesignshare.com//images/shareimages/submit_btn_bg_dn.jpg);
	background-repeat:repeat-x;
}

#main-content .left {
width:617px;
height:669px;
float:left;
padding:14px 0px 0px 14px;
border-right:1px solid #1E1E1E;
}

#main-content .leftweb {
width:631px;
height:673px;
float:left;
padding:0px 0px 0px 0px;
border-right:1px solid #1E1E1E;
}

#main-content .leftweb .web_des_art {
width:631px;
height:669px;
float:left;
padding:0px 0px 0px 0px;
}

#main-content .leftweb h2 {
padding:15px 0px 15px 0px;
margin:0px 0px 0px 0px;
}


.web_des_arth2 {
color:#fff;
font-size:15px;
font-weight:bold;
}

.web_des_arth2 a {
text-decoration:none;
color:#fff;
}

.tag-listh2 {
color:#fff;
font-size:15px;
font-weight:bold;
}

.tag-listh2 a {
text-decoration:none;
color:#fff;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#main-content .leftweb ul, #main-content .leftweb li {
list-style-type: none;
margin: 0px 0px 0px 0px;
}

#main-content .leftweb ul {
padding: 0px 0px 0px 0px;
}

#main-content .leftweb li {
width:631px;
border-bottom:1px solid #1E1E1E;
	float:left;
}

#main-content .leftweb li a {
padding: 0px 0px 0px 15px;
display:block;
color:#777777;
text-decoration:none;
}

#main-content .leftweb li a:hover {
color:#FFFFFF;
}

#main-content .leftweb li:hover {
background:#303030;
}

#main-content .lefttag {
width:631px;
height:673px;
float:left;
padding:0px 0px 0px 0px;
border-right:1px solid #1E1E1E;
}

.tag-thumb img {
padding:0px 0px 0px 15px;
}

#main-content .lefttag .web_des_art {
width:631px;
height:669px;
float:left;
padding:0px 0px 0px 0px;
}

#main-content .lefttag .tag-list-entries {
width:631px;
height:669px;
float:left;
padding:0px 0px 0px 0px;
}

.tag-listp {
padding:0px 0px 5px 0px;
margin:0px 0px 0px 0px;
}


#main-content .lefttag h2 {
padding:0px 0px 4px 0px;
margin:0px 0px 0px 0px;
}

#main-content .lefttag ul, #main-content .lefttag li {
list-style-type: none;
margin: 0px 0px 0px 0px;
}

#main-content .lefttag ul {
padding: 0px 0px 0px 0px;
}

#main-content .lefttag li {
width:631px;
border-bottom:1px solid #1E1E1E;
	float:left;
}

#main-content .lefttag li a {
padding: 0px 0px 0px 0px;
display:block;
color:#777777;
text-decoration:none;
}

#main-content .lefttag li a:hover {
color:#FFFFFF;
}

#main-content .lefttag li:hover {
background:#303030;
}


#main-content .right {
width:221px;
height:673px;
float:left;
padding:0px 0px 0px 0px;
}

#main-content .right a {
color:#FFFFFF;
text-decoration:none;
}

#main-content .right .latest-top {
width:221px;
float:left;
padding:10px 0px 0px 0px;
}

#main-content .right .latest-bottom {
width:221px;
float:left;
padding:20px 0px 0px 0px;
}

#main-content .right .see-more {
width:211px;
float:left;
padding:10px 0px 0px 10px;
}

#main-content .right h2 {
color:#FFFFFF;
padding:0px 0px 5px 10px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #1E1E1E;
font-size:15px;
}

#main-content .right ul, #main-content .right li {
list-style-type: none;
margin: 0px 0px 0px 0px;
}

#main-content .right ul {
padding: 0px 0px 0px 0px;
}

#main-content .right li {
width:221px;
border-bottom:1px solid #1E1E1E;
	float:left;
	xbackground:url(http://www.webdesignshare.com//images/shareimages/learnmore_arrow.gif);
xbackground-repeat: no-repeat; background-position: 0 .8em;
}

#main-content .right li a {
padding: 8px 15px 8px 15px;
display:block;
color:#777777;
text-decoration:none;
}

#main-content .right li a:hover {
color:#FFFFFF;
}

#main-content .right li:hover {
background:#303030;
}

#main-content .bottom {
width:843px;
height:111px;
padding:10px 0px 0px 10px;
float:left;
border-top:1px solid #1E1E1E;
}

#main-content .bottom h4 {
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
font-size:11px;
}

#main-content .bottom a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#383838 none repeat scroll 0 0;
color:#797979;
padding:0 4px;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

#main-content .bottom a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#6e6e6e none repeat scroll 0 0;
color:#ffffff;
padding:0 4px;
text-decoration:none;
font-weight:bold;
font-size:14px;
}


/* Gallery picture */
#main-content .left .gallery-item {
background:url(http://www.webdesignshare.com//images/shareimages/gallery_item_bg.jpg) #97989C;
background-repeat:repeat-x;
width:140px;
height:134px;
float:left;
margin:0px 14px 14px 0px;
}

#main-content .left .gallery-item .thumb {
width:140px;
height:112px;
float:left;
}

#main-content .left .gallery-item .thumb h3, #main-content .left .gallery-item .thumb h3 a {
font-size:10px;
margin:4px 0px 0px 4px;
padding:0px 0px 0px 0px;
color:#92D6FE;
text-decoration:none;
}

#main-content .left .gallery-item .thumb p, #main-content .left .gallery-item .thumb p a {
font-size:10px;
margin:0px 0px 0px 4px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
text-decoration:none;
}

#main-content .left .gallery-item .info {
background:#454648;
width:136px;
height:22px;
padding:0px 0px 0px 4px;
float:left;
vertical-align:middle;
line-height:21px;
}

#main-content .left .gallery-item .info a {
color:#FFFFFF;
text-decoration:none;
}

#main-content .left .gallery-item .info .comments {
float:left;
}

#main-content .left .gallery-item .info .ratings {
float:right;
height:17px;
padding:5px 5px 0px 0px;
}

.boxgrid{ 
background:url(http://www.webdesignshare.com//images/shareimages/gallery_item_bg.jpg) #97989C;
background-repeat:repeat-x;
width:140px;
height:112px;
float:left;
margin:0px 0px 0px 0px;
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 6px; 
					left: 6px; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 0px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000000; 
				height: 35px; 
				width: 100%; 
				opacity: .7; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 260px;
 					left: 0;
 				}
				

#main-content .left .pagination, #main-content .leftweb .pagination {
width:607px;
height:30px;
padding:10px 0px 0px 0px;
float:left;
}

#main-content .left .pagination .pagination-left a, #main-content .leftweb .pagination .pagination-left a {
color:#848484;
text-decoration:none;
background:#212121;
padding:0px 2px 0px 2px;
font-size:17px;
font-weight:bold;
}

#main-content .left .pagination .pagination-left a:hover, #main-content .leftweb .pagination .pagination-left a:hover {
color:#FFFFFF;
text-decoration:none;
height:20px;
background:#919191;
padding:0px 2px 0px 2px;
}

#main-content .left .pagination .pagination-left, #main-content .leftweb .pagination .pagination-left {
width:557px;
height:20px;
padding:0px 0px 0px 0px;
float:left;
font-size:13px;
}

#main-content .left .pagination .pagination-right, #main-content .leftweb .pagination .pagination-right {
width:45px;
height:20px;
padding:0px 0px 0px 0px;
float:left;
}

#main-content .left .pagination .pagination-right img, #main-content .leftweb .pagination .pagination-right img {
float:right;
}

/* Detail */

#main-content .left-detail {
width:631px;
min-height:673px;
float:left;
padding:0px 0px 0px 0px;
border-right:1px solid #1E1E1E;
}

#title-bar {
background:url(http://www.webdesignshare.com//images/shareimages/titlebarbg.jpg);
background-repeat:repeat-x;
width:631px;
height: 42px;
float:left;
}

#title-bar .previous {
width:41px;
height: 42px;
float:left;
background:url(http://www.webdesignshare.com//images/shareimages/titlebar_sprite.jpg);
  background-position: 0px 0px;
}

#title-bar .previous:hover {
  background-position: 0px -42px;
}

#title-bar .previous a {
display:block;
height:100%;
width:100%;
}

#title-bar .next {
width:41px;
height: 42px;
float:left;
background:url(http://www.webdesignshare.com//images/shareimages/titlebar_sprite.jpg);
  background-position: 43px 0px;
}

#title-bar .next:hover {
  background-position: 41px -42px;
}

#title-bar .next a {
display:block;
height:100%;
width:100%;
}

#title-bar .title {
width:549px;
height: 42px;
float:left;
}

#title-bar .title a {
height:100%;
width:100%;
display:block;
text-align:center;
vertical-align:middle;
line-height:42px;
color:#666666;
text-decoration:none;
}

#title-bar .title h1 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:16px;
color:#666666;
}

.previousbutton {
width:41px;
height: 42px;
float:left;
background:url(http://www.webdesignshare.com//images/shareimages/titlebar_sprite.jpg);
  background-position: 0px 0px;
  border:none;
  cursor:pointer;
}

.previousbutton:hover {
  background-position: 0px -42px;
}

.nextbutton {
width:41px;
height: 42px;
float:left;
background:url(http://www.webdesignshare.com//images/shareimages/titlebar_sprite.jpg);
  background-position: 43px 0px;
  border:none;
  cursor:pointer;
}

.nextbutton:hover {
  background-position: 41px -42px;
}


#main-content .left .webdesign {
width:631px;
height:294px;
padding:0px 0px 0px 0px;
float:left;
}

#main-content .left-detail .webdesign {
width:631px;
height:294px;
padding:0px 0px 0px 0px;
float:left;
}

#main-content .left-detail .webdesign p {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#main-content .left-detail .webdesign-details {
width:608px;
height:78px;
padding:17px 0px 0px 23px;
background:url(http://www.webdesignshare.com//images/shareimages/webdesign_detailsbg.jpg);
background-repeat:repeat-x;
float:left;
}

#main-content .left-detail .webdesign-details .sitedetails {
width:574px;
height:50px;
padding:10px 0px 0px 11px;
background:#666666;
border:1px solid #7C7C7C;
float:left;
}

#main-content .left-detail .webdesign-details .sitedetails h2 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#CDCDCD;
font-size:16px;
}

#main-content .left-detail .webdesign-details .sitedetails p {
color:#FFFFFF;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#main-content .left-detail .ratings {
width:597px;
height:75px;
padding:0px 0px 0px 34px;
border-bottom:1px solid #1E1E1E;
float:left;
}

#main-content .left-detail .ratings .ratings-tags {
height:75px;
padding:0px 0px 0px 0px;
float:left;
}

#main-content .left-detail .ratings-tags .tags {
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
}

#main-content .left-detail .ratings .ratings-tags a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#383838 none repeat scroll 0 0;
color:#797979;
padding:0 4px;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

#main-content .left-detail .ratings .ratings-tags a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#6e6e6e none repeat scroll 0 0;
color:#ffffff;
padding:0 4px;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

#main-content .left-detail .ratings .ratings-tags h4 {
padding:16px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:11px;
}

#main-content .left-detail .ratings .ratings-tags p {
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#main-content .left-detail .comments {
width:597px;
height:75px;
padding:0px 0px 0px 34px;
border-bottom:1px solid #1E1E1E;
display:block;
vertical-align:middle;
line-height:75px;
float:left;
}

#main-content .left-detail .comments h3 {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-size:17px;
}

#main-content .left-detail .comments-list ul {
width:597px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#main-content .left-detail .comments-list li {
list-style-type: none;
margin: 0px 0px 0px 0px;
width:597px;
padding:11px 0px 15px 34px;
border-bottom:1px solid #1E1E1E;
	float:left;
}

#main-content .left-detail .comments-list li:hover {
background:#303030;
}

#main-content .left-detail .comments-list .name-date {
float:left;
width:105px;
}

#main-content .left-detail .comments-list .name-date p {
color:#666666;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.comment-name {
font-size:17px;
font-weight:bold;
}

#main-content .left-detail .comments-list .comment-paragraph {
width:475px;
float:left;
}

#main-content .left-detail .comments-list .comment-paragraph p {
color:#777777;
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float:left;
}

#main-content .left-detail .post-comments {
width:597px;
height:20px;
padding:0px 0px 10px 34px;
margin:0px 0px 0px 0px;
float:left;
}

#main-content .left-detail .post-comments p {
padding:10px 0px 0px 0px;
margin:0px 0px 30px 0px;
font-size:17px;
font-weight:bold;
}

#main-content .left-detail .comment-form {
width:596px;
padding:0px 0px 0px 31px;
margin:0px 0px 0px 0px;
}

#main-content .left-detail .comment-form h3 {
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:15px;
}

.formstyle {
background:#666666;
border:none;
}

.formstyle2 {
background:#666666;
border:none;
margin:10px 0px 0px 3px;
}






#main-content .lefttag .pagination {
width:607px;
height:30px;
padding:10px 0px 0px 0px;
float:left;
}

#main-content .lefttag .pagination .pagination-left a {
color:#848484;
text-decoration:none;
background:#212121;
padding:0px 2px 0px 2px;
font-size:17px;
font-weight:bold;
}

#main-content .lefttag .pagination .pagination-left a:hover {
color:#FFFFFF;
text-decoration:none;
height:20px;
background:#919191;
padding:0px 2px 0px 2px;
}

#main-content .lefttag .pagination .pagination-left {
width:557px;
height:20px;
padding:0px 0px 0px 0px;
float:left;
font-size:13px;
}

#main-content .lefttag .pagination .pagination-right {
width:45px;
height:20px;
padding:0px 0px 0px 0px;
float:left;
}

#main-content .lefttag .pagination .pagination-right img {
float:right;
}