/*   
Theme Name: pink-grey-blog
Theme URI: http://www.bigbuttonsandsockwool.com/
Description: BUTTONS! made by <a href="http://www.bigbuttonsandsockwool.com">M</a>.
Author: M
Author URI: http://www.bigbuttonsandsockwool.com/
Version: 1.2
.
THIS THEME IS NOT YET STABLE IN INTERNET EXPLORER
.
*/

body {
	font-family: 'Franklin Gothic Book', sans-serif;
 	font-size: 12px;
	letter-spacing: .11em;
        color: #fff;
	background: #010101 url("images/stripe-01.png") repeat;
}

/* MAIN BODIES
-------------------------*/
#container {
	margin: 0 auto;
	width: 650px;
	background-color: #010101;
	border: 20px solid #010101;
}

#headimg {
	width: 610px;
        height: 200px;
        border: 20px solid #010101;
	background: #010101 url("images/header/rotate.php") no-repeat;
}

#menu {
	width: 610px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
        padding-top: 20px;
	background-color: #010101;
	list-style: none;
	margin: 0;
}

#main {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 390px;
	background-color: #0f0f0f;
	padding: 20px;
}

#foot { 
        font-color: #0f0f0f;
	clear: both;
	width: 610px;
	padding: 20px;
	background-color: #010101;
        font-spacing: 5px;
}

#headlink a {
color: #7540ac;
}

/* SIDEBAR */

#box {
float: right;
width: 165px;
margin-top: 13px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
color: #e777b9;
background-color: #0F0F0F;
text-align: justify;
}

.box h2 {
clear: both;
width: 165px;
font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 20px;
margin-bottom: 10px;
padding: 20px 0 20px 0;
text-indent: 55px;
color: #e777b9;}

.nav li {
list-style: none;}

.nav li a {
display: block;
padding: 20px 0;
width: 165px;
background-color: #0f0f0f;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 0px dashed #cccccc;
text-decoration: none;
text-indent: 17px;
text-transform: capitalize;
color: #e777b9;}

.nav li a:hover {
text-decoration: none;
color: #ec008c; background: #010101;
}

/* MAIN MENU
-----------------------------------*/

#menu li {
	float: left;
	vertical-align: middle;
}

#menu li a {
	display: block;
        align: center;
	background-color: #010101;
	width: 90px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	height: 20px;
	vertical-align: middle;
        letter-spacing: 2pt;
}

#menu li a:hover {
	display: block;
	width: 90px;
	text-transform: uppercase;
	color: #010101;
	text-decoration: none;
	background-color: #ec008c;
	border-bottom: 0px solid #ef4861;
	vertical-align: middle;
        letter-spacing: 2pt;
}

#amenu li a {
	height: 15px;
	color: #545d7f;
	width: 80px;
	background-color: #8e9ace;
	border-bottom: 0px solid #030303;
	vertical-align: middle;
        letter-spacing: 2pt;
}

#amenu li a:hover {
	height: 15px;
	color: #545d7f;
	width: 80px;
	background-color: #bbc0e1;
	border-bottom: 0px solid #ff9900;
	vertical-align: middle;
        letter-spacing: 2pt;
}

#navigation {
	float: left;
}

#feed {
	float: right;
	padding-bottom: 10px;
	text-align:right;
}

#feed img {
	border: 0px;
}



/* HEADINGS 
-----------------------------------*/
h1, h2, h3 a, h4 a {
	padding: 0px 15px;
        color: #ec008c;
	background: #010101 url() -5px 0px no-repeat;
        font-family: 'Century Gothic', sans-serif;
	font-size: 17px;
	text-decoration: none;
	text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 3px;
        text-align: left;
}

h5 {
        color: #ec008c;
	font-family: 'Century Gothic', sans-serif;
	font-size: 3.5em;
	text-decoration: none;
	font-weight: normal;
        letter-spacing: 5px;
        margin-top: 10px;
	margin-bottom: 10px;
        text-transform: uppercase;
}

h7 {
background-color: #010101;
color: #ec008c;
font-family: 'Century Gothic', sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
letter-spacing: 5px;
margin-top: 3px;
margin-bottom: 3px;
text-transform: uppercase;
} 
h7 a:hover {
background-color: #010101;
color: #ec008c;
font-family: 'Century Gothic', sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
letter-spacing: 5px;
margin-top: 3px;
margin-bottom: 3px;
text-transform: uppercase;
} 

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: #ec008c;
	font-family: 'Century Gothic', sans-serif;
	font-size: 17px;
	text-decoration: none;
	font-weight: normal;
        letter-spacing: 3px;
}

#box4 {
	font-size: 11px;
	font-family: 'Century Gothic', sans-serif;
	color: #ec008c;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 260px;
	background-color: #010101;
	padding: 20px;
	list-style: none;
}

#centered {
	margin: 0 auto;
	text-align: center;
}

#centered3 {
       margin: o auto;
       text-align: justify;
}

#centered #s {
	background-color: #0f0f0f;
	border: 1px solid #0f0f0f;
	color: #e777b9;
}

#centered:hover {
	color: #ec008c;
}

#centered a {
	color: #e777b9;
	text-decoration: none;
}

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

#centered2 {
	color:#e777b9;
	margin: 0 auto;
	text-align: center;
        letter-spacing: 5px;
        border: 0px;
}

