/*

	-- -- -- -- -- -- --
	undohtml.css
	Undo browser defaults

	http://tantek.com/log/2004/09.html#d06t2354
	-- -- -- -- -- -- --
	
*/



/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 100%;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,.formField input, input#search, autoLogin input, .loginField input, #captcha input {margin: 0; padding: 0; border: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}
*:focus {outline: none;}
textarea {overflow: auto;}  /* remove scroll bar in IE */
html { overflow-y: scroll; }  /* FF scroll bar jump fix */


/* body styles
============================================ */

body {
background: #223344 url(/images/bg.gif) repeat-x left top;
padding-bottom: 50px;
font-size: small;
font-family: arial, helvetica, sans-serif;
min-width: 960px;
color: #fff;
 
}

* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}

p {
line-height: 1.6;
margin-top: 25px;
}

/* heading styles
============================================ */

h2 {
color: #e6af73;
font-size: 110%;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
}

h2#test {
clear: both;
}

h2#galleryHeading {
margin-bottom: -10px;
}

h2#staticHeading {
padding-bottom: 5px;
}

h2#recentBlogHeading {
margin-bottom: -10px;
}

h2.secondaryHeading, h3.secondaryHeading {
margin-top: 30px !important;
}

#featuredDisclaimer h3 {
padding-top: 0;
}

#rssInfo h2 {
margin-top: 15px;
}

h2#categoryHeading {
display: inline;
}

h2#twitterHeading {
background: url(/images/twitter.gif) no-repeat;
clear: both;
height: 41px;
text-indent: -9999px;
margin-top: 30px;
}

h2#commentsStart {
margin-bottom: 20px;
}

#commentPreview h2 {
margin-bottom: 15px;
font-size: 110% !important;
}

#featuredInterview h2 {
margin-bottom: -5px;
}

#internal #leftColumn h3, #static #leftColumn h3 {
font-size: 140%;
margin-top: 25px;
font-weight: normal;
}

#register h3, #login h3 {
margin-top: 0;
font-size: 140%;
font-weight: normal;
}

.searchResultsBox h3, .searchResultsBoxAlt h3 {
margin-top: 0 !important;
}

#mainInfo h3 {
font-size: 140%;
margin-top: 0 !important;
font-weight: normal;
}

h3.blogTitle {
margin-top: 0 !important;
}

ul.blogNews li h3 {
font-size: 100%;
font-weight: bold;
margin-top: 0;
font-family: arial, helvetica, sans-serif;
}

#featuredInterview h3 {
font-size: 100% !important;
margin: 20px 0 5px 0 !important;
font-weight: bold !important;
}

h3.featuredQuestion span {
font-weight: bold;
}

h4 {
margin-top: 15px;
}

#featuredInterview h4 {
font-size: 100% !important;
padding: 15px 15px 0 15px;
margin-top: 0 !important;
font-weight: bold !important;
}

/* link styles
============================================ */

a:link, a:visited {
color: #bfdfff;
text-decoration: none;
}

a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}

#topBar a, #topBar a:visited {
color: #5e6b77;
text-decoration: none;
}

#topBar a:hover {
color: #9ba2aa;
text-decoration: none;
border-bottom: 1px dotted;
}

/* layout styles
============================================ */

#announcement {
background: #bd524d;
height: 40px;
position: fixed;
top: 0;
z-index: 100;
width: 100%;
font-size: 140%;
}

#announcementInner {
width: 960px;
margin: 0 auto;
padding-top: 7px;
}

#announcementInner div {
text-align: center;
}

#wrapper {
width: 960px;
margin: 0 auto;
position: relative;
}

#secondary {
overflow: hidden;
width: 960px;
margin-top: 40px;	
}

.secondaryColumnLeft {
float: left;
width: 300px;
}

.secondaryColumn {
float: left;
width: 300px;
padding-left: 30px;
}

#footer {
overflow: hidden;
width: 960px;
margin-top: 70px;
color: #5e6b77;
}

/* non unique styles
============================================ */

hr {
display: inline-block;
position: relative;
padding: 0;
margin: 25px auto;
height: 0;
max-height: 0;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #112233;
border-bottom: 1px solid #334455;
font-size: 1px;
line-height: 0;
}

#featuredDisclaimer hr {
display: inline-block;
position: relative;
padding: 0;
margin: 25px auto 0 auto;
height: 0;
max-height: 0;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #112233;
border-bottom: 1px solid #334455;
font-size: 1px;
line-height: 0;
}

blockquote {
background: #4a5866;
padding: 0 15px 15px 15px;
border-left: 5px solid #727d88;
margin: 15px 0 0 0;
font-style: italic;
}

blockquote p {
padding-top: 15px;
margin-top: 0;
}

