body {
font-family:"Book Antiqua","Trebuchet MS","lucida grande",helvetica,arial,sans-serif;
color:#333;
font-size: 100%;
margin: 0;
padding: 0;
}

/* -----------------
    GENERAL STUFFS
--------------------*/
a{
color:#006633;
text-decoration:none;
}
a:hover{
color:#006666;
text-decoration:underline;
}

img {
padding: 1px;
vertical-align: middle;
}

a img{
border:none;
}

img.showborder {
border: solid #000 thin;
margin: 2px;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0.3em 0;
font-size: 200%;
}

h2{
color:#82AD00;
margin:0.3em 0;
font-size: 180%;
}

h3{
margin-top: 0px;
color:#82AD00;
font-size: 140%;
}

h4{
color:#82AD00;
font-size: 105%;
font-weight:bold;
}

h5{
color:#0C2D2D;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 120%;
font-weight: lighter;
}

h5 span {
color: #000;
}

em {
font-size: 14px;
}

ul, li {
margin: 0px;
}

p {
padding-top:2px;
padding-bottom:2px;
}

th {
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    text-align: left;
}

tr {
    text-align: left;
}

hr {
    padding: 0px;
    margin: 0 auto;
    border: solid 1px #CCC;
    width: 100%;
}

/* -----------------
    LAYOUT
--------------------*/

#container{
background-image:url('../img/headerBg.png');
background-repeat:repeat-x;
margin: 0 auto;
padding:0px;
}

#siteContainer{
width:980px;
margin: 0 auto;
padding: 0;
}

#mainContent {
clear:both;
padding: 10px;
text-align: center;
}

#header{
background-color:transparent;
height:160px;
margin: 0px auto;
padding:0px;
text-align: left;
}

#logo {
    float: left;
    padding-top: 20px;
}

#homeLeft {
    width: 25%;
    float: left;
    text-align: left;
}

#content{
    float: left;
    width: 50%;
    text-align: center;
}

#homeRight {
    width: 25%;
    text-align: center;
    float:left;
}

#recentUsers a img {
    border: solid #000 thin;
    margin: 0 auto;
}

#count {
    margin-top: 5px;
    font-size:large;
}

#flash {
    position: absolute;
    left:45%;
    top:50%;
    margin-top:-150px;
    margin-left:-150px;
    padding: 20px;
    background-color: #EEE;
    border: double #CCC 6px;
    text-align: center;
}

#flash span {
    font-size: x-large;
}

ul#free {
    list-style-image: url('../img/yes.png');
    padding-left: 20px;
    background-color: #FFFFAA;
}

ul#free span {
    font-weight: bold;
}

/*---------------
   ADMIN LAYOUT
 ---------------*/
#adminSiteContainer{
width:98%;
margin: 0 auto;
padding: 0;
}

#adminLeft {
    width: 20%;
    float: left;
    text-align: left;
}

#adminContent{
    float: left;
    width: 80%;
    text-align: left;
}

#adminContent h4 {
    text-align: left;
}

#adminMenu {
    padding-left: 15px;
}

/*---------------
   PETITION STUFFS
 ---------------*/

#petitionWrap {
    padding-bottom: 10px;
    width: 80%;
    text-align: center;
    float: left;
}

#petitionContent {
width: 95%;
text-align: justify;
padding: 10px;
margin: 0 auto;
border: double #CCC 6px;
background-color: #EEE;
}

#petitionSidebar {
    padding-top: 40px;
    width: 20%;
    text-align: center;
    float: left;
}

#totalSigns {
    font-size: xx-large;
    color: #82AD00;
    font-weight: bold;
}

#media {
    width: 45%;
    float: left;
    text-align: left;
    padding: 10px;
}

#signatures {
    background-color: #EEE;
    border: 1px solid #CCC;
    width: 96%;
    float: left;
    text-align: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#signatures span {
    font-size: large;
}

.related {
    width: 100%;
    float: left;
    text-align: left;
    padding: 10px;
}

/*
#right {
width:15%;
padding:0px;
float:left;
background-color:transparent;
}
*/

#footerStats {
    margin: 0 auto;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    text-align: left;
    background-color: #EEE;
    border: solid #CCC 1px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

#footerStats ul {
    text-align: left;
    list-style-type: armenian;
    /*list-style-position: outside;*/
    padding-left: 20px;
}

#footerStats li {
    border-bottom: solid 1px #CCC;
}

#footerStats li a {
    text-decoration: none;
}

#footerStats div {
    padding: 10px;
    width: 300px;
    float: left;
}

