/* @group Header */

.js .flash {
	display:none;
}

div#header-inner {
	margin:0 auto;
	position:relative;
	width:940px;
	height:60px;
}

#bar-open a.active-site {
	border-bottom: 4px solid #e80a89;
}

div#top-bar a {
	color: #110808;
}

div#bar-open {
	float:left;
	padding-top: 20px;
}
div#bar-open a {
	padding-left: 3px;
	padding-right: 3px;
	margin-right:  5px;
	margin-left: 5px;
	color: #000000;
	font-weight: bold;
}
div#bar-open a:hover {
	border-bottom: 4px solid #D59BDE;
}

div#bar-user {
	padding-top: 20px;
	float:right;
}
div#header {
	padding-top: 5px;
	text-align: left;
	color: #110808;
}

#logo {
	float:left;
	margin:0;
	width: 360px;
	padding-top: 5px;
}

#logo a:hover {
	opacity:0.6;
	/* For IE */
	filter:alpha(opacity=60);
}

div#navigation-bar {
	height: 29px;
	padding-top: 4px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #00afd7;
	border-bottom: 4px solid #006699;
}
div#filters {
	float:left;
}

div#search {
	float:right;
}

input#search-box {
	padding-bottom: 2px;
	padding-top: 2px;
}

/* @end */

/* @group tags-navi */
div#taglist {
	background-color: #006699;
	padding-left: 25px;
	padding-right: 25px;
	color:#FFFFFF;
	padding-bottom: 10px;
	font-weight: bold;
}
#taglist h3 {
	color: #FFFFFF;
}

ul#tags {
	float:left; /* This breaks the hide button */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0;
	padding:0;
	width:952px;
}

ul#tags li {
	display:inline;
	float:left;
	line-height:10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 15px 15px 0;
	width:220px;
}

ul#tags li a {
	background:#00AFD7 none repeat scroll 0 0;
	color:#FFFFFF;
	padding:2px 3px 3px;
	text-decoration: none;
}
ul#tags a.selected-tag  {
	background-color: #D59BDE;
}

ul#tags li a:hover {
	background-color: #D59BDE;
}
a#close-tags {
	margin-left: 900px;
	background:#00AFD7 none repeat scroll 0 0;
	color:#006699;
	padding:2px 3px 3px;
}
a#close-tags:hover {
	background-color: #6BC1D5;
}

img.triangle {
	padding-top: 6px;
	width: 12px;
	padding-right: 3px;
}

/* @end */



/* @group filters */

#filters li {
	float:left;
	position:relative;
	margin:0 5px 0 0;
}

#filters li a.singleton {
	background:transparent none repeat scroll 0 0;
	padding:8px 15px;
	color: #000000;
}

#filters li a {
	font-size: 14px;	
	color:#FFFFFF;
	float:left;
	padding:4px 4px;
	text-decoration:none;
}

.active {
	background-color: #006699;
	color:#FFFFFF;
	font-weight:bold;
}


/* @end */

/* @group Footer */

div#pagination {
	margin-left:9px;
	margin-right:9px;
	margin-top: 20px;
	overflow:hidden;
	padding-top: 5px;
}
div.pagination {
	margin:0 9px 20px;
}

/* @end */

/* @group Footer */

div#footer {
	width: 978px;
	margin: 0 auto;
}

#footer-inner {	
	background-color: #FFFFFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0 0 1px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);	
	padding:10px;
	margin-bottom: 10px;
	height: 16px;
}


/* @end */

/* @group Sidebar */
 
div#sidebar {
	padding: 10px 10px 10px 10px;
}
div#sidebar h4 {
	margin-top: 20px;
}

div#sidebar-container {
	width:230px;
	float:left;	
	margin-right: 20px;
	margin-top: 5px;
}

div.side-label {
	color: #777777;
}
div.side-value {
	
}

div#sidebar span.empty-placeholder {
	display: block;
	padding-top: 5px;
	color: #999999;
}

div#sidebar-container div.pattern-type-label {
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	text-align:center;
	width:40px;	
}
div#sidebar-container div.pattern-full {
	background-color:#E80A89;
	display: inline;
}

div.cc-licence {
	margin-top: 0px;
}
div.cc-licence a img {
	float:left;
	margin:2px 5px 0 0;
	vertical-align:middle;
	width: 16px;
}

div.sidebox {

}

