/*
Theme Name: DesignConfessions
Theme URI: http://DesignConfessions.com
Description: DesignConfessions
Version: 1.0
Author: Paul Maloney
Author URI: http://www.tropicaweb.co.uk
Tags: design, blue

*/

html {
overflow-y: scroll;
height: 100%;
}

body {
background: #c5dde7 url('img/bg.jpg');
color: #aaaaaa;
margin:0;
padding:0;
}


h1 {}
h2 {}
h3 {font: 20px Helvetica, arial, sans-serif; color:#fff; font-weight:900; margin:0 0 10px 0px; padding:0;}
h4 {font: 16px Helvetica, arial, sans-serif; color:#fff; font-weight:900; margin:10px 0 10px 0px; 

padding:0;}

a {
color: #A21B84;
text-decoration:none;
}

a:hover {
color: #aaa;
text-decoration:none;
}

#container {
font: 16px/20px Helvetica, arial, sans-serif;
font-weight:900;
width:950px;
color: #aaaaaa;
margin:0 auto;
text-align:left;
}

#over {
background: url('img/over.png') no-repeat;
margin:auto;
padding:0;
height:600px;
width:1200px;
}



.post {
width: 615px;
background: #fff; 
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px;
margin: 0 0 15px 0;
padding:10px;
}

.post h2 {font: 22px/20px Helvetica, arial, sans-serif; color:#008bbd; font-weight:900; margin:0 0 10px 0; 

padding:0;}
.post span {color:#000000; font-size:16px; font-weight:900;}

.pd-rating {float:left; margin: 20px 30px 0 5px;}
.postfoot {float:right; margin-top: 10px;}


.arch {
width: 615px;
background: #008bbd; 
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px;
margin: 0 0 15px 0;
padding:10px;
}

.arch h2 {font: 22px/20px Helvetica, arial, sans-serif; color:#fff; font-weight:900; margin:0 0 5px 0; 

padding:5px 0 0 0;}
.arch span {color: #aaa; font-weight:900;}



.pages {
width: 615px;
height: 25px;
background: #fff; 
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px;
margin: 0 0 15px 0;
padding:10px;
}


.clearer {clear:both;}

#header {
width:950px;
height:80px;
margin:0 auto;
padding:15px 0 15px 0;
}

.logo {float:left; width:550px; margin-right:10px;}
.top {float:right; width: 150px; margin-top:10px;}

/* Search */
.search { width: 280px; margin: 0px 0 0 30px; display: inline; padding: 0 0 10px 0;}

.search #searchform { padding: 0; margin: 0 0 20px 15px;}

.search #searchform #s	{
padding: 5px; 
color: #aaa; 
background: #fff; 
width:180px; 
font: 19px Helvetica,Arial,sans-serif; 
border: 1px solid #aaa; 
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px;
}

.search #searchform #go	{ margin-left: 2px; width: 35px; vertical-align: middle;}



.logoh {
width: 550px;
height: 80px;
}

.logoh a{
display:block;
width: 200px;
height: 90px;
padding:0;
background: url("img/logo.png") 0 0 no-repeat;
text-decoration: none;
}



#left {
float:left;
width:635px;
}

#left p{
margin-bottom:5px;
}

#right {
float:right;
width:300px;
margin:0;
}

.side{
width:280px;
background: #A21B84;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px;
margin: 0 0 15px 0;
color: #ffffff;
padding: 10px;
}

.side p{margin: 5px 0 5px 0;}
.side a{color:#fff;}
.side a:hover{color:#aaa;}
.side span {color: #000000; font-weight:900;}

.sponsor {
width:280px;
height: 392px;
background: #008bbd;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px;
margin: 0 0 15px 0;
color: #ffffff;
padding: 10px 3px 10px 17px;
}

.spons {padding: 1px 0 0 6px;}

.sponsor img {margin:3px;}


#right a{
text-decoration:none;
border:0px;
}

#right a:hover{
text-decoration:none;
border:0px;
}

#right img{

border:0px;
}

#footer {
font: 14px Helvetica, arial, sans-serif; color:#aaa; font-weight:900; margin:0; padding:0;
padding-top:10px;
padding-bottom:5px;
}



.submit {
margin-bottom:15px;
padding:10px;
width:280px;
height: 30px;
border: none; 
overflow : hidden; 
background: #aaa; 
color:#fff; 
font-weight:900; 
font: 30px Helvetica, Arial, sans-serif;
cursor:pointer;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px; 
}

.submit:hover {
margin-bottom:15px;
padding:10px;
width:280px;
height: 30px;
border: none; 
overflow : hidden; 
background: #008bbd; 
color:#fff; 
font-weight:900; 
font: 30px Helvetica, Arial, sans-serif;
cursor:pointer;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px; 
}

.submit p {padding: 0 0 5px 65px; margin:0;}
.submit a {color:#fff;}
.submit a:hover {color:#fff;}




/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}


/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;width:590px;}


/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

.wid {margin:0;}



.wp-pagenavi {
font: 15px Helvetica, Arial, sans-serif;
font-weight: 900;
width: 580px;
margin:0px;
padding: 3px 0 0 0;
}


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	
	color: #008bbd;
	background-color: #fff;	
}
.wp-pagenavi a:visited {
	
}
.wp-pagenavi a:hover {	
	
	color: #008bbd;
	background-color: #fff;
}
.wp-pagenavi a:active {
	padding: 4px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	text-decoration: none;
	
	color: #aaa;
	background-color: #fff;	
}
.wp-pagenavi span.pages {
	padding: 4px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 30px;
	
	color: #aaa;
	background-color: #fff;
}
.wp-pagenavi span.current {
	padding: 4px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	font-weight: bold;
	color: #fff;
	background-color: #008bbd;

}
.wp-pagenavi span.extend {
	padding: 4px; 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1px;
	margin-right: 1px;
	
	color: #aaa;
	background-color: #fff;
}