#footer{
clear:both;
margin-top: 5px;
padding: 10px;
text-align: center;
border-top: solid 1px #CCC;
}

#login {
width: 70%;
text-align: center;
padding: 10px;
margin: 0 auto;
border: double #CCC 6px;
background-color: #EEE;
}

#loginLink {
padding: 10px;
float: right;
color: #999;
}

#loginLink a {
color: #CCC;
border-bottom: dashed 1px #CCC;
}

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

div.notice {
    border: dashed 1px #B22222;
    width: 60%;
    padding: 2px;
    margin: 0 auto;
    background-color: #FFFACD;
    color: #B22222;
}

div.tags_cloud {
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    text-transform: capitalize;
    line-height: 210%;
}

div.tags_cloud a {
    /* color: #001616; */
    color: #004400;
}

/* Paging */
div.paging {
    text-align: left;
    width: 50%;
    margin-bottom: 5px;
}
div.paging div.disabled {
    text-align: left;
    width: 50%;
    display: inline;
}

/*---------------
   DASHBOARD STUFFS
 ---------------*/
#dashboard {
    background-color: #EEE;
    border: 1px solid #CCC;
    width: 96%;
    float: left;
    text-align: left;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Payment Options */
#payment1 {
    text-align: center;
    width: 33%;
    float: left;
}

/* -----------------
    MENU STUFFS
--------------------*/

ul#main_menu {
    margin:0 auto;
    color:#fff;
    font-family: "Book Antiqua","Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: medium;
    white-space:nowrap;
    list-style-type:none;
    position: absolute;
    top: 119px;
    margin-left:-265px;
    left: 50%;
}

ul#main_menu li {
    display:inline;
}

ul#main_menu li a {
    width: 113px;
    height: 42px;
    padding: 5px 1px 1px 0px;
    color:#FFF;
    text-decoration:none;
    float:left;
    background-image:url(../img/menuButton.png);
    background-repeat:no-repeat;
    text-align: center;
}

ul#main_menu li a:hover {
    color:#82AD00;
}

/* ----------------
    MISC
-----------------*/

.smallFont {
    font-size: 85%;
}

#bestSupport {
    right:15%;
    position: absolute;
    top: 27px;
}

.border {
border-style:solid;
border-width:medium;
border-color:#333333;
}

.border2 {
border-style:dashed;
border-width:thin;
border-color:#666666;
margin: 10px;
}

.softGreyBg {
background-color: #EEE;
width: 85%;
margin: 5px auto;
padding: 5px;
border: 1px #DDD solid;
}

/*-----------------
    LIGHTBOXES
------------------*/

#containerHider{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
margin: 0px auto;
padding:0px;
text-align:left;
background: #000;
filter:alpha(opacity=0);
opacity:0;
visibility:hidden;
}

#lightboxSign {
z-index: 1;
position:fixed;
left:50%;
top:35%;
margin-top:-150px;
margin-left:-150px;
padding:20px;
width:300px;
background:#FFF;
filter:alpha(opacity=0);
opacity:0;
border: 4px solid #82AD00;
color:#000;
visibility:hidden;
}

#lightboxTellOthers {
z-index: 1;
position:fixed;
left:40%;
top:35%;
margin-top:-150px;
margin-left:-150px;
padding:20px;
width:500px;
background:#FFF;
filter:alpha(opacity=0);
opacity:0;
border: 4px solid #82AD00;
color:#000;
visibility:hidden;
}

#lightboxAttachVideos {
z-index: 1;
position: fixed;
left:40%;
top:35%;
margin-top:-150px;
margin-left:-150px;
padding:20px;
width:500px;
background:#FFF;
filter:alpha(opacity=0);
opacity:0;
border: 4px solid #82AD00;
color: #000;
visibility: hidden;
}

#lightboxVideos {
z-index: 1;
position: fixed;
left:40%;
top:35%;
margin-top:-150px;
margin-left:-150px;
padding:20px;
width:500px;
background:#FFF;
filter:alpha(opacity=0);
opacity:0;
border: 4px solid #82AD00;
color: #000;
visibility: hidden;  
}

/*-----------------
      FORM
------------------*/
input[type=submit], input[type=reset], input[type=button] {
    font-family: "Trebuchet MS";
    padding:2px;
}

input[type=image] {
    vertical-align: middle;
}

input[type=text], input[type=password], textarea, select {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: small;
    font-style: italic;
    vertical-align: middle;
    border: solid 1px #002323;
    color: #333;
}

/*-----------------
    Notices & Errors
------------------*/
.error {
    color:#990000;
}