/*
Theme Name: Designgadgets
Theme URI: http://designgadgets.com/blog/
Description: The Designgadgets theme.
Version: 1.0
Author: Tiziano Di Turi
Author URI: http://www.designgadgets.com/

*/




/* ----------------------------- COLORS USED IN THE CSS

light pink	#F77AC5
dark pink	#AC235E
light gray	#EBEBEB
dark grey	#525759
light blue	#57BEC5
dark blue	#7CA4A7
bg blue		#C8E1E8
*/

/* ----------------------------- MAIN STYLES */

body  {
	background: #C8E1E8 url(images/bg_stripes.png) repeat-x;
	color: #525759;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper { 
	margin: 0 auto;
	text-align: left;
	width: 780px;
} 

h2 {
	border-bottom: 3px dashed #525759;
	color: #AC235E;
	font-size: 175%;
	font-weight: normal;
	line-height: 1.2em;
	padding-bottom: 10px;
}

a {
	color: #7CA4A7;
	text-decoration: none;
}

a:hover {
	color: #57BEC5;
}

/* ----------------------------- HEADER STYLES */

#top {
	background: url(images/header.png) repeat-x;
	height: 208px;
	margin: 0;
	padding: 0;
	width: auto;
}

#header {
	margin-top: -227px;
}

#header h1 {
	background: url(images/logo.png) no-repeat;
	height: 140px;
	width: 439px;
	text-indent: -9999px;
}

#rss_icon img {
	border: 0;
	margin-top: -5px;
}

/* ----------------------------- NAVIGATION STYLES */

#navigation ul {
	list-style: none;
	margin: 95px 0 0 0;
	padding: 0;
}

#navigation ul li {
	display: inline;
	font-family: Century Gothic;
	font-size: 140%;
	padding-right: 20px;
}

#navigation ul li a {
	color: #AC235E;
	text-decoration: none;
}

#navigation ul li a:hover {
	color: #F77AC5;
}

#navigation #rss_icon {
	border: 0;
	margin: -220px 0 80px 600px;
}

/* ----------------------------- MAIN STYLES */

/* ---------------- GENERAL STYLES */

#page_top {
	background: url(images/page_top.png) no-repeat;
	height: 270px;
	margin: 0 0 0 -23px;
	width: 495px;
}

#main {
	background-color: #EBEBEB;
	float: left;
	height: 100%;
	margin-bottom: 15px;
	padding: 10px;
	width: 450px;
} 

#container {
	margin-bottom: 100px;
	margin-top: -125px;
}

#container h2 a {
	color: #AC235E;
	text-decoration: none;
}

#container h2 a:hover {
	color: #F77AC5;
}

/* ---------------- INDEX.PHP */

p.data {
	font-size: 75%;
}

p.data a {
	color: #7CA4A7;
	text-decoration: none;
}

p.data a:hover {
	color: #57BEC5;
}

span.excerpt {
	margin-bottom: 60px;
}

span.excerpt a {
	color: #AC235E;
	text-decoration: none;
}

span.excerpt a:hover {
	color: #F77AC5;
}

.datestamp {
	background: url(images/datestamp.png) no-repeat;
	height: 52px;
	line-height: normal;
	margin-left: -71px;
	margin-bottom: -77px;
	padding: 8px 0 0 5px;
	text-align: center;
	width: 61px;
}

.datestamp span.month {
	color: #7CA4A7;
}

.datestamp span.day {
	color: #57BEC5;
	font-size: 140%;
}

.entries a {
	color: #AC235E;
	text-decoration: none;
}

.entries a:hover {
	color: #F77AC5;
}

/* ---------------- SINGLE.PHP */

#comment, #author, #email, #url {
	background-color: #F77AC5;
	border: 0;
	color: #EBEBEB;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	padding: 4px 2px 2px 4px;
}

#submit {
	background: none;
	border: 0;
	color: #AC235E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
}

#submit:hover {
	color: #F77AC5;
	cursor:pointer;
}

.commentmetadata {
	font-size: 75%;
}

.even {
	background-color: #F77AC5;
	padding: 0 10px;
}
.odd {
	background-color: ;
	padding: 0 10px;
}

/* ---------------- SEARCH.PHP */

#wrapper #main #container #searchform #s {
	background-color: #F77AC5;
	border: 0;
	color: #EBEBEB;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	padding: 4px 2px 2px 4px;
}

#wrapper #main #container #searchform #searchsubmit {
	background: none;
	border: 0;
	color: #AC235E;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
}

#wrapper #main #container #searchform #searchsubmit:hover {
	color: #F77AC5;
	cursor:pointer;
}

/* ----------------------------- SIDEBAR STYLES */

#sidebar {
	float: right;
	margin-left: -201px;
	width: 200px;
}

#sidebar #search {
	background: url(images/bg_search.png) no-repeat;
	height: 84px;
	margin: -116px 0 80px -45px;
	width: 250px;
}

#sidebar #search #s {
	background: none;
	border: 1px solid #AC235E;
	color: #EBEBEB;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	margin-top: 20px;
	margin-left: 103px;
	padding: 4px 2px 2px 4px;
	width: 105px;
}

#sidebar #search #searchsubmit {
	display: none;
}

#sidebar .postit_top {
	background: url(images/postit_top.png) no-repeat;
	height: 100px;
	margin-bottom: -21px;
	width: 217px;
}

#sidebar h2 {
	background: url(images/postit_middle.png) repeat-y;
	border: 0;
	padding-left: 20px;
	width: 217px;
}

#sidebar ul {
	background: url(images/postit_middle.png) repeat-y;
	margin-top: -21px;
	list-style: none;
	padding: 10px 0 0 20px;
	width: 217px;
}

#sidebar ul li {
	display: block;
	padding-left: 5px;
	width: 167px;
}


#sidebar ul li a {
	color: #525759;
	text-decoration: none;
}

#sidebar ul li:hover {
	background-color: #F77AC5;
}

#sidebar div.postit_bottom {
	background: url(images/postit_bottom.png) no-repeat;
	height: 76px;
	margin-bottom: 80px;
	margin-top: -15px;
	width: 217px;
}

/* ----------------------------- FOOTER STYLES */

#bottom {
	background: url(images/footer.png) repeat-x left bottom;
	height: 208px;
	margin: 0;
	padding: 0;
	width: auto;
}

#footer {
	clear: both;
	color: #EBEBEB;
	font-size: 75%;
	margin-bottom: -110px;
	padding-left: 10px;
}

#footer a {
	color: #AC235E;
	text-decoration: none;
}

#footer a:hover {
	color: #F77AC5;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}