.question {
font-weight: bold;
font-size: 120%;
padding-right: 10px;
}

p.notice {
background: url(/images/error.png) no-repeat left center;
padding-left: 22px;
}

.red {
color: #bd524d !important;
}

.warning {
color: #bd524d;
font-weight: bold;
}

.noMarginLeft {
margin-left: 0 !important;
}

#internal ol {
padding: 0 15px 0 0;
margin-left: 25px;
list-style: decimal;
}

#internal ol li {
line-height: 1.5;
padding-top: 15px;
}

ul.list {
margin-top: 20px;
border-bottom: 1px solid #334455;
}

ul.list li {
border-top: 1px solid #334455;
padding: 5px 0;
}

ul.list li:hover {
background: #334455;
}

ul.list li p {
margin-top: 4px;
line-height: normal;
font-size: 85%;
}

.smallFont {
font-size: 85%;
}

p.greenArrow {
background: url(/images/small_arrow.gif) no-repeat left center;
padding-left: 20px;
}

#pagination {
margin-top: 50px;
clear: both;
position: relative;
left: -6px;
}

#paginationGallery {
clear: both;
position: relative;
left: -6px;
}

#pagination p, #paginationGallery p {
margin-top: 0;
line-height: 1.9;
}

#pagination strong, #paginationGallery strong {
color: #112233;
background: #bfdfff;
margin-left: 2px;
padding: 5px 9px;
}

#pagination a, #pagination a:visited, #paginationGallery a, #paginationGallery a:visited {
background: #4a5866;
padding: 5px 9px;
font-weight: bold;
margin-left: 2px;
color: #727d88;
}

#pagination a:hover, #paginationGallery a:hover {
background: #5e6b77;
padding: 5px 9px;
border-bottom: 0;
color: #afb5bb;
}

.formWrapper, .formWrapperSubmit {
overflow: hidden;
width: 630px;
padding-top: 30px;
border-top: 1px solid #334455;
}

.formWrapperSubmit {
padding-top: 0;
border-top: 0;
}

.optionalWrapper {
padding-top: 30px;
}

#static .formWrapper, #login .formWrapper, #register .formWrapper {
border-top: 0;
}

ul.logoList {
margin-top: 20px;
border-bottom: 1px solid #334455;
}

#internal ul.logoList {
clear: both;
}

ul.logoList li {
overflow: hidden;
width: 300px;
border-top: 1px solid #334455;
padding: 8px 0;
}

ul.logoList li:hover {
background: #334455;
}

ul.logoList li img {
float: left;
border: 3px solid #4a5866;
margin-right: 15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

ul.logoList li a {
margin-top: 2px;
}

ul.logoList li p {
margin-top: 4px;
line-height: normal;
font-size: 85%;
}

span.pipe {
font-size: 120%;
position: static !important;
margin: 0 3px;
}

.comment {
background: url(/images/comment_bubble.gif) no-repeat left .3em;
padding-left: 13px;
}

/* slidingPanel styles
============================================ */

#slidingPanel {
/*margin-top: -115px; */
position: absolute;
width: 100%;
background: #112233;
border-bottom: 1px solid #334455;
}

#slidingPanel p {
margin-top: 10px !important;
}

#slidingPanelInner {
margin: 0 auto;
width: 960px;
overflow: hidden;
padding: 20px 0;
}

#registerIntro {
float: left;
width: 400px;
}

#registerForm {
float: left;
width: 400px;
border-left: 1px solid #334455;
padding-left: 79px;
margin-left: 80px;
}

.close {
background: url(/images/close.png) no-repeat left center;
margin-top: 15px;
padding: 0 0 0 20px;
clear: both;
}

#slidingPanel form {
position: relative;
left: -15px;
}

.loginField {
float: left;
margin-left: 15px;
}

.loginField label {
width: 100px;
}

.loginField label.error {
float: none;
width: 200px;
}

.autoLogin {
width: 115px;
overflow: hidden;
float: left;
margin: 20px 0 0 15px;
}

.autoLogin label {
float: left;
cursor: pointer;
font-weight: normal;
color: #5e6c78;
padding: 3px 0 0 5px;
font-size: 85%;
width: 82px;
}

.autoLogin input {
margin-left: 0 !important;
float: left;
width: 13px;
}

.loginField input {
width: 200px !important;
margin-top: 2px;
}

#slidingPanel button {
display: inline !important;
margin-top: 13px !important;
}


/* topBar styles
============================================ */

#topBar {
background: #112233;
border-bottom: 1px solid #334455;
padding: 5px 0 10px 0;
}

#topBarInner {
overflow: hidden;
width: 960px;
margin: 0 auto;
padding-top: 5px;
}

ul#topBarLeft, ul#topBarLogin {
float: left;
padding-top: 2px;
}

