/* 
  Copyright (c) 2010 Cssguy.net
  All rights reserved 
*/

body {
	font:14px/20px Helvetica,Arial,sans-serif;
	background:#f7f7f7
}

#main {
	background:#fff;
	width:600px;
	margin:50px auto 0;

	-moz-box-shadow:rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow:rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow:rgba(200,200,200,1) 0 4px 18px;
	box-shadow:rgba(200,200,200,1) 0 4px 18px
}

h2 {
	font-family: 'Trebuchet MS';
	text-transform:capitalize;
	color:#666;
	padding:.4em 0;
	font-size:2em
}


p.sending,p.error,p.success {
	padding:0 1.5em;

	font-size:.9em;
    color:#e40600
}

p.success {
    color:#666
}

/* */
.section {
    	padding:.5em;
}
ul#list {
    border:0px solid #ccc;
    overflow: auto;
	font-family: verdana;
    margin:0px 0px
}
ul#list li {
    float: left;
    margin:05px 0
}

ul#list li a {
    background: #64992C;
    display: block;
    margin: 0 05px 0 0;
    padding:.4em;
    color:#fff;
    text-transform: uppercase;
    font-size: x-small;

}

ul#list li a:hover {
    background: #006699;
    color:#fff
}
 ul#list li a.selected {
        background: #666;
}
.content {
    margin: 0px 0;
  
    
}
.content ul.ui {
    overflow: auto;
padding: .4em
}
.content ul.ui li {
    margin:.5em 1.1em .5em 0;
    float: left;
    display: inline
}

.content ul.ui li a {
    border:1px solid #999;
    display: block;
    padding:.2em;
    opacity:.7
}
.content ul.ui li a:hover {
     border:1px solid #333;  
    opacity:1
}

#footer {
	width:600px;
	margin:5px auto;
    border:0px dashed #999;

}
#footer p {
font-size: x-small;
color:#666;
text-transform: capitalize;
}

#footer a:hover {
    color:#666;
    text-decoration: underline;
}
h2 {
    background: url(../images/dot.gif) repeat-x 0 100%;
    margin: 0 5px
}


h3 {
text-transform: uppercase;
    color:#999;
    padding:.1em;
    margin: 15px 0px 10px;
border-bottom: 1px dashed #ccc;
font-size:x-small
}

/* form */
form {
	margin: 0
}
form p {
	margin: .6em 0
}
form textarea, form input {
	border: 1px solid #F7F7F7;
    background: #F7F7F7;
	padding: .3em;
	font-family: 'Trebuchet MS';
    font-size:.8em;
    color:#333;

}
form textarea:focus, form input:focus {
	border: 1px solid #CCC;
    background: transparent;
}
form label {
    font-size:small;
	display: block;
    text-transform: capitalize;
}


form input.submit {
	background:#999;
	border:none;
    cursor: pointer;
    text-transform: capitalize;
}

form input.submit:hover {
	background:#006699;
	color:#fff
}
form span.error {
    color:#D71D80;
    padding: .3em;
}
form input.error, form textarea.error {
    border: 1px solid #F5E9F0;
    background: #F5E9F0;
}

#tooltip {
	background: #FC0;
	color: #000;
	font-size:x-small;
	padding: .2em;
}

.content ul.list, .content ul.list-offer {


        margin:.6em 0  0 0em;

 
}
.content ul.list li {
font-size:1em;
    color:#333;
    text-transform: capitalize;

    /*background: url(../images/bullet_wrench.png) no-repeat 0 50%;
    text-indent: 1.2em;*/
    display: block;
}
.content ul.list li sup{
 vertical-align: top;
 font-size: xx-small;
 background: #FFCC0D;
 color:#fff;
 padding: 0 .1em;

}


.content p {
    padding:.4em
}


/* social */
ul#social  {
    overflow: auto;
    padding: .4em;
}
ul#social li {
	display: inline;
}
ul#social li {
	margin: 0 0 0 02px;
}
ul#social li a {
    display: block;
    float: left;
    background: #eee;
    margin:  0 3px 0 0;
    padding: .1em;
}
ul#social li a:hover {
    background: #ccc;
}
ul#social li a span {
	width: 24px;
	height: 24px;
}

ul#social li a span {
	display: block;
}
ul#social li.twitter a span {
	background: url(../images/social/twitter.png);
}
ul#social li.flickr a span {
	background: url(../images/social/flickr.png);
}
ul#social li.delicious a span {
	background: url(../images/social/delicious.png);
}
ul#social li.linkedin a span {
	background: url(../images/social/linkedin.png);
}
ul#social li.facebook a span {
	background: url(../images/social/facebook.png);
}
ul#social li.lastfm a span {
	background: url(../images/social/lastfm.png);
}
ul#social li.twitter a:hover span,
ul#social li.flickr a:hover span,
ul#social li.delicious a:hover span,
ul#social li.linkedin a:hover span,
ul#social li.facebook a:hover span,
ul#social li.lastfm a:hover span,
{
	background-position: 0 -16px;
}

img.avatar {
    padding:.2em;
    border: 1px dotted #fff;
}

img.avatar:hover {
    border: 1px dotted #999
}