/*
Vedran Alajbegovic
valajbeg@gmail.com
for GM17 2009
*/


body {
    font : normal 12px/1.6em Arial, Helvetica, sans-serif;
    color : #2a3845;
    margin : 0;
    padding : 0;
    background:#FFFFFF;
}

p {
    margin : 0;
    padding : 0;
}

a:visited, a:link {
    color : #AA0000;
    text-decoration : none;
    background:none;
}

a:hover {
    color : #444;
    text-decoration : none;
    background:none;
}

h1 {
    color : #222;
    margin: 0px 0px 5px 0px;
    padding-bottom : 7px;
    font : normal 17px Georgia, serif;
    border-bottom : 1px solid #efece7;
}

h2 {
    color : #222;
    margin : 0px 0px 5px 0px;
    padding-bottom : 5px;
    font : normal 12px Georgia, serif;
    /*border-bottom : 1px solid #efece7;*/
}

h3 {
    color : #222;
    margin : 10px 0;
    padding-bottom : 10px;
    font : normal 12px Arial, Helvetica, sans-serif;
    /*border-bottom : 1px solid #efece7;*/
}

h4 {
    color : #222;
    margin: 0px 0px 10px 0px;
    padding-bottom : 10px;
    font : normal 10px Georgia, serif;
    border-bottom : 1px solid #efece7;
}


ul {
    padding:0;
    margin:0 0 0 17px;
    list-style: square url(images/bullet.gif);
}

.box {
    background : #f7f7f7;
    border : 1px solid #f0e9eb;
    padding : 15px;
}

.image-frame {
    background: #fff;
    border: 1px solid #333;
    padding: 2px;
    float: left;
    margin-right: 5px;
}

.icon {
  vertical-align: middle;
}

#wrapper {
    margin : 0 auto;
    width : 1000px;
    border-left : 1px solid #f0e9eb;
    border-right : 1px solid #f0e9eb;
}

#header {
    background : url(../images/headergrunge.jpg) repeat-x;
    margin : 0 1px;
}

#logs {
/*     float: right; */
/*     padding : 25px 20px 5px 10px; */
}

#nav {
/*     float: left; */
    border-bottom: 1px dotted #666;
    padding : 35px 20px 15px 10px;
    font-weight: bold;
    text-align : left;
    color : #AA0000;
}

#nav a:visited, #nav a:link {
    text-decoration : none;
    font-weight: bold;
    /*text-transform: uppercase;*/
    padding: 0px 10px 0px 2px;
    color : #AA0000;
}

#nav a:hover {
    text-decoration : underline;
    font-weight: bold;
    /*background: #ccc;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
    padding: 2px 10px;*/
    /*text-transform: uppercase;*/
}

#main-content {
    margin : 0 auto;
}

#logo {
    clear: both;
    padding: 10px 0 0 10px;
    height : 120px;
    vertical-align:middle;
    /*
    border-style : solid;
    border-width : 1px;
    border-color: Black;
    */
/*     border-bottom: 1px dotted #ccc; */
    /*background : url(images/bg.gif) repeat-x;*/
    /*margin-bottom : 10px;*/
}

.logotxt1 {
    font : normal 18px Georgia, serif;
    color : #fa7393;
    margin : 10px 0 0 15px;
}

.logotxt2 {
    font : normal 18px Georgia, serif;
    color : #7a2e40;
}

.link-box {
    background:#F9F9F9;
    border-bottom:1px dotted #CCCCCC;
    /*border-top:1px dotted #CCCCCC;*/
    padding: 5px;
    margin-bottom: 10px;
}


.left-column {
    width : 160px;
    padding : 10px 0px 5px 10px;
    float : left;
}

.center-column {
    width : 620px;
    padding : 10px 10px 10px 10px;
    float : left;
}

.center-column h1 {
    color : #222;
    padding-bottom : 10px;
    /*font : normal 17px Georgia, serif;*/
    border-bottom : 1px solid #efece7;
}

.center-column #article {
    background : url(images/hole.jpg) right bottom no-repeat;
    padding: 10px 0 10px 0;
    border-bottom: 1px dotted #ccc;
    /*border-top: 1px dotted #ccc;*/
}

.center-column #articles {
    margin-top: 10px;
}

.center-column #short-article {
    float: left;
    width: 195px;
    margin: 0px 10px 10px 0px;
}

.center-column  #articles-list {
    background: #F9F9F9;
    clear: both;
    border-bottom: 1px dotted #ccc;
    /*border-top: 1px dotted #ccc;  */
    padding: 5px;
}

.right-column {
    width : 170px;
    padding : 10px 5px 5px 5px;
    margin-right: 5px;
    float : right;
    /*border-top: 1px dotted #ccc;*/
    border-bottom: 1px dotted #ccc;
}

.crd a:visited, .crd a:link, .crd a:hover{
    text-decoration : none;
    color : #2a3845;
    cursor: text;
}

#footer 
{
	/*
	background : url(../images/headergrunge2.jpg) repeat-x;
    margin : 0 1px;
    */
    background : #f7f7f7;
    border-top : 1px solid #f0e9eb;
    padding : 10px 15px;
    clear : both;
}
#footer_img
{
	background : url(../images/headergrunge2.jpg) repeat-x;
    margin : 0 1px;
}


#main-image {
    text-align : center;
}

.sidebar {
    width : 170px;
    margin : 0 auto;
    background : url(../images/shadow.jpg) no-repeat top;
}