/*  
Theme Name: Web Design Pond
Theme URI: http://localhost
Description: Style for Web Design Pond
Version: 2.0
Author: Dizi Designs
*/

/* ------------------------------------------------------------------------------------------------------------------------ Main things */
* { margin:0; padding:0;}
body { font-size:62.5%; background-color:#000000; background-image:url(pond-images/background.jpg); background-attachment: fixed; font-family:Arial, Helvetica, sans-serif; text-align:center;}
img { border:none; border:0;}
a{ text-decoration:none}
/* ========================================================= header things */
#header { width:980px; height:125px; margin:0 auto; text-align:left; position:relative;}
#header .logo {	float:left;	padding-top:20px;	padding-bottom:5px;}
#header #feeds {width:200px; height:37px; background-image: url(pond-images/top-bg.png); background-repeat: no-repeat; float:right; padding-left: 20px; padding-top:5px;}
#header #feeds .tweet {	margin-left:15px;}
#header #search { float:right; clear:right; margin-top:35px; height:18px; background-color:#FFFFFF; width:201px; margin-right:3px;}
#header #search .search-button { float:right;}
#header #search .search-form { float:left; height:16px; font-size:1.1em; padding-top:2px; padding-left:5px; width:170px; border:0; border:none;}
/* ========================================================= Nav things */
.lavaLampWithImage {position: relative;	height: 33px; width: 980px; background-image: url(pond-images/nav-bg.png); margin:10px auto;}
.lavaLampWithImage li {	float: left;	list-style: none;	display:inline;	margin:0;	padding:0;}
.lavaLampWithImage li.back {	width: 6px;	height: 33px;	z-index: 8;	position: absolute;}
.lavaLampWithImage li.back .left {	height: 33px;	margin-right: 9px;}
.lavaLampWithImage li a {	font: bold 14px arial;	text-decoration: none;	color: #fff;	outline: none;	text-align: center;	top: 7px;	text-transform: uppercase;	letter-spacing: 0;	z-index: 10;	display: block;	float: left;	height: 33px;	position: relative;	overflow: hidden;	margin-right: 10px;	margin-left: 10px;	padding: 0 5px;}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {	border: none;}
.lavaLampWithImage.home {	padding-left:5px;}
/* ========================================================= Layout things */
#wrapper {
	width:960px;
	background-color:#ffffff;
	padding:10px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background-image: url(pond-images/bg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#left, #category, #posts { float:left; width:685px; position:relative;}
#right { float:right; width:250px; position:relative;}
#right ul { list-style:none; width:250px;}
#right ul li {   background-color:#333; color:#a5ddf2; font-size:1.2em; font-weight:bold; }
#right ul li span { padding:5px; display:block;}
#right ul li ul { margin-bottom:5px; background-color:#fff;}
#right ul li ul li { list-style:none; background-color:#fff; width:250px; font-size:1em; padding:0; margin-bottom:5px;  }
#right  ul li ul li a {  color:#333; font-weight:normal; text-decoration:none; padding:5px; display:block;}
#right  ul li ul li a:hover { background: #eee;  border-left: 5px #000 solid;  padding-left: 10px; }
/* ========================================================= Footer things */
#footer { width:975px; margin:0 auto; color:#FFFFFF; font-size:1em; text-align:right; padding-right:5px; padding-top:5px; margin-bottom:5px;}
#footer a { color:#ffffff;}
#footer a:hover { color:#cccccc;}
/* ------------------------------------------------------------------------------------------------------------------------ Index things */
#index #main { width:684px;	height:225px;	border:solid 1px #383838;	position:relative;	margin-bottom:15px; }
#index #main .post {position:absolute; bottom:0; left:0; width:674px; height:56px;	overflow:hidden;	padding:5px; background-image: url(pond-images/index-art.png);color:#FFFFFF;}
#index #main .post h2 {	color:#8dddfa;	font-size:1.8em;	font-family: "Courier New", Courier, monospace;}
#index #main .post p { font-size:1.2em; line-height:1.6em;}
#index #main .post a {	text-decoration: none;	color:#8dddfa;	font-family: "Courier New", Courier, monospace; }
#index #main .post a:hover {color:#FFFFFF}
.artp {width:220px;	height:130px; text-decoration:none;	float:left;	padding-right:8px; padding-top:7px; background-repeat:no-repeat;background-image: url(pond-images/poloriod.jpg); text-align:right; font-size:1.1em; color:#666; margin-bottom:15px;}
.artp img { border:none; border:0; margin-bottom:5px;}
#index #tips, #index #insp, #index #resources, #index #freebies { width:684px; clear:both;}
#index #tips h2, #index #insp h2, #index #resources h2, #index #freebies h2 { font-size:1.8em; font-family: "Courier New", Courier, monospace; margin-bottom:10px; }
#index #tips h2 a, #index #tips .artp:hover {color:#9d29a4;}
#index #insp h2 a, #index #insp .artp:hover {color:#da1f76;}
#index #resources h2 a, #index #resources .artp:hover{color:#ef8932;}
#index #freebies h2 a, #index #freebies .artp:hover {color:#f32029;}
#index  .lavaLampWithImage li.back {	background: url("pond-images/lava.png") no-repeat right -33px;}
#index .lavaLampWithImage li.back .left {	background: url("pond-images/lava.png") no-repeat top left;}
/* ------------------------------------------------------------------------------------------------------------------------ Post things */
#category h1 { margin-bottom:15px; font-size:2.4em; font-family: "Courier New", Courier, monospace;}
#posts h1 { font-size:2.7em; font-family: "Courier New", Courier, monospace; padding-top:35px;}
#posts  .heading { height:121px;}
#posts  .heading .images{ width:220px;	height:110px; text-decoration:none;	float:left;	padding-left:8px; padding-top:6px; background-repeat:no-repeat;background-image: url(pond-images/poloriod-post.jpg); margin-right:10px; }
#posts p { margin-bottom:15px; font-size:1.3em; line-height:1.6em;}
#posts .heading p { font-size:1.1em; margin-left:5px;}
#posts h2 {font-size:2em;  font-weight:normal; margin-bottom:10px; }
#posts h3 {font-size:1.6em;  margin-bottom:10px; }
#posts ol { padding-left:45px;  padding-bottom:20px; margin-top:10px; font-size:1.2em;}
#posts ol li { margin-bottom:10px;}
#posts ul { padding-left:25px; padding-bottom:10px; margin-top:10px; }
#posts ul li {	background-repeat: no-repeat;	background-position: 0px 6px;	list-style-type: none;	padding-left:20px;	font-size:1.2em;	margin-bottom:10px;}
#posts blockquote {font-size:1em;	margin-left:15px;	margin-right:15px; line-height:1.8em; margin-top:5px;	margin-bottom:5px;	position:relative;	padding-left:8px;	}
#posts blockquote cite {display:block;	text-align:right; }
/* ========================================================= Articles things  colour #04aeef */
#articles #category h1, #articles .artp:hover, #articles #posts h1, #articles #posts blockquote cite, #articles #posts a, #articles #posts h2, #articles #posts h3, #articles #comments .author {color:#04aeef;}
#articles #posts h2 {border-bottom: solid 1px #04aeef;}
#articles #posts blockquote {border-left: 3px solid #cde2e0;}
#articles #posts ul li {	background-image: url(pond-images/bullet-art.gif);}
#articles .lavaLampWithImage li.back {	background: url("pond-images/lava-arts.png") no-repeat right -33px;}
#articles .lavaLampWithImage li.back .left {	background: url("pond-images/lava-arts.png") no-repeat top left;}


#wp_page_numbers li.page_info, #wp_page_numbers a {	background-color:#5DB4C7;	border: 1px solid #5DB4C7;}
#wp_page_numbers li a:hover {
	background-color:#7acbdd;
	border: 1px solid #7acbdd;
}

/* ========================================================= Tps & Tutorials things  colour #9d29a4 */
#tutorials #category h1, #tutorials .artp:hover, #tutorials #posts h1, #tutorials #posts blockquote cite, #tutorials #posts a, #tutorials #posts h2, #tutorials #posts h3,  #tutorials #comments .author {color:#9d29a4;}
#tutorials #posts h2{border-bottom: solid 1px #9d29a4;}
#tutorials #posts blockquote {border-left: 3px solid #d0b1ff;}
#tutorials #posts ul li {	background-image: url(pond-images/bullet-tips.gif);}
#tutorials .lavaLampWithImage li.back {	background: url("pond-images/lava-tips.png") no-repeat right -33px;}
#tutorials .lavaLampWithImage li.back .left {	background: url("pond-images/lava-tips.png") no-repeat top left;}
/* ========================================================= Inspiration things  colour #da1f76 */
#inspiration #category h1, #inspiration .artp:hover, #inspiration #posts h1, #inspiration #posts blockquote cite, #inspiration #posts a, #inspiration #posts h2, #inspiration #posts h3, #inspiration #comments .author{color:#da1f76;}
#inspiration #posts h2{border-bottom: solid 1px #da1f76;}
#inspiration #posts blockquote {border-left: 3px solid #ffc5d2;}
#inspiration #posts ul li {	background-image: url(pond-images/bullet-insp.gif);}
#inspiration .lavaLampWithImage li.back {	background: url("pond-images/lava-insp.png") no-repeat right -33px;}
#inspiration .lavaLampWithImage li.back .left {	background: url("pond-images/lava-insp.png") no-repeat top left;}
/* ========================================================= Freebies things colour #f32029 */
#free #category h1, #free .artp:hover, #free #posts h1, #free  #posts blockquote cite, #free #posts a, #free #posts h2, #free #posts h3, #free #comments .author {color:#f32029;}
#free #posts h2{border-bottom: solid 1px #f32029;}
#free #posts blockquote {border-left: 3px solid #f3a2a5;}
#free #posts ul li {	background-image: url(pond-images/bullet-free.gif);}
#free .lavaLampWithImage li.back {	background: url("pond-images/lava-free.png") no-repeat right -33px;}
#free .lavaLampWithImage li.back .left {	background: url("pond-images/lava-free.png") no-repeat top left;}
/* ========================================================= Recources things colour #ef8932 */
#resource #category h1, #resource .artp:hover, #resource #posts h1, #resource #posts blockquote cite, #resource  #posts a, #resource #posts h2, #resource #posts h3, #resource #comments .author, #resource #posts a, #comments a {color:#ef8932}
#resource #posts h2{border-bottom: solid 1px #ef8932;}
#resource #posts blockquote {border-left: 3px solid #f9bd8b;}
#resource #posts ul li {	background-image: url(pond-images/bullet-res.gif);}
#resource .lavaLampWithImage li.back {	background: url("pond-images/lava-resource.png") no-repeat right -33px;}
#resource .lavaLampWithImage li.back .left {	background: url("pond-images/lava-resource.png") no-repeat top left;}
#resource #posts  a:hover, #resource #posts li a, #comments a:hover  { color:#333333}
#resource #posts li a {  text-decoration:underline;}
#resource  #posts li a:hover {color:#ef8932}
#resource  #comments li a {color:#ef8932; text-decoration:none;}
#resource #comments li a:hover { color:#333333}

/* ========================================================= combined things */
#articles #posts a:hover, #tutorials #posts a:hover, #inspiration #posts a:hover, #free #posts a:hover{ color:#333333}
.clear { clear:both;}
#page { clear:both;  width:685px;}
#page  h3 { font-size:2.5em; font-family: "Courier New", Courier, monospace; padding:0; }

/* -----------------------------------------------------------------------------------------------------------------------------------------  Comment things*/

#comments, #add_comment {
width:675px;
clear:both;
padding-left:10px;
position:relative;
}

#comments ol { list-style:none; margin:0; padding:0;}
#comments li {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px dotted #CCCCCC;
	margin-bottom:10px;
}
#comments .author {

	font-weight: bold;
	font-size:15px;
	margin-bottom:0;
	padding-bottom:0;
	
}