#topBarRight {
float: right;
width: 250px;
}

ul#topBarLeft li {
float: left;
padding: 0 10px;
}

ul#topBarLeft li.noPaddingLeft {
padding-left: 0;
border-left: 0;
}

ul#topBarLogin {
padding-left: 25px;
}

ul#topBarLogin li {
float: left;
padding: 0 10px;
}

ul#topBarLogin li.registerLink {
border-left: 1px solid #334455;
}

/* search styles
==================== */

input#search {
background: url(/images/search_input.gif) no-repeat 0 0;
width: 173px;
height: 16px;
float: left;
padding: 3px 8px 1px 8px;
color: #9ba2aa;
}

#go {
background: url(/images/search_button.gif) no-repeat 0 0;
display: block;
float: left;
width: 61px;
height: 20px;
border: 0;
text-indent: -9999px;
cursor: pointer;
padding: 0;
margin: 0;
}

#go:hover {
background-position: 0 -20px;
}

p#acceptedSearch {
background: #d3eccf url(/images/accept.png) no-repeat 1em center;
padding: 10px 0 10px 35px;
border-top: 3px solid #5eba4e;
border-bottom: 3px solid #5eba4e;
color: #223344;
margin: 20px 0 30px 0;
}

p#noResults {
background: #f4e2e1 url(/images/error.png) no-repeat 1em center;
padding: 10px 0 10px 35px;
border-top: 3px solid #bd524d;
border-bottom: 3px solid #bd524d;
color: #223344;
margin: 20px 0 30px 0;
}

/* header styles
============================================ */

#header {
overflow: hidden;
width: 960px;
padding: 30px 0 50px 0;
}

#logo {
float: left;
width: 229px;
line-height: 57px;
}

#logo a {
display: block;
background: url(/images/logo.png) no-repeat left top;
width: 229px;
height: 57px;
}

#logo a:hover {
background-position: 0 -57px;
border-bottom: 0;
}

#logo a span {
display: none;
}

/* navigation styles
============================================ */

#nav {
float: right;
padding-top: 12px;
}

#nav ul	{
padding: 0;
margin: 0;
}

#nav ul li {
float: left;
margin-left: 40px;
}

#nav ul li a {
display: block;
text-transform: uppercase;
font-size: 110%;
color: #fff;
letter-spacing: 1px;
}

#nav ul li a:hover {
border-bottom: 0;
color: #bfdfff;
}

#nav ul li a.active {
color: #bfdfff;
}

#nav ul li a em {
font-style: normal;
font-size: 90%;
display: block;
padding-top: 3px;
color: #9ba2aa;
text-transform: none;
letter-spacing: 0;
}

#nav ul li a:hover em {
color: #9ba2aa;
}

#nav ul li em.navRss {
background: url(/images/nav_rss_small.png) no-repeat left center;
padding-left: 17px;
}

#nav #rssInfo {
background: #112233;
color: #fff;
width: 400px;
position: absolute;
right: 0;
top: 100px;
display: none;
overflow: hidden;
padding: 15px;
z-index: 1000;
-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
}

#nav #rssInfo p {
margin-top: 0;
}

#nav #rssInfoLeft {
float: left;
width: 370px;
}

#nav #rssInfoLeft a {
display: inline;
text-indent: 0;
font-size: 100%;
color: #bfdfff;
text-transform: none;
letter-spacing: 0;
}

#nav #rssInfoLeft a:hover {
text-indent: 0;
border-bottom: 1px dotted;
}

#nav #rssInfoRight {
float: right;
background: url(/images/close.png) no-repeat;
width: 16px;
}

#nav #rssInfoRight a {
text-indent: -9999px;
display: block;
width: 16px;
}

#nav #rssInfoRight a:hover {
border-bottom: 0;
}

#nav #rssInfo ul {
padding: 0;
margin-top: 15px;
float: none;
clear: both;
}

#nav #rssInfo ul li	 {
background: url(/images/rss_icon.png) no-repeat left center;
padding-left: 25px;
margin: 0;
line-height: 2;
float: none;
}

/* left content styles
============================================ */

#primary {
overflow: hidden;
width: 960px;
}

#leftColumn {
float: left;
width: 630px;
}

#logoDetails {
overflow: hidden;
width: 630px;
margin-bottom: 30px;
}

#sidebar {
float: left;
width: 300px;
padding-left: 30px;
}

#mainInfo {
float: left;
width: 200px;
margin: 20px 0 0 20px;
}

#mainImage {
float: left;
width: 410px;
position: relative;
}

#mainImage span {
position: absolute;
left: 0;
top: 20px;
height: 65px;
width: 65px;
background: url(/images/featured_tag.png) no-repeat;
text-indent: -9999px;
}

