/*
Theme Name: Channel131
Author: Daniel Andreica
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
font-weight:normal;
color:#000;
text-decoration:none;
background-color:#fff;
text-align: center;
}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000;
font-weight:normal;
text-decoration:none;
}

a{  }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p, form{ padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1, h1 a, h1 a:visited{
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:38px;
line-height:45px;
font-weight:normal;
color:#144aae;
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover{ text-decoration: underline;}

h2, h2 a, h2 a:visited{
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:27px;
line-height:32px;
font-weight:normal;
color:#144aae;
text-decoration:none;
}

h3, h3 a, h3 a:visited {
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:17px;
line-height:20px;
font-weight:normal;
color:#144aae;
text-decoration:none;
}

#page { 
margin:0px auto; padding:0px 0px 0px 0px;
width: 968px; text-align: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ width: 968px;  height: 218px; position: relative;  
background-image:url(images/topbg.gif);
background-repeat:no-repeat;
background-position:left 146px;
}

#headerimg{ position:absolute; top:73px; left:10px; }
#header .page-title a{
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:38px;
line-height:45px;
font-weight:normal;
color:#144aae;
text-decoration:none;
}
#header .rss{ position:absolute; top:44px; left:780px; }
#header .links{ position:absolute; top:10px; left:935px; }
#header .line{ position:absolute; top:38px; left:0px; width:100%; border-top:1px solid #000;}
#header .top-nav{ position:absolute; top:148px; left:10px; overflow:hidden; height:30px; width:900px;}
#header .top-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#header .top-nav ul li{ float:left; padding:0px 10px;}
#header .top-nav ul li a{
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:15px;
line-height:28px;
font-weight:normal;
color:#dedfda;
text-decoration:none;
}
#header .top-nav ul li a:hover{text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content {
margin:15px 0px;
width:800px;
background-color:#f4f4f4;
-moz-border-radius: 10px;  
float: left;
}
#content .content-wrapper{ padding:10px 10px; }

small {
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
font-weight:normal;
color:#c4c4c4;
text-decoration:none;
}

.post {
border:1px solid #dedede;
-moz-border-radius: 10px;
background-color:#fff;
padding:15px 25px;
margin:10px 0px;
text-align: justify;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ sidebar css */

/* Begin Sidebar */
#sidebar{ margin-left: 800px; width: 168px; }
#sidebar .sidebar-wrapper{ padding:20px 0px 20px 10px;}

#sidebar h2{
font-size:17px; line-height:20px;
background-color: #f4f4f4;
-moz-border-radius: 10px;
padding:15px 10px;
}

#sidebar ul{ padding:0px 0px 20px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#sidebar ul li{ padding:2px 0px 2px 0px; border-bottom:1px solid #c0c0c0; }
#sidebar ul li a{
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#f37a11;
text-decoration:none;
}
#sidebar ul li a:hover{ text-decoration: underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#footer{
clear:both;
background-color:#144aac;
-moz-border-radius: 10px;
}

#footer .copy{ color:#fff; text-align:center; padding:5px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ padding:5px 20px; }
#footer-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none;}
#footer-nav ul li{ float:left; padding:0px 10px;}
#footer-nav ul li a{
font-family:Georgia, Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:15px;
line-height:28px;
font-weight:normal;
color:#dedfda;
text-decoration:none;
}
#footer-nav ul li a:hover{text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ other css */

.clear{ clear: both; }
.magic{ clear: both; }


/* Begin Images */
p img {
  padding: 0;
  max-width: 100%;
  }

/*  Using 'class="alignright"' on an image will (who would've
  thought?!) align the image to the right. And using 'class="centered',
  will of course center the image. This is much better than using
  align="center", being much more futureproof (and valid) */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
  }

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
  }

.alignright {
  float: right;
  }

.alignleft {
  float: left;
  }
/* End Images */

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
  }