/* Main CSS Start */
/*importing reset stylesheet start*/
@import "reset.css";
/*importing reset stylesheet end*/

  body  {
background : #fff;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
color : #666;
padding : 30px 0;
}
h1 {
font-size : 24px;
font-family : "Times New Roman", Times, serif;
text-transform : uppercase;
font-weight : normal;
color:#000;
padding : 3px 0 5px 0;
}
h2 {
font-size : 20px;
font-family : Arial, Helvetica, sans-serif;
color : #b12666;
text-transform : uppercase;
font-weight : normal;
padding : 3px 0 6px 0;
}
h3 {
font-size : 15px;
color : ##6E1E37;
font-weight : bold;
padding : 2px 0 0 0;
}
h4 {
font-size : 13px;
color : #6E1E37;
font-weight : bold;
padding : 2px 0 0 0;
}

h5 {
font-size : 12px;
color : #000;
font-weight : bold;
padding : 2px 0 0 0;
}
h6 {
font-size : 11px;
color : #000;
font-weight : bold;
padding : 2px 0 0 0;
}
p{
padding : 0 10px 15px 0;
}

span {
padding : 0 10px 5px 0;
display : block;
color : #736357;
font-size : 11px;
}
a {
color : #6e1e37;
font-size : 11px;
text-decoration : none;
}
a:hover {
text-decoration : underline !important ;
}
ul{
padding:10px 0 0 15px;
}
li{
padding:0 0 5px 0;
}
li a{
font-size:12px;
text-decoration:none;
}
li a:hover{
text-decoration:underline;
}
ol{
padding:10px 0 0 35px;
list-style:decimal;
}

#wrapper {
width : 890px;
margin : 0 auto;
}
#header {
height : 155px;
background : url(../images/header.gif) no-repeat left top;
padding : 0 0 1px 0;
}
.logo {
width : 168px;
height : 155px;
margin : 0 auto;
padding : 0 0 0 363px;
float : left;
}
.notebook {
float : left;
padding : 35px 0 0 0;
}
#content {
width : 888px;
border : 1px solid #d1cfc3;
}
.top-content {
height : 31px;
background : #c3bdb1;
}
.top-content h2{
color:#fff!important;
text-align:center;
}
.bottom-content {
height : 14px;
background : #c3bdb1;
border-top : 1px solid #d1cfc3;
}
#col-1 {
width : 144px;
float : left;
padding : 25px 0 25px 0;
}
.left-links {
padding : 0 0 0 5px;
}
.left-links li {
padding : 0 0 5px 0;
}
.left-links li a img {
border : 1px solid #999;
}
#col-2 {
width : 720px;
float : left;
padding : 5px 0 25px 0;
}
.toper {
float : right;
padding:2px 0 5px 0;
}
.toper a {
color : #6e1e37;
font-size : 11px;
text-decoration : none;
}
#col-3 {
width : 137px;
float : right;
padding : 10px 0 0 17px;
}
#col-3 img {
padding : 0 0 16px 0;
}
.text-f {
width : 120px;
border : 1px solid #6e1e37;
color : #b2b2b2;
font-size : 11px;
padding : 2px 3px 3px 3px;
height : 13px;
}
.button {
background : url(../images/button_24.gif) no-repeat left top;
width : 62px;
height : 18px;
border : 0;
float : right;
margin : 3px 0px 0 0;
color : #fff;
font-size : 11px;
cursor : pointer;
}
.rows {
width : 720px;
padding : 0 0 40px 0;
}
.heading {
height : 21px;
padding : 0 0 5px 0;
}
.heading-l {
background : url(../images/Trifle-blog-page_07.gif) no-repeat left top;
width : 6px;
height : 21px;
float : left;
}
.head {
height : 21px;
background : #b12666;
float : left;
width : 705px;
}
.r-head {
height : 21px;
width : 121px !important ;
}
.head h6 {
font-size : 11px;
color : #fff;
font-weight : normal;
padding : 3px 0 0 0;
}
.head h4 {
font-size : 13px;
color : #fff;
padding : 3px 0 0 0;
}
.heading-r {
background : url(../images/Trifle-blog-page_15.gif) no-repeat left top;
width : 6px;
height : 21px;
float : left;
}
.textarea {
padding :4px 10px 0 7px;
}
.textarea p {
font-size : 11px;
color : #736357;
}
.textarea img {
float : right;
}
.textarea h4 {
font-size : 13px;
color : #6e1e37;
font-weight : bold;
padding : 0 0 5px 0;
}
.archives {
padding : 5px 0 5px 2px!important;
}
.archives ul{
padding:0 0 0 4px !important;
}
.archives ul li {
float : left;
width : 120px;
padding : 0 0 1px 0!important;
}
.archives ul li a {
font-size : 12px;
}
#footer {
height : 30px;
padding : 3px 0 0 0;
}
#footer p {
float : right;
}
#footer p a{
color:#B33366;
}