#mainImage span.favAddDelete {
position: absolute;
left: 372px;
top: 28px;
height: 16px;
width: 16px;
padding: 10px;
background: #ccc url(/images/fav_add_delete.png) no-repeat 12px 12px;
text-indent: -9999px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#mainImage a {
border: 8px solid #4a5866;
display: block;
margin-top: 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#mainImage a:hover {
border: 8px solid #5e6b77;
}

#mainImage img {
vertical-align: bottom;
}

#internal #mainImage img {
border: 8px solid #4a5866;
margin-top: 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#colorsUsed {
overflow: hidden;
width: 200px;
padding: 10px 0 0 0;
}

#colorsUsed p {
margin-top: 0;
}

#mainInfo ul.browseColors {
margin: 0 0 0 -9px;
position: relative;
}

#mainInfo ul.browseColors li {
margin: 5px 0 0 9px;
}

#mainInfo p {
margin-top: 0;
clear: both;
}

ul#logoInfo {
margin-top: 10px;
font-size: 90%;
}

ul#logoInfo li {
line-height: 1.7;
}

#featuredInterview {
margin-bottom: 30px;
}

.interviewAnswer {
background: #334455;
padding-bottom: 12px;
}

.interviewAnswer p {
margin-top: 0 !important;
padding: 12px 12px 0 12px;
}

.interviewAnswer ol {
padding: 10px 15px 0 0 !important;
margin-left: 35px !important;
}

.interviewAnswer ol li {
padding-top: 5px !important;
}

.sketchComments {
background: #334455;
}

.sketchComments p {
margin-top: 0 !important;
padding: 12px 12px 12px 12px;
}

#sketch {
background: #334455;
padding: 8px 0 8px 8px;
}

#sketch img {
vertical-align: bottom;
}

.designerName {
font-weight: bold;
border-bottom: 1px dotted #fff;
}

#related, #shareit {
overflow: hidden;
width: 630px;
}

#shareit {
padding: 30px 0;
border-top: 1px solid #334455;
}

#related {
border-top: 1px solid #334455;
padding-top: 30px;
margin-bottom: 25px;
}

#relatedLeft, #shareitLeft {
float: left;
width: 300px;
}

#relatedRight, #shareitRight {
float: right;
width: 300px;
}

#relatedRight ul.logoList {
margin-top: 0;
}

ul.relatedList {
border-bottom: 1px solid #334455;
}

ul.relatedList li {
border-top: 1px solid #334455;
padding: 5px 0;
}

ul.relatedList li:hover {
background: #334455;
}

#relatedLeftGallery {
float: left;
width: 315px;
}

#relatedRightGallery {
float: right;
width: 285px;
}

ul#relatedGalleryList {
float: left;
position: relative;
top: -10px;
}

ul#relatedGalleryList li {
float: left;
margin: 15px 0 0 15px;
}

ul#relatedGalleryList li img {
vertical-align: bottom;
}

ul#relatedGalleryList a {
display: block;
border: 3px solid #4a5866;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

ul#relatedGalleryList a:hover {
border: 3px solid #5e6b77;
}

#shareitRight ul {
margin: 15px 0 0 0;
padding: 0;
float: left;
}

#shareitRight ul li {
float: left;
margin-left: 15px;
}

#shareitRight a:hover {
border-bottom: 0;
}

#designerProfile {
overflow: hidden;
width: 630px;
}

#designerUrl {
float: left;
width: 83px;
}

#designerBio {
float: left;
width: 512px;
padding-left: 35px;
}

#designerBioFull {
width: 630px;
}

ul#logoInfo li.logoInfoUrl {
padding-top: 10px;
}

ul#logoInfo li.logoInfoComment {
background: url(/images/comment_bubble.gif) no-repeat left center;
padding-left: 15px;
}

a.websiteButton {
background: url(/images/website_button.png) no-repeat left center;
display: block;
text-indent: -2000px;
width: 83px;
line-height: 33px;
}

a.websiteButton:hover {
border-bottom: 0; 
}

#staticRssInfo ul {
padding: 0;
margin-top: 15px;
float: none;
clear: both;
}

#staticRssInfo ul li {
background: url(/images/rss_icon.png) no-repeat left center;
padding-left: 25px;
margin: 0;
line-height: 2;
float: none;
}

/* category page styles
==================== */

#categoryBlue {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #0082d6;
margin-left: 10px;
}

#categoryGreen {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #67cb33;
margin-left: 10px;
}

#categoryYellow {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #ffff01;
margin-left: 10px;
}

#categoryPink {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #fe48aa;
margin-left: 10px;
}

#categoryBrown {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #9a6600;
margin-left: 10px;
}

#categoryGray {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #9c9c9c;
margin-left: 10px;
}