#tdomf_form1_preview {
margin: 6px 0 6px 12px;
padding: 0;
width: 100px;
height: 25px;
border: none; 
overflow : hidden; 
background: #008bbd; 
color:#fff; 
font-weight:900; 
font: 15px Helvetica, Arial, sans-serif;
cursor:pointer;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px; 
}

#tdomf_form1_preview:hover {
padding: 0;
width: 100px;
height: 25px;
border: none; 
overflow : hidden; 
background: #aaa; 
color:#fff; 
font-weight:900; 
font: 15px Helvetica, Arial, sans-serif;
cursor:pointer;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px; 
}


#tdomf_form1_send {
margin: 6px 0 6px 12px;
padding: 0;
width: 100px;
height: 25px;
border: none; 
overflow : hidden; 
background: #008bbd; 
color:#fff; 
font-weight:900; 
font: 15px Helvetica, Arial, sans-serif;
cursor:pointer;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px; 
}

#tdomf_form1_send:hover {
padding: 0;
width: 100px;
height: 25px;
border: none; 
overflow : hidden; 
background: #aaa; 
color:#fff; 
font-weight:900; 
font: 15px Helvetica, Arial, sans-serif;
cursor:pointer;
-moz-border-radius: 5px;  
-khtml-border-radius: 5px;  
-webkit-border-radius: 5px; 
}

/* social */

.share {margin-left:18px;}
.sharefoot {margin-left:72px;}

.digg {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.digg a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/digg.png") 0 0 no-repeat;
text-decoration: none;
}

.digg a:hover { 
background-position: 0 -34px;
}


.be {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.be a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/be.png") 0 0 no-repeat;
text-decoration: none;
}

.be a:hover { 
background-position: 0 -34px;
}


.blend {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.blend a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/blend.png") 0 0 no-repeat;
text-decoration: none;
}

.blend a:hover { 
background-position: 0 -34px;
}


.cb {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.cb a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/cb.png") 0 0 no-repeat;
text-decoration: none;
}

.cb a:hover { 
background-position: 0 -34px;
}

.db {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.db a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/db.png") 0 0 no-repeat;
text-decoration: none;
}

.db a:hover { 
background-position: 0 -34px;
}

.del {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.del a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/del.png") 0 0 no-repeat;
text-decoration: none;
}

.del a:hover { 
background-position: 0 -34px;
}

.df {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.df a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/df.png") 0 0 no-repeat;
text-decoration: none;
}

.df a:hover { 
background-position: 0 -34px;
}

.dz {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.dz a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/dz.png") 0 0 no-repeat;
text-decoration: none;
}

.dz a:hover { 
background-position: 0 -34px;
}


.fb {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.fb a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/fb.png") 0 0 no-repeat;
text-decoration: none;
}

.fb a:hover { 
background-position: 0 -34px;
}



.mixx {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.mixx a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/mixx.png") 0 0 no-repeat;
text-decoration: none;
}

.mixx a:hover { 
background-position: 0 -34px;
}

.reddit {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.reddit a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/reddit.png") 0 0 no-repeat;
text-decoration: none;
}

.reddit a:hover { 
background-position: 0 -34px;
}

.stwitter {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.stwitter a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/stwitter.png") 0 0 no-repeat;
text-decoration: none;
}

.stwitter a:hover { 
background-position: 0 -34px;
}


.su {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.su a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/su.png") 0 0 no-repeat;
text-decoration: none;
}

.su a:hover { 
background-position: 0 -34px;
}


.za {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}

.za a{
display:block;
width: 32px;
height: 32px;
padding:0;
background: url("icons/za.png") 0 0 no-repeat;
text-decoration: none;
}

.za a:hover { 
background-position: 0 -34px;
}

.scopy {
float: left;
margin-right: 10px;
margin-left: 5px;
padding-top:10px;
}

.scopy h5 {font: 26px Helvetica, Arial, sans-serif; font-weight:900; color: #fff; margin:0; padding:0;}

.made {
width: 105px;
height: 50px;
float: right;

}

.made a{
display:block;
width: 105px;
height: 50px;
padding:0;
background: url("img/tropica.png") 0 0 no-repeat;
text-decoration: none;
}

.made a:hover { 
background-position: 0 -50px;
}

.bfb {
width: 50px;
height: 50px;
float: left;

}

.bfb a{
display:block;
width: 50px;
height: 50px;
padding:0;
background: url("img/bfb.png") 0 0 no-repeat;
text-decoration: none;
}

.bfb a:hover { 
background-position: 0 -50px;
}

.rss {
width: 50px;
height: 50px;
float: left;

}

.rss a{
display:block;
width: 50px;
height: 50px;
padding:0;
background: url("img/rss.png") 0 0 no-repeat;
text-decoration: none;
}

.rss a:hover { 
background-position: 0 -50px;
}

.twit {
width: 50px;
height: 50px;
float: left;

}

.twit a{
display:block;
width: 50px;
height: 50px;
padding:0;
background: url("img/twit.png") 0 0 no-repeat;
text-decoration: none;
}

.twit a:hover { 
background-position: 0 -50px;
}
.twitter-hash-tag-widget {padding-top:10px;}
.twitter-hash-tag-widget a {color: #1ac3e7;}
.twitter-hash-tag-widget a:hover {color: #fff;}