#comments p { font-size:12px; line-height:20px;  margin-bottom:5px; }
#comments a {
	color:#333333;
	font-weight: bold;
	text-decoration: none;
}

#comments a:hover {color:#0099CC;}
#comments li .avatart {
	float:left;
	padding:2px;
	margin-right:10px;
	margin-bottom:3px;
	border: 1px solid #cde2e0;
}
.thecomment {  float:left; width:580px;}



#add_comment {
font-size:1em;
padding-left:25px;
}
#add_comment .cleft { float:left; width:180px; position:relative;}
#add_comment .cright {float:left; width:280px; padding-right:15px; position:relative;}
#add_comment #smiles {
	float:left;
	width:145px;
	padding-left:5px;
	padding-right:5px;
	margin-top:15px;
	text-align:justify;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#add_comment em { font-size:0.8em;}
#add_comment span{ color:#FF0000}
#add_comment .submitb { text-align:right}
#add_comment .formy { width:155px; padding:2px; font-size:1em;}
#add_comment .formy_comment {
	width:276px;
	padding:2px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
}
#add_comment p { margin-bottom:10px; clear:both;}



.wp_syntax{
	margin-left:25px;
	width:590px;
	margin-top:5px;
	margin-bottom:25px;
}




/* ----------------------------------------------------------------------------------------------page not found */