#categoryRed {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #ff3300;
margin-left: 10px;
}

#categoryOrange {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #ee7600;
margin-left: 10px;
}

#categoryBlack {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #000;
margin-left: 10px;
}

#categoryWhite {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #fff;
margin-left: 10px;
}

#categoryAuqa {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #00ffff;
margin-left: 10px;
}

#categoryPurple {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #c653ff;
margin-left: 10px;
}

#categoryTeal {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: #008080;
margin-left: 10px;
}

#categoryMulti-Colored {
display: inline-block;
height: 15px;
width: 15px;
text-indent: -9999px;
border: 4px solid #4a5866;
background: url(/images/multi_colored.gif) no-repeat -5px -5px;
margin-left: 10px;
}

/* form styles
==================== */

label {
font-weight: bold;
}

label.error {
font-size: 85%;
display: block;
margin-bottom: 2px;
color: #bd524d;
font-weight: normal;
}

.formField input, .loginField input, #captcha input {
width: 292px;
padding: 4px;
background: #334455;
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 100%;
}

.formField input:hover, .formField input:focus, .loginField input:hover, .loginField input:focus, #captcha input:hover, #captcha input:focus {
background: #5e6c78;
}

input.error, input.error:focus, input.error:hover, textarea.error, textarea.error:focus, textarea.error:hover {
background: #f4e2e1;
border: 3px solid #bd524d;
color: #000;
}

#static input.error, #login input.error {
width: 286px;
}

#static textarea.error {
width: 486px !important;
}

textarea {
font-family: arial, helvetica, sans-serif;
background: #334455;
color: #fff;
border: 0;
padding: 4px;
height: 200px;
font-size: 100%;
}

#static textarea {
width: 622px;
height: 100px;
}

#register textarea {
width: 469px !important;
height: 100px;
}

textarea#designer_bio {
width: 469px !important;
}

textarea#message {
height: 200px !important;
width: 469px !important;
}

#static textarea#message.error {
width: 463px !important;
}

textarea:hover, textarea:focus {
background: #5e6c78;
}

.req {
font-weight: bold;
color: #bd524d;
}

button {
background: url(/images/submit_button.png) no-repeat;
border: 0;
width: 83px;
height: 33px;
display: block;
margin-top: 15px;
cursor: pointer;
padding: 0;
text-indent: -9999px;
}

.formField {
overflow: hidden;
width: 445px;
margin-top: 10px;
}

#register .formField {
width: 622px !important;
}

.wideFormInput {
float: left;
width: 477px !important;
}

.formNoLabel {
margin: 15px 0 0 145px;
width: 477px;
font-size: 85%;
overflow: hidden;
color: #5e6c78;
}

.formNoLabel p {
color: #5e6c78;
}

.formNoLabel input {
float: left;
cursor: pointer;
}

.formNoLabel button {
margin-top: 0px;
}

.formNoLabel #captcha input {
float: none;
cursor: text;
}

.formNoLabel label {
float: left;
width: 447px;
cursor: pointer;
font-weight: normal;
padding: 3px 0 0 5px;
}

.formNoLabel p.forgotInfo {
margin-top: 0 !important;
}

.formFieldFirst {
margin-top: 0;
}

.featuredStart {
margin-top: 30px;
}

#static .formField {
width: 630px;
}

.formLabel {
float: left;
width: 145px;
}

.formLabelAlt {
margin: 15px 0 5px 0;
}

.formLabelFirst {
margin-top: 0;
}

.formInput {
float: left;
width: 300px;
}

.formField p {
margin-top: 2px;
font-size: 85%;
color: #5e6c78;
}

.formField p.forgotInfo {
margin-top: 0 !important;
}

.formNumber {
font-family: georgia, times, serif;
font-size: 140%;
font-weight: bold;
font-style: italic;
padding-right: 5px;
color: #e6af73;
}

ul.submitGuidelines  {
margin-top: 25px;
list-style-type: disc;
padding: 0 10px 0 25px;
color: #bd524d;
}

ul.submitGuidelines li {
line-height: 1.5;
padding: 2px 0;
}

.notInterested {
margin-top: 30px;
}

#submit .formLabelAlt {
line-height: 1.6;
}

/* comment styles
==================== */

#recentComments {
clear: both;
margin-bottom: 30px;
border-top: 1px solid #334455;
padding-top: 30px;
}

.commentBox {
background: #334455;
overflow: hidden;
width: 580px;
padding: 25px;
}

.commentBoxAlt {
overflow: hidden;
width: 580px;
padding: 25px;
}

.commentBoxAdmin {
background: #112233;
overflow: hidden;
width: 580px;
padding: 25px;
}