div#sidebar ul {
	border-top:1px solid #E3F0F2;
	margin:0 0 0;
}
div#sidebar ul li {
	border-bottom: 1px solid #E3F0F2;
	font-size:1.0em;
	padding:5px 5px 5px 5px;
}
div#sidebar ul li:hover {
	background: #E3F0F2 none repeat scroll 0 0;
}

div#sidebar ul li a {
	color:#787773;
	color: #006699;
	text-decoration:none;
}
div#sidebar ul li a:hover {
	color:#000000;
}
div#sidebar-container h4 {
	margin-bottom: 5px;
}

div#pattern-info {
	padding: 10px;
	background-color: #F1F7F8;
	border:1px solid #E3F0F2;
}

div.row-container {
	padding: 5px 0 5px 0px;

}

/* @end */

/* @group Titles */

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#111;
}

h1 {
	font-size:3em;
	line-height:1;
}
h2 {
	font-size:2em;
	margin-top: 0.75em;
}
h3 {
	font-size:1.5em;
	line-height:1;
}
h4 {
	font-size:1.2em;
	line-height:1.25;
}
div.thumb-title h2 {
	margin-bottom: 7px;
	margin-top: 0px;
	font-size: 16px;
	padding-bottom: 0px;
	font-weight: bold;
	text-transform: uppercase;
}
div#patterns-list span.type-indicator {
	float: right;
	text-transform: none;
}
.mini-letter {
/*	color: #D59BDE;*/
/*	color: #339933;*/
	color: #00afd7;
	font-size: 16px;
	font-weight: bold;
}

div-thumb-title {
}

div.thumb-title h2 a:hover {
	text-decoration: underline;
}

div#search-title h2 {
	margin-bottom: 5px;
	margin-top: 20px;
	margin-left: 10px;
}


div.low-title h2 {
	margin-bottom: 0.2em;	
	margin-top: 0;
}

/* @end */

/* @group Other-typography*/

p {
	margin:0 0 1.5em;
}

a, a:link, a:active, a:visited {
	color:#006699;
	text-decoration:none;
}
a:focus, a:hover {
	color:#000;
}
strong {
	font-weight:bold;
}
em, dfn {
	font-style:italic;
}
/*
.highlight {
	background:#FFF2CC;
}*/
/* @end */


/* @group page */

#wrap_positioner {
/*	margin:10px auto 16px;
	position:relative;*/
	margin-top:10px;
	margin-bottom: 16px;
	width:100%;
}

div.container {
	margin: 0 auto;
	width:978px;
	background-color: #FFFFFF;	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0 0 1px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);	
}

div#content {
	margin:10px auto;
	overflow:hidden;
	text-align: left;
}

div#main-content {
	width: 688px;
	float:left;
	margin-right: 20px;
	margin-left: 20px;

}

div.narrow-content {
	width: 550px;
	margin: 0 auto;
	margin-bottom: 30px;

}
.basic-box {
	background-color:#F1F7F8;
	border:2px solid #006699;
	padding:30px;
	padding: 20px 30px 0 30px;
	margin-top: 10px;	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* @end */

/* @group patterns list */

ul.patterns {
	
}

div#patterns-list {
	overflow:hidden;
	margin-left: 9px;
	margin-right: 9px;
}

div.pattern-thumb {
	float:left;
	margin:10px;
	overflow:hidden;
	width: 300px;
}

div.pattern-thumb-inner {
	width:280px;
	border:1px solid #E3F0F2;
	padding-bottom: 9px;
	padding-top: 9px;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #F1F7F8;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
	box-shadow:0 0 1px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,0.3);	
}



div.thumb-title a {
	text-decoration: none;
	color: #424242;
}

div#typelist {
	padding: 20px 0 5px 0;
}

div#results-toolbar {
	border-bottom: 2px solid #E3F0F2;
	margin: 0 9px 20px 9px;
}


/* @end */


/* @group Hover layer jQuery */

div.thumb-image {
	height:174px;
	width: 280px;
	overflow:hidden;
	position:relative;
}

a.thumb-hover {
	clear: none;
	position:absolute;
	background-color: #FFFFFF;
	color: #006699;
	display:none;
	height:174px;
	margin:0;
	padding:0px;
	text-decoration:none;
	top:0px;
	left:0px;
	font-size: 16px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	width:280px;
	/* For IE */
	filter:alpha(opacity=80);
  	/* CSS3 standard */
	opacity:0.8;
	font-weight: bold;
}

/* @end */

/* @group Pattern-content */

.mini-pattern {
	padding: 10px 10px 10px 10px;
	border: 5px solid #E3F0F2;
	margin-top: 10px;
}