#centered2 a {
	color: #e777b9;
	text-decoration: none;
        letter-spacing: 5px;
        border: 0px;
}

#centered2 a:hover {
	color: #ec008c;
	text-decoration: none;
        letter-spacing: 5px;
        border: 0px;
}


#box h3 {
	color:#e777b9;
	font-family: 'Century Gothic', sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	margin: 2px;
}

#box li {
	padding: 5px;
	width: 100%;
	border-bottom: 0px dashed #ccc;
}

#box li:hover {
	color: #ec008c;
	background-color: #0f0f0f;
	border-bottom: 0px dashed #ccc;
}

#box li a {
	color: #e777b9;
}

#box li a:hover {
	color: #ec008c;
}

#box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#boxx {
	font-size: 11px;
	font-family: 'Century Gothic', sans-serif;
	color: #e777b9;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 160px;
	background-color: #0f0f0f;
	padding: 20px;
	list-style: lower-roman;
}

#boxx h3 {
	color: #ec008c;
	background-color: #0f0f0f;
        font-family: 'Century Gothic', sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	text-align: right;
	margin: 2px;
}

#boxx li {
	padding: 5px;
	width: 100%;
	border-bottom: 0px dashed #ccc;
}

#boxx li:hover {
	background-color: #0f0f0f;
	border-bottom: 0px dashed #ccc;
}

#boxx li a {
	color: #e777b9;
}

#boxx li a:hover {
	color: #ec008c;
}

#boxx ul {
	list-style: lower-roman;
	margin: 0;
	margin-left: 5px;
	padding: 0;
}




/* LINKS
-----------------------------------*/
a {
text-decoration: none;
}

a img {
border: 0px #fff;
padding: 3px;
}

/* COMMENTS
-----------------------------------*/

#comments a {
	color: #e777b9;
}

#comments a:hover {
	color: #ec008c;
}

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

#comments li {
	list-style-type: none;
	background-color: #010101;
	border: 1px solid #010101;
	padding-bottom: 3px;
	margin-bottom: 6px;
}

.header {
	padding: 4px;
	background: #010101;
}

#comments fieldset {
	border: 0px;
}



/* ENTRY
------------------------------------*/

.entry img {
	background-color: #0F0F0F;
	border: 3px solid #fff;
	padding: 3px;
}

.entry 	{
        padding-bottom: 40px;
	text-align: left;
}

.entry a {
	color: #ec008c;
}

.entry a:hover {
	color: #ec008c;
}

.info {
	background-color: #0f0f0f;
}

.entry .info {
	padding: 5px;
	padding-left:15px;
	background: url("images/post.gif") center left no-repeat;
	background-color: #010101;
	border: 1px solid #010101;
}

.entry .info a {
	color: #ec008c
;
}

.entry .info a:hover {
	color: #ec008c;
}

.hidetxt {
	color: #0f0f0f;
}

.entry blockquote {
	padding: 3px;
	background-color: #010101;
}

.entry li {
	list-style-type: circle;
}

label {
	width: 60px;
	float: left;
}

#author, #email, #url, #comment, #comments #submit {
	background-color: #fff;
	border: 1px solid #010101;
	color: #010101;
}

/* SEARCH
-------------------------------------------*/

#search {
	border: 0px;
}

#searchbutton {
	background-color: #010101;
	border: 1px solid #010101;
}

table {
	border-collapse: collapse;
	margin: 10px 15px
	margin-left: 80px;	
}
th strong {
	color: #fff;
}
th {
	background: #010101;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-right: solid 1px #010101;
	border-left: 1px solid #010101;
	border-bottom: solid 1px #010101;
	border-TOP: solid 1px #010101;
}
tr {
	height: 30px;
}
td {
	background: #fff;
        color: #010101;
        padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #010101;
	border-bottom: solid 1px #010101;
        border-top: solid 1px #010101;
        border-right: solid 1px #010101;
}

tr.row-a {
	background: #010101;
}
tr.row-b {
	background: #fff;
}
/* end - table */

/* WIDGET PROPERTIES */

#calendar_wrap {
border-left: 1px solid #ec008c;
border-right: 1px solid #ec008c;
border-bottom: 1px solid #ec008c;}

.widget_calendar td {
padding: 2px 5px;}

.widget_calendar caption {
font-weight: bold;
font-size: 10pt;
padding: 6px 0;
color: #ec008c;}

.widget_calendar th {
color: #ec008c;}

.widget_recent_comments li {
display: block;
padding: 5px 0;
width: 210px;
background: #010101 5px 10px no-repeat;
font: 10pt verdana, arial, helvetica, sans-serif;
border-bottom: 0px dashed #ec008c;
text-decoration: none;
text-indent: 17px;
text-transform: capitalize;}

.widget_recent_comments li a {
border: none;
background: none;}

.widget_recent_comments li a:hover {
background: none;}

.widget_search {
padding-top: 20px;
padding-bottom: 20px;}

.widget_search input#s {
background-color: #0f0f0f;
border: 1px solid #010101;
padding: 3px 0 3px 6px;
color: #ec008c;}

.widget_search input {
background-color: #0f0f0f;
border: 1px solid #010101;
padding: 2px 0;
color: #ec008c;}

.widget_text {
line-height: 16px;
font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px;
color: #fff;
padding: 5px 0 5px 0;}

.entry strong {font-weight: bold; color: #e777b9;}
.entry em {font-style: italic; color: #e777b9;}