.commentLeft {
float: left;
width: 50px;
font-size: 300%;
font-weight: bold;
color: #4a5866;
}

.commentLeft img {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

img.gravatar {
border: 5px solid #4a5866;
}

.commentBoxAdmin .commentLeft img {
border: 5px solid #223344;
}

.commentLeft p {
text-align: center;
margin-top: 0 !important;
line-height: .8 !important;
}

.commentRight {
float: left;
width: 500px;
padding-left: 30px;
}

.commentRight p {
padding-top: 15px !important;
margin-top: 0 !important;
}

.commentRight blockquote p {
padding: 0;
}

.commenterInfo {
overflow: hidden;
width: 500px;
padding-bottom: 5px;
border-bottom: 2px dotted #5e6b77;
}

.commentAuthor {
float: left;
}

.commentAuthor span {
border-left: 1px solid #4a5866;
padding-left: 10px;
margin-left: 10px;
}

.commentPermalink {
float: right;
}

.commentPermalink a:hover {
border-bottom: 0;
}

#commentForm {
float: left;
margin-top: 15px;
}

#commentElements {
color: #9ba2aa;
margin-top: 10px;
padding-bottom: 15px;
border-bottom: 1px dotted #9ba2aa;
}

#commentElements li {
padding: 2px 0;
}

#commentPreviewWrapper {
float: right;
width: 250px;
font-size: 90%;
margin-top: 22px;
}

#commentPreviewWrapper p {
margin: 0 0 5px 0;
}

#commentPreview {
margin-top: 20px;
}

#mp_comment {
margin-top: 15px;
line-height: 1.5;
}

#commentForm .formField {
width: 350px;
}

#commentForm .formLabel {
width: 130px !important;
}

#commentForm .formInput {
width: 220px;
}

#commentForm label {
cursor: pointer;
font-weight: bold;
}

#commentForm .formField input, #commentForm textarea {
width: 212px;
}

#commentForm .formField input.error, #commentForm textarea.error {
width: 206px;
}

#commentForm textarea.error:hover, #commentForm textarea.error:focus {
background: #f4e2e1;
color: #000;
}

#captcha {
background: #112233;
padding: 6px 10px 10px 10px;
}

#captcha p {
margin: 0;
}

#captcha input {
width: 125px !important;
}

#commentsClosed {
font-weight: bold;
color: #bd524d;
padding: 30px 0 10px 0;
border-top: 1px solid #334455;
}

#commentForm .formNoLabel {
margin-left: 130px;
overflow: hidden;
width: 220px;
}

#commentForm .formNoLabel input {
clear: left;
}

#commentForm .formNoLabel label {
width: 195px;
font-weight: normal;
padding-top: 3px;
}

#commentForm .formNoLabel button {
margin: 0;
clear: both;
}

/* search styles
==================== */

.searchResultsBox p.smallFont, .searchResultsBoxAlt p.smallFont {
margin-top: 2px;
}

.searchResultsBox {
background: #334455;
overflow: hidden;
width: 580px;
padding: 25px;
}

.searchResultsBoxAlt {
overflow: hidden;
width: 580px;
padding: 25px;
}

.searchResultsLeft {
float: left;
width: 145px;
margin-right: 20px;
position: relative;
}

.searchResultsLeft img {
vertical-align: bottom;
}

.searchResultsLeft a {
display: block;
border: 5px solid #4a5866;
}

.searchResultsLeft a:hover {
border: 5px solid #5e6b77;
}

.searchResultsLeft span {
position: absolute;
left: 0;
top: 0;
height: 55px;
width: 55px;
background: url(/images/featured_tag_internal.png) no-repeat;
text-indent: -9999px;
}

.searchResultsRight {
float: left;
width: 410px;
padding-top: 12px;
}

/* gallery styles
============================================ */

#gallery {
overflow: hidden;
width: 960px;
clear: both;
margin-top: 40px;
}

#internal #gallery {
margin-top: 0;
width: 630px;
}

#internal #gallery ul {
margin-bottom: 50px;
padding: 0;
}

#gallery ul {
float: left;
margin-bottom: 30px;
}

#gallery ul li {
float: left;
margin: 30px 0 0 30px;
position: relative;
background: #4a5866;
padding: 8px;
width: 284px;
height:1%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#gallery ul li p {
margin-top: 7px;
font-size: 85%;
line-height: normal;
}

#gallery ul li:hover {
background: #5e6b77;
}

#gallery ul li a {
display: block;
}

#gallery ul li a:hover {
border-bottom: 0;
}

#gallery ul li img {
vertical-align: bottom;
}

#gallery ul li span {
position: absolute;
left: 0;
top: 0;
height: 55px;
width: 55px;
background: url(/images/fresh_tag.png) no-repeat;
text-indent: -9999px;
}