.notfound { text-align:center; width:640px; padding-top:25px;}
.notfound h1 { color:#5DB4C7; font-size:16px;}


/* ----------------------------------------------------------------------------------------------banner ad table */
.adbanners {font-size:13px;}
.adbanners th { padding-top:15px; color:#5DB4C7; font-size:15px; text-align:center}
.adbanners td { border-bottom: solid 1px #5DB4C7; padding:5px;}

/* ----------------------------------------------------------------------------------------------character  table */
.characterhelp {
	font-size:13px;
	width:450px;
margin-bottom:15px;

}
.characterhelp th {
	padding-top:15px;
	color:#5DB4C7;
	font-size:12px;
	text-align:center;
	background-color:#FFFFFF
}
.characterhelp th:hover { background-color:#FFFFFF}

.characterhelp td, .characterhelp th{ border: solid 1px #CCCCCC;
	padding-top:10px;
	padding-bottom:10px;

}
.characterhelp td{ 
	padding-left:10px;
}
.characterhelp tr:hover{ background-color:#d4f5fe}

.glyph {
	font-size:22px;
	font-weight: bold;
	text-align:center;
	background-color:#d4f5fe;
}

.img_default { padding:2px; border: 1px solid #cde2e0;  margin-bottom:20px;  }
.img_small { padding:2px; border: 1px solid #cde2e0;  margin-bottom:10px; margin-right:10px; }
.img_smaller { padding:2px; border: 1px solid #cde2e0;  margin-bottom:8px; margin-right:5px; float:left; }