/*  
Theme Name: Vertegram
Theme URI: http://www.vetegram.com/
Description: Vertegram theme
Version: 1.0
Author: Attila Borcsa
Author URI: http://www.vetegram.com/
*/



/* Begin Typography & Colors */
body {
font-size: 70%; /* 62.5% Resets 1em to 10px */
font-family: Verdana, Arial, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
height: 100%;
background: #FFFFFF url("images/bg.jpg") repeat-x;
color: #000000;
}

html>body {
margin: 0;
padding: 0;
height: 100%;
}

a { font-weight: normal; text-decoration: none; border-bottom: 1px dotted;}
a:link { color: #0000FF; border-bottom: none; border-bottom: 1px dotted;}
a:active { color: #0000FF; border-bottom: none; border-bottom: 1px dotted;}
a:visited { color: #0000FF; border-bottom: none; border-bottom: 1px dotted;}
a:hover { color: #A00000; border-bottom: 1px dotted #0000FF;}

ul 
{
list-style: url('images/arrow.gif');
}

h1 {
font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
font-size: 20px;
color: #A00000;
}

h2 {
font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
font-size: 16px;
color: #A00000;
}

form {
margin:0;
padding:0;
}

#container {
height:100%;
}








/*col1*/
#col1 {
width: 500px;
float: left;
margin: 0;
padding: 0 0 0 20px;
}
#col1 .head {
height: 77px;
width: 500px;
background: #422021 url("images/h_bg.jpg") repeat-x;
}
#col1 .head h1, .head h2 {
display:none;
}
#logo {
background: #422021 url("images/logo.jpg") no-repeat;
width: 173px;
height: 77px;
position: relative;
float:left;
}
#logo a {
width: 173px;
height: 77px;
position: absolute;
top: 0;
left: 0;
border:0;
}
#slogan {
background: #422021 url("images/slogan.jpg") no-repeat;
width: 192px;
height: 13px;
float:right;
margin: 62px 30px 0 0;
padding: 0;
}

#content h1 a:link { color: #A00000; border-bottom: none;}
#content h1 a:active { color: #A00000; border-bottom: none; }
#content h1 a:visited { color: #A00000; border-bottom: none; }
#content h1 a:hover { color: #0000FF; border-bottom: none;}

#content .stamp a:link { color: #A00000; border-bottom: 1px dotted;}
#content .stamp a:active { color: #A00000; border-bottom: 1px dotted; }
#content .stamp a:visited { color: #A00000; border-bottom: 1px dotted; }
#content .stamp a:hover { color: #0000FF; border-bottom: 1px dotted #0000FF;}

#content {
width: 498px;
float:left;
background: #FFFFFF;
margin: 0;
padding: 20px 0px 35px 0px;
border-top: 0px;
border-right: solid 1px #C7C0AF;
border-bottom: solid 1px #C7C0AF;
border-left: solid 1px #C7C0AF;
}

#content h1 {
margin: 0px 35px 10px 35px;
padding: 0; /*--if ad is active--*/
/*padding: 35px 35px 0 35px;*/
font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-weight: none,
color: #A00000;
}

#content h3 {
float: left;
width: 234px;
margin: 5px 10px 0px 0px;
padding: 10px 0px 10px 0px;
font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: italic;
color: #A00000;
text-align: center;
/*background: #F1EDD8;*/
}

.stamp {
color: #a00000;
margin: 0px 35px 1px 35px;
padding: 0;
}
.stamp a:link { color: #A00000; border-bottom: 1px dotted;}
.stamp a:active { color: #A00000; border-bottom: 1px dotted; }
.stamp a:visited { color: #A00000; border-bottom: 1px dotted; }
.stamp a:hover { color: #0000FF; border-bottom: 1px dotted #0000FF;}

#content .text {
background: #FFFFFF;
margin: 10px 35px 30px 35px;
padding: 0px 0px 0px 0px;
line-height: 12pt;
}
#content .text img {
margin: 4px 10px 2px 0;
padding: 1px;
border: solid 1px #C7C0AF;
float: left;
}

#content .addto {
color: #a00000;
margin: 0;
padding: 0px 0px 0px 35px;
}

#content .subscribe {
color: #a00000;
font-weight: bold;
margin: 0px 35px 20px 35px;
padding: 0;
}
#content .subscribe a {
font-weight: bold;
}

#content .related {
color: #a00000;
margin: 20px 35px 20px 35px;
padding: 20px 20px 20px 20px;
border: 1px solid;
background: #F1EDD8;
font-weight: bold;
line-height: 14pt;
}
#content .ad0 {
background: #FFFFFF;
margin: 0px 14px 16px 14px;
padding: 0px 0px 0px 0px;
height: 15px;
width: 468px;
border-bottom: 1px solid #A00000;
}
#content .ad1 {
color: #a00000;
height: 280px;
width: 336px;
margin: 20px 35px 20px 35px;
padding: 0px 0px 0px 0px;
border: 1px dotted;
}

#commented {
margin: 0px 35px 0px 0px;
padding: 0;
}
#commented .who {
margin: 0px 0px 0px 0px;
color: #A00000;
}
#commented .who a {
font-weight: bold;
}
#commented .leaveacomment {
margin: 0px 0px 0px 35px;
padding: 0px 0px 0px 0px;
}
#commented ol {
margin: 0px 0px 0px 55px;
padding: 0px 0px 0px 0px;
}
#commented li {
border-bottom: 1px dotted #A00000;
margin: 0px 0px 35px 0px;
padding: 0px 0px 10px 0px;
}