#internal #gallery ul li span {
position: absolute;
left: 0;
top: 0;
height: 55px;
width: 55px;
background: url(/images/featured_tag_internal.png) no-repeat;
text-indent: -9999px;
}

p.galleryInfoLeft {
float: left;
}

p.galleryInfoLeft a, p.galleryInfoRight a {
display: inline !important;
}

p.galleryInfoLeft a:hover, p.galleryInfoRight a:hover {
border-bottom: 1px dotted #bfdfff !important;
}

p.galleryInfoRight {
float: right;
background: url(/images/comment_bubble.gif) no-repeat left .3em;
padding-left: 13px;
}

#preview {
position: absolute;
background: #112233;
padding: 8px;
display: none;
color: #fff;
}

#preview img {
vertical-align: bottom;
}

ul#designerGallery {
float: left;
margin: 10px 0 30px -15px;
}

ul#designerGallery li {
float: left;
margin: 20px 0 0 15px;
position: relative;
}

ul#designerGallery li a {
display: block;
border: 5px solid #4a5866;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

ul#designerGallery li a:hover {
border-bottom: 0;
border: 5px solid #5e6b77;
}

ul#designerGallery li img {
vertical-align: bottom;
}

ul#designerGallery li span {
position: absolute;
left: 0;
top: 0;
height: 55px;
width: 55px;
background: url(/images/featured_tag_internal.png) no-repeat;
text-indent: -9999px;
}

#browseFeatured {
clear:both;
padding-top: 30px;
}

#browseFeatured a {
display: block;
width: 186px;
line-height: 33px;
background: url(/images/browse_featured.png) no-repeat left top;
text-indent: -9999px;
}

#browseFeatured a:hover {
border-bottom: 0;
background-position: 0 -33px;
}

#browseGallery {
clear: both;
width: 100%;
}

#browseGallery a {
display: block;
width: 179px;
line-height: 33px;
background: url(/images/browse_gallery.png) no-repeat left top;
text-indent: -9999px;
}

#browseGallery a:hover {
border-bottom: 0;
background-position: 0 -33px;
}

/* secondary styles
============================================ */

#blogArticle {
margin: 30px 0;
overflow: hidden;
width: 630px;
}

#internal ul.blogNews {
width: 630px;
overflow: hidden;
}

#internal ul.blogNews li {
width: 630px;
}

ul.blogNews li {
margin-top: 30px;
overflow: hidden;
width: 300px;
}

p.blogAuthor {
margin-top: 2px;
font-size: 85%;
}

.dateBox {
float: left;
background: #5e6b77;
height: 50px;
width: 50px;
margin: 0 20px 0 0;
padding-top: 5px;
color: #fff;
text-align: center;
background: url(/images/blog_calendar.gif) no-repeat;
font-weight: bold;
}

.dateBox p {
margin-top: 0;
font-size: 11px;
line-height: 1.2;
}

.blogPost {
float: right;
width: 560px;
}

.blogPost ul {
list-style-type: disc;
margin: 15px 0 0 15px;
}

.blogPost ul li {
line-height: 1.5;
padding: 2px 0;
}

.blogImgLeft {
float: left;
border: 8px solid #4a5866;
margin: 20px 30px 15px 0;
}

.blogImgRight {
float: right;
border: 8px solid #4a5866;
margin: 20px 0 15px 30px;
}

.bestOfImage {
float: none !important;
border: 8px solid #4a5866;
margin: 0 !important;
}

p.bestofFrom {
margin-top: 5px !important;
}

ul.categoryList {
margin-top: 15px;
}

ul.categoryList li {
line-height: 2;
}

#bannerAds {
margin-bottom: 20px;
width: 300px;
overflow: hidden;
}

#bannerAds a {
margin-bottom: 10px;
}

#bannerAds a:hover {
border-bottom: 0;
}

p.advertiseHere {
clear: both;
padding: 15px 0 0 10px;
}

p.advertiseHere a:hover {
border-bottom: 1px dotted !important;
}

ul#favicons {
float: left;
margin: 0 0 10px 0;
clear: both;
}

ul#favicons li {
float: left;
width: 16px;
height: 16px;
margin: 5px 0 0 5px;
display: inline;
}

ul#favicons li a {
display: block;
height: 16px;
width: 16px;
background: #4a5866;
}

ul#favicons li a:hover {
border-bottom: 0;
background: #5e6b77;
}

#tooltip {
position: absolute;
background: #f7f5d1;
padding: 2px 5px;
color: #223344;
display: none;
font-size: 85%;
}

#twitter {
margin-bottom: 30px;
}

p#tweet{
font-family: georgia, times, serif;
font-style: italic;
}

p.followUs {
margin-top: 2px;
}