/*
.mini-pattern-tab {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-right: 590px;
	border-color: #E3F0F2;
	border-style: solid;
	border-width:5px;
	border-bottom: 0;
}
*/
div#pattern-content {
	line-height: 1.7em;	
}

#pattern-content-wo-comments ul li {
	list-style-type:disc;
	margin-bottom: 5px;
	margin-top: 5px;
}

#pattern-content-wo-comments ul li ul {
	margin-bottom: 5px;
}
#pattern-content-wo-comments ul li ul li{
	list-style-type:square;
}
#pattern-content-wo-comments li {
	margin-left:30px;
	padding:0;
}

p.nolinks-text {
	font-style: italic;
}
#pattern-content h1 {
	margin-top: 10px;
	margin-bottom: 15px;
}
em.pattern-meta {
	color: #999999;
}

/* @end */

/* @group Flat pages */
div.flat-pages {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

p.about {
	font-size:20px;
}

/* @end */


/* @group Messages */

div.form-errors {
	background:#942A00 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:18px;
	padding:8px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
div.form-errors p {
	margin-bottom: 0;
	margin-top: 0;
}

/*
.error, .notice, .success {
	padding: 15px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom:1em;
	border:2px solid #ddd;
}
*/
/*
.error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}
*/

.notice {
	background:#FFF6BF none repeat scroll 0 0;
	color:#514721;
}

.intro {
	font-size: 15px;
	background:#F1F7F8 none repeat scroll 0 0;
	border:1px solid #E3F0F2;
	margin:  0 18px 0 18px;
	padding:10px;
	color: #7B858B;			
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.intro h3 {
	color: #424242;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;	
}
p.links {
	margin-bottom: 7px;

}

a.button {
	background:#006699 none repeat scroll 0 0;
	color:#FFFFFF !important;
	font-weight:bold;
	padding:5px 10px;
}

a.button:hover {

}

.success, .notice {
	padding: 8px;
	font-size: 18px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.success {
	background:#478430 none repeat scroll 0 0;
	color:#FFFFFF;
}
.success h2 {
	color: #FFFFFF;
}
.notice {
	background:#FFF6BF none repeat scroll 0 0;
	color:#514721;	
	margin-bottom: 10px;
}

.success h2, .notice h2 {
	margin-bottom: 0.2em;	
	margin-top: 0;
}


/* @end */

/* @group Lists */
.pattern-links, .pattern-code-links {
	padding: 0;
	margin-bottom: 0;
}

/* @end */

/* @group Textile styles */


/* @end */

/* @group Gallery */

div.gallery-image-container {
	margin-bottom: 80px;
}

div.gallery-image-container div img {	
	border:5px solid #E3F0F2;
	height:auto;
	margin-bottom:5px;
	max-width:658px;
	width:auto;
}
div.gallery-image-container div img:hover {	
	border:5px solid #006699;
}


div.gallery-photo {
	float:left;
	margin:10px;
	overflow:hidden;
	padding:10px 10px 7px;
	margin-right: 6px;
	text-align: center;
}
div.gallery-image-container h4 {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	
}

span.gallery-photo-text {
	text-align: center;
	display: block;
}

span.gallery-image-meta {
	color: #999999;
}

div.gallery-photo:hover {
	background-color: #F1F7F8;
}
div.photo-gallery {
	float: left;
}

#image-gallery p {
	margin-bottom: 0;
}


/* @end */

/* @group Forms */


form ul li {
	margin-bottom:20px;
	margin-left:0;
	padding-left:0;
}
form label {
	font-size: 16px;
	color: #424242;	
}

input, textarea {
	font-family:Arial,sans-serif;
	font-size:13px;
	line-height:1;
	margin:0;
	padding:3px;
}

em.inline-error-msg {
	color: #DF0000 !important;
}
.form-submit {
	float: right;	
}

form.basic-form input[type="text"], form.basic-form input[type="password"] {
	border:1px solid #CCCCCC;
	font-size:18px;
	padding:10px;
	width:464px;
}
span.help-text {
	color: #999999;
}

/* @end */

/* @group Signup */
fieldset#signup {	
	margin-bottom:8px;
}



#signup-box {
	
}

.create-account {
	font-size: 12px;
	font-weight: bold;
}

/* @end */

/* @group Login */

fieldset#login {	
	margin-bottom:8px;
	padding:27px 27px 27px 27px;
}

#login-form {
}

#login-form h2, #openid-form h2, #signup-box h2, #openid_form h2 {
	margin-top: 0;
	font-size: 20px;
}