#commentform {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}





/*col2*/
#col2 {
background-color: #F1EDD8;
width: 200px;
float: left;
margin: 0 0 0 20px;
padding: 0 0 0 0;
}

#col2 .head {
background-color: #422021;
height: 150px;
margin: 0 0 0 0;
padding: 0 0 0 10px;
color: #fff;
}
#col2 .head h1 {
display:none;
}
#col2 .head h2 {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: normal;
display:inline;
}
#col2 .head ul {
list-style:none;
list-style-image:none;
margin: 0 0 0 0;
padding: 0px 0 1px 0;
}
#col2 .head li {
margin: 0 0 0 0;
padding: 5px 0 0 0;
}
#col2 .head img {
padding: 0px 15px 0px 0;
}
#col2 .head a:link { color: #fff; border-bottom: 1px dotted #8F4547;}
#col2 .head a:active { color: #fff; border-bottom: 1px dotted #8F4547;}
#col2 .head a:visited { color: #fff; border-bottom: 1px dotted #8F4547;}
#col2 .head a:hover { color: #D19FA0; border-bottom: 1px dotted #fff;}

#col2 .head .nr {
color: #99484A;
}

#col2 #sidebar {
margin: 0 0 0 0;
padding: 10px 20px 10px 20px;
color: #A00000;
line-height: 14pt;
}
#col2 #sidebar img {
margin: 0 0 0 0;
padding: 0px 5px 0px 5px;
}

#col2 #sidebar ul a:link { color: #A00000; border-bottom: none;}
#col2 #sidebar ul a:active { color: #A00000; border-bottom: none; }
#col2 #sidebar ul a:visited { color: #A00000; border-bottom: none; }
#col2 #sidebar ul a:hover { color: #0000FF; border-bottom: 1px dotted #0000FF;}

#col2 #sidebar h2 {
font-size:13px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #422021;
margin:0;
padding:14px 0 2px 0;
}
#col2 #sidebar h2 a {font-size: 9px; font-weight: normal; text-decoration: none;}

#col2 #sidebar ul {
margin:0;
padding:0 0 0 16px;
}

#col2 #sidebar #searchform #s {
width:100px;
padding:0;
}
#col2 #sidebar #searchsubmit {
padding:0px 0px 0px 0px;
}

#col2 #sidebar .stamp {
color: #a00000;
margin: 0;
padding: 0px 0px 0px 0px;
}








/*col3*/
#col3 {
/*background-color: #F1EDD8;*/
/*width: 200px;*/
float: left;
margin: 0 0 0 20px;
padding: 0 0 0 0;
}

#col3 .head {
/*background-color: #422021;*/
/*width: 200px;*/
height: 150px;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #fff;
}
#col3 .head h1 {
display:none;
}
#col3 .head h2 {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: normal;
display:inline;
}
#col3 .head ul {
list-style:none;
list-style-image:none;
margin: 0 0 0 0;
padding: 0px 0 1px 0;
}
#col3 .head li {
margin: 0 0 0 0;
padding: 6px 0 0 0;
}
#col3 .head img {
padding: 0 15px 0 0;
}
#col3 .head a:link { color: #fff; border-bottom: 1px dotted #8F4547;}
#col3 .head a:active { color: #fff; border-bottom: 1px dotted #8F4547;}
#col3 .head a:visited { color: #fff; border-bottom: 1px dotted #8F4547;}
#col3 .head a:hover { color: #D19FA0; border-bottom: 1px dotted #fff;}

#col3 #sidebar {
width: 200px;
margin: 0 0 0 0;
padding: 10px 20px 10px 0px;
color: #A00000;
line-height: 14pt;
}
#col3 #sidebar img {
border: 0;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
}

#col3 #sidebar p a {
border: none;
}

#col3 #sidebar ul a:link { color: #0000FF; border-bottom: none;}
#col3 #sidebar ul a:active { color: #0000FF; border-bottom: none; }
#col3 #sidebar ul a:visited { color: #0000FF; border-bottom: none; }
#col3 #sidebar ul a:hover { color: #A00000; border-bottom: none;}

#col3 #sidebar h3 {
font-size:13px;
font-weight: bold;
color: #422021;
margin:0;
padding:14px 0 2px 0;
}
#col3 #sidebar h3 a {font-size: 9px; font-weight: normal; text-decoration: none;}

#col3 #sidebar ul {
list-style: none;
margin:0;
padding:0 0 0 0px;
}

#col3 #sidebar .stamp {
color: #a00000;
margin: 0;
padding: 0px 0px 0px 0px;
}






/*footer*/
#footer {
background-color: #422021;
clear: both;
height: 25px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 10px 0 0 25px;
}







/*------*/
.navigation {
display: block;
text-align: center;
height: 30px;
margin: 20px 35px 0px 35px;
padding: 0px 0px 0px 0px;
}
.alignright {
float: right;
}

.alignleft {
float: left
}

.line {
background: #FFFFFF;
margin: 0px 35px 20px 35px;
padding: 0px 0px 0px 0px;
border-bottom: 1px dotted #A00000;
}

.clear {
clear:both;
height:25px;
}

.sharethis {
color: #a00000;
font-weight: bold;
margin: 0px 35px 20px 35px;
padding: 0;
}
.sharethis a {
font-weight: bold;
border-bottom: 0;
}