/* color styles
==================== */

ul.browseColors {
float: left;
position: relative;
margin: 11px 0 30px -9px;
}

ul.browseColors li {
float: left;
margin: 9px 0 0 9px;
}

ul.browseColors li a {
display: block;
height: 25px;
width: 25px;
text-indent: -9999px;
border: 5px solid #4a5866;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

ul.browseColors li a:hover {
border: 5px solid #5e6b77;
}

ul.browseColors li a.Blue {
background: #0082d6;
}

ul.browseColors li a.Green {
background: #67cb33;
}

ul.browseColors li a.Yellow {
background: #ffff01;
}

ul.browseColors li a.Pink {
background: #fe48aa;
}

ul.browseColors li a.Brown {
background: #9a6600;
}

ul.browseColors li a.Gray {
background: #9c9c9c;
}

ul.browseColors li a.Red {
background: #cd222a;
}

ul.browseColors li a.Orange {
background: #ee7600;
}

ul.browseColors li a.Black {
background: #000;
}

ul.browseColors li a.White {
background: #fff;
}

ul.browseColors li a.Auqa {
background: #00ffff;
}

ul.browseColors li a.Purple {
background: #7d4296
}

ul.browseColors li a.Teal {
background: #008080;
}

ul.browseColors li a.Multi-Colored{
background: url(/images/multi_colored.gif) no-repeat;
}

/* member template styles
============================================ */

ul#profileLinks {
float: left;
font-size: 85%;
margin: 15px 0 -10px -8px;
position: relative;
}

ul#profileLinks li {
float: left;
background: url(/images/profile_button_bg_right.png) no-repeat right top;
margin-left: 8px;
}

ul#profileLinks li:hover {
background-position: right -20px;
}

#profileLinks li a {
display: block;
line-height: 20px;
padding: 0 12px;
background: url(/images/profile_button_bg_left.png) no-repeat left top;
}

#profileLinks li a:hover {
border-bottom: 0;
background-position: left -20px;
}

#profileAvatar {
float: left;
width: 110px;
}

#profileAvatar img {
border: 5px solid #334455;
}

#profileInfo {
float: left;
width: 620px;
padding-right: 30px;
border-right: 1px solid #334455;
}

#accountInfo {
float: left;
width: 279px;
padding-left: 30px;
}

dl.profileStats {
float: left;
width: 505px;
}

dl.profileStats dt {
float: left; 
clear: left;
width: 125px;
text-align: right;
font-weight: bold; 
}

dl.profileStats dd { 
margin: 0 0 0 140px; 
padding: 0 0 5px 0; 
}

dl.profileStats dd.bio { 
margin-top: -25px;
}

dl.accountStats {
float: left;
padding-top: 20px;
}

dl.accountStats dt {
float: left; 
clear: left;
width: 118px;
text-align: right;
font-weight: bold; 
}

dl.accountStats dd { 
margin: 0 0 0 133px; 
padding: 0 0 5px 0; 
}

dl.profileStats dt.sectionEnd, dl.profileStats dd.sectionEnd {
padding-bottom: 20px;
}

/* favorites styles
============================================ */

ul#logoInfo li.favorites_save {
background: url(/images/heart_fav.png) no-repeat left top;
padding-left: 15px;
display: block;
}

ul#logoInfo li.favorites_remove {
background: url(/images/heart_fav.png) no-repeat 0 -9px;
padding-left: 15px;
display: block;
}

/* footer styles
============================================ */

ul#creditLogos {
float: left;
margin-bottom: 40px;
}

ul#creditLogos li {
float: left;
margin-left: 40px;
}

ul#creditLogos li a {
display: block;
text-indent: -9999px;
}

ul#creditLogos li a:hover {
border-bottom: 0;
}

ul#creditLogos a#lgRollover {
background: url(/images/logogala_logo.gif) no-repeat left top;
width: 169px;
line-height: 43px;
margin-top: 8px;
}

ul#creditLogos a#lgRollover:hover {
background-position: 0 -43px;
}

ul#creditLogos a#eeRollover {
background: url(/images/expressionengine_logo.gif) no-repeat left top;
width: 169px;
line-height: 58px;
}

ul#creditLogos a#eeRollover:hover {
background-position: 0 -58px;
}

ul#creditLogos a#ehRollover {
background: url(/images/enginehosting_logo.gif) no-repeat left top;
width: 140px;
line-height: 60px;
}

ul#creditLogos a#ehRollover:hover {
background-position: 0 -60px;
}

#copyrightLinks {
clear: both;
}

#copyrightLinks ul li {
line-height: 1.5;
}

#copyrightLinks ul li.topOrg {
line-height: 3;
}

#copyrightLinks ul li.topOrg a:hover {
border-bottom: 0;
}