/*#openid_form {
	margin-top: 50px;	
}*/
div#openid_input_area input#openid_submit {
	margin-top: 20px;
}

div.help-links {
	margin-bottom: 50px;
}
div.help-links ul li {
	float:left;
	margin-left: 30px;
}
div.help-links ul {
	margin-bottom: 0;
	margin-top: 5px;
}
input#id_openid_url {
	width: 456px;
}
div#openid_input_area {
	padding: 0;
	padding-top: 10px;
}
div#openid_input_area p {
	margin-bottom: 0;
}


/* @end */

/* @group Profile */

#profile-info .edit-this {
	margin-top:30px;
}

#profile-info span {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	display: block;
}

#profile-info h4 {
	font-size: 16px;
	margin-bottom: 0px;
}
div.basic-box-bottom-links ul li {
	float:left;
	margin-left: 30px;
}
div.basic-box-bottom-links ul {
	margin-bottom: 0;
	margin-top: 5px;
}


div#edit-profile span {
	display:block;
	font-size:20px;
	font-weight:bold;
	margin-bottom:25px;
}
div#edit-profile h4 {
	font-size:16px;
	margin-bottom:0;
}


/* @end */

/* @group Comments Section */


#comments-section li {
	margin:0 0 15px;
}

li#no-comments-yet {
	background-color: #efefef;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.comment-header {
	background-color: #F1F7F8;
	margin-bottom:10px;
	padding:5px 10px;
	border: 1px solid #E3F0F2;
}
.comment-header-admin {
	background-color:#d1e4f7;
	border: 2px solid #d0e4f6;
}

#comments-list h4 {
	font-size: 14px;
	margin: 0;
}
span.comment-meta {
	font-size: 12px;
	color: #666666;
}
.comment-body {
	clear: both;
	padding: 0px 8px;
}

.comment-field textarea {
	width: 100%;
	height: 92px;
}

.comment-input-row {
	clear:both;
	overflow:hidden;
	display:block;
	padding-bottom:5px;	
}
div.captcha input {
	width:215px !important;
}

div#comments-section .errorlist li {
	color: red;
}
div#comments-section div#not-logged-comment-form .errorlist li {
	padding-left: 156px;
	
}

div#comments-section .errorlist {
	margin-bottom: 0;
}


fieldset.comment-set label {
	float:left;
	padding:2px 6px 0 0;
	text-align:right;
	width: 150px;
}
div#not-logged-comment-form form fieldset.comment-set input, div#not-logged-comment-form form fieldset.comment-set textarea {
	width: 280px;
}

form fieldset.comment-set .captcha input {
	width: 100px;
}

div#not-logged-comment-form input.submit-post {
	margin-left: 150px;
	width: 100px !important;
	
}
/* @end */

/* @group Links */
#pattern-content-wo-comments div.no-links-text {
	background-color: #efefef;
	padding: 5px 10px;
	margin-bottom: 10px;
}

#pattern-content-wo-comments div.sign-in-to-add-links {
	padding: 5px 10px;
	margin-bottom: 20px;
	font-style: italic;
	color: #999999;
}
#pattern-content-wo-comments div.pattern-links {
	margin-bottom: 0px;
}

.doclist-new-indicator {
	color:#FF0000;
	font-weight:normal;
	margin:0 1px;
}
 
#pattern-content-wo-comments div.add-links-box {
	border:5px solid #E3F0F2;
	padding:20px;
}
#pattern-content-wo-comments div.add-links-box p {
	margin-bottom: 10px;
}

#add-link-form input[type="text"], #add-code-link-form input[type="text"]  {
	width:626px;
}
div#pattern-content-wo-comments li#no-code-links  {
	list-style-type:none;
	margin-left: 0;
}

div#pattern-content-wo-comments .errorlist li {
	color: red;
	margin: 0 0 15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

div#pattern-content-wo-comments div#not-logged-comment-form .errorlist li {
	padding-left: 156px;
	
}

div#pattern-content-wo-comments .errorlist {
	margin-bottom: 0;
}


/* @end */

/* @group Other */


.row {
	clear:both;
	overflow:hidden;
	display:block;
	height:100px;
	padding-bottom:2px;
}

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

.new-indicator {
	position: relative;
	bottom: 5px;
	color: #FF0000;
	font-size: 10px;
}
/*
.clear {
clear:both;
display:block;
height:0;
overflow-x:hidden;
overflow-y:hidden;
visibility:hidden;
width:0;
}*/

/* @end */