/*
Theme Name: Blue Grace
Theme URI: http://www.prelovac.com/vladimir/wordpress-themes/blue-grace
Description: Blue Grace is a lightweight Wordpress theme.
Version: 1.0
Author: Vladimir Prelovac
Author URI: http://www.prelovac.com/vladimir/
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/
body  {
background : #fff;
color : #333;
font-family : Georgia, Verdana, "Times New Roman", Times, serif;
font-size : 72.5%;
line-height : 1.4;
text-align : left;
margin : 0;
padding : 0;
}
table {
font-size : 95%;
font-family : 'Lucida Grande', Helvetica, verdana, sans-serif;
background-color : #fff;
border-collapse : collapse;
width : 100%;
line-height : 1.2em;
margin : 0 0 20px 0;
}

#advert {width: 580px;
margin: 15px 0px 10px 0px;
padding: 1px;
border: 1px;
border-color: #cccccc;
border-style: dashed;
}
#advert img {border:1px;
border-color: #ededed;
}


.catimg {
width : 70px;
padding : 5px 5px 5px 5px;
float : left;
}
.catimg img {
width : 70px;
height : 70px;
border : double #eaeaea;
}
#botbanr {
width : 728px;
height : 90px;
margin : 10px 0 10px 0;
}
#botbanr a {
text-decoration : none;
}
#botbanr img {
width : 728px;
height : 90px;
padding : 5px 5px 5px 5px;
}
.clearall {
clear : both;
}
caption {
font-size : 22px;
font-weight : bold;
color : #002084;
text-align : left;
padding : 10px 0;
margin-bottom : 2px;
text-transform : capitalize;
}
thead th {
border-right : 2px solid #fff;
color : #fff;
text-align : center;
padding : 2px;
height : 25px;
background-color : #004080;
}
tfoot {
color : #002084;
padding : 2px;
text-transform : uppercase;
font-size : 1.2em;
margin-top : 6px;
border-top : 6px solid #004080;
border-bottom : 6px solid #004080;
}
tbody tr {
background-color : #fff;
border-bottom : 2px solid #c0c0c0;
}
tbody td {
color : #002084;
padding : 5px;
text-align : left;
}
tbody th {
text-align : left;
padding : 2px;
}
tbody td a, tbody th a {
color : #002084;
text-decoration : underline;
font-weight : normal;
}
tbody td a:hover, tbody th a:hover {
text-decoration : none;
}
#dofollow {
background : url(http://www.devduff.com/images/dofollow.png) no-repeat;
margin : 0;
padding : 0;
width : 185px;
height : 185px;
}
#footer, #container {
background : url(http://extras.devduff.com/images/sprite2.png);
}
#wrap {
position : relative;
padding-top : 1em;
text-align : left;
width : 1004px;
margin : 0 auto;
}
#container {
height : 300px;
background-attachment : scroll;
}
#header {
text-align : left;
width : 1004px;
margin-bottom : 90px;
padding : 40px 0 0;
}
.postedby, .gravatar, .filedto, .commentslink, .entrydate, .search-form, .rss, #print, #rss-big {
background : url(http://extras.devduff.com/images/united2.png) no-repeat;
}
#rss-big {
position : absolute;
top : 123px;
left : 40px;
background-position : -69px -640px;
width : 111px;
height : 67px;
}
#portrait-bg {
position : absolute;
width : 319px;
height : 221px;
right : 0;
top : 0;
}
#slide-images {
position : absolute;
display : block;
margin : 0;
padding : 0;
width : 318px;
height : 221px;
right : 0;
top : 0;
}
#slide-images li {
position : absolute;
display : block;
list-style-type : none;
margin : 0;
padding : 0;
}
#slide-images li img {
display : block;
border : 0;
}
#content {
font-size : 15px;
float : left;
width : 590px;
padding : 0 0 0 1em;
}
#sidebar-left {
background : #f8f8f8;
border : 1px dashed #ccc;
font-size : 1em;
float : left;
margin-left : 20px;
margin-top : 20px;
width : 198px;
padding : 2px 1px 0 11px;
}
#sidebar-right {
font-size : 1em;
float : left;
margin-left : 14px;
margin-top : 15px;
width : 147px;
padding : 1em 0 2em 0.3em;
}
#footer {
background-position : 0% -357px;
background-attachment : scroll;
color : #e6e6e6;
font-size : 1em;
clear : both;
text-align : center;
padding : 1em;
}
.search-form {
font-size : 1.2em;
background-position : -33px -557px;
position : relative;
width : 147px;
height : 44px;
margin-bottom : 10px;
}
.search-form input {
width : 105px;
margin : 13px 0 0 9px;
border : 0;
background : #f9f9f9;
color : #454545;
}
#credits {
margin : 55px 0 -10px;
}
#footer a {
color : #e6e6e6;
}
#footer a:hover {
color : #b2b2b2;
}
.rss {
background-position : -166px -333px;
padding-bottom : 6px;
padding-left : 20px;
}
a {
color : #08476a;
text-decoration : none;
}
h1, h3, h4 {
font-weight : normal;
color : #08476a;
letter-spacing : -0.1px;
margin : 10px 0 0 0;
font-family : georgia, "times new roman";
}
h2 {
font-weight : normal;
color : #08476a;
letter-spacing : -0.1px;
margin : 10px 0 10px 0;
font-family : georgia, "times new roman";
}
#header h1 {
font-size : 4em;
margin-left : 0.5em;
}
#header h1 a {
color : #424242;
}
#header p {
color : #424242;
font-size : 16px;
margin-top : -0.9em;
margin-left : 250px;
text-align : left;
font-style : italic;
}
.entrytitle {
text-align : left;
}
.entrytitle {
text-align : left;
}
.entrytitle h1 a {
color : #08476a;
}
.entrytitle h1 {
font-size : 28px;
text-align : left;
}
.entrytitle h2 a {
color : #08476a;
}
.entrytitle h2 {
font-size : 25px;
text-align : left;
}
.entrytitle h3 {
color : #08476a;
font-size : 23px;
}
#rss-big a {
display : block;
width : 110px;
height : 64px;
}
.btitle {
font-weight : normal;
letter-spacing : -0.1px;
font-size : 4.6em;
font-family : georgia, times New Roman;
font-style : italic;
margin : 0 0 0 0.5em;
}
.posterd {
display : block;
border : 0;
position : absolute;
top : 65px;
left : 400px;
width : 468px;
height : 60px;
}
blockquote {
background : #ebff78 none repeat scroll 0% 0%;
border-bottom : 1px dashed #08476a;
color : #000;
display : block;
padding : 2px 10px;
}
pre {
border : 1px dashed #08476a;
max-width : 580px;
font-size : 0.8em;
color : #08476a;
padding : 10px;
}
code {
font-size : 0.8em;
color : #08476a;
max-width : 580px;
padding : 10px;
}
.entry {
margin-bottom : 0;
text-align : justify;
}
.entry a:hover {
background-color : #f7f7f7;
}
.entry p {
margin : 0;
padding : 0 0 10px;
}
.entry h3 {
font-size : 21px;
padding-bottom : 0.3em;
padding-top : 14px;
}
.entry h4 {
font-size : 17px;
padding-bottom : 0.2em;
padding-top : 10px;
}
.entry img {
max-width : 580px;
margin-left : 5px;
margin-right : 5px;
border : 0;
}
.entrybody {
padding-bottom : 6px;
}
.entrybody a {
color : #cc0000;
}
.entrybody a:hover {
color : #cc0000;
border-bottom : 1px dotted #cc0000;
}
.entry code {
font-size : 1.1em;
text-align : left;
padding : 0.2em;
}
.entrymeta {
padding-top : 0.5em;
color : #6483a6;
border-top : 1px dotted #ccc;
margin-bottom : 1em;
clear : both;
}
.postedby {
background-position : -167px -359px;
padding : 0 3px 3px 20px;
}
.filedto {
background-position : -167px -310px;
padding : 0 3px 3px 20px;
}
.commentslink {
background-position : -166px -613px;
padding : 0 2px 2px 21px;
}
.postinfo {
margin-top : 3px;
}
.postinfo img {
border : 2px solid #f8f8ec;
margin : 0;
padding : 0;
}
.entrydate .dateMonth {
font-size : 10px;
text-align : center;
color : #fff;
margin : 0;
padding : 3px 0 0;
}
.entrydate .dateDay {
font-family : Times New Roman, Helvetica, Sans-Serif;
font-size : 21px;
font-weight : 700;
text-align : center;
color : #888;
margin : 0;
padding : 3px 0 0;
}
.entrydate .dateYear {
font-size : 9px;
padding : 0 0 0 1pt;
}
.entrydate {
background-position : -135px -383px;
float : right;
height : 53px;
margin-left : 5px;
margin-top : 5px;
width : 49px;
}
.entrytitle_wrap {
padding-bottom : 1.8em;
}
.gravatar {
background-color : #fff;
background-position : -132px -822px;
width : 50px;
height : 50px;
color : #fff;
float : left;
margin : 0 15px 0 0;
padding : 2px;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
display : inline;
margin : 0 0 2px 7px;
padding : 4px;
}
img.alignleft {
display : inline;
margin : 0 7px 2px 0;
padding : 4px;
}
.alignleft {
float : left;
}
.aligncenter {
margin-left : auto;
margin-right : auto;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
border : 0 none;
margin : 0;
padding : 0;
}
.wp-caption-dd {
font-size : 11px;
line-height : 17px;
margin : 0;
padding : 0 4px 5px;
}
.socbook, .alignright {
float : right;
}
#sidebar ul {
list-style-type : none;
clear : both;
margin : 0 0 1em;
padding : 0;
font-family : verdana;
}
#sidebar ul li, #sidebar ul li a {
padding-top : 0.2em;
padding-bottom : 0.2em;
padding-right : 0.2em;
}
#sidebar ul li:hover, #sidebar ul li a:hover, #sidebar a:hover {
background : #e8e8e8;
}
#sidebar h2 {
color : #444;
font-size : 1.5em;
margin-top : 1em;
}
#sidebar h4 {
color : #444;
font-size : 1.5em;
padding-top : 5px;
}
#sidebar-left #cat {
width : 195px;
border : 1px solid #ccc;
}
#sidebar-right #cat {
width : 150px;
border : 1px solid #ccc;
}
#sidebar img {
max-width : 140px;
border : 0;
}
#menu {
position : absolute;
width : 620px;
margin : 0;
padding : 0;
}
#menu ul {
font-size : 1.2em;
list-style : none;
margin : 0;
padding : 0;
}
#menu li {
float : left;
border-bottom : 0;
}
#menu li a {
color : #fff;
margin-left : 0.5em;
display : block;
padding : 0.6em 0.6em 0.3em;
}
#menu li a:hover {
background : #7aafcb;
color : #fff;
}
#menu ul li ul {
display : none;
}
#catmenu {
position : absolute;
width : 540px;
left : 160px;
top : 148px;
margin : 0;
padding : 0;
}
#catmenu ul {
font-size : 1.2em;
list-style : none;
margin : 0;
padding : 0;
}
#catmenu li {
float : left;
border-bottom : 0;
}
#catmenu li a {
background : #99bdd7;
color : #000;
margin-left : 0.5em;
display : block;
padding : 6px 10px 5px;
}
#catmenu li.current-cat a {
background : #7aafcb;
color : #fff;
margin-left : 0.5em;
display : block;
padding : 6px 10px 5px;
}
#catmenu li a:hover {
background : #3b6277;
color : #fff;
}
#catmenu ul li ul {
display : none;
}
.commentsblock, contactform {
font-size : 1em;
clear : both;
padding-top : 20px;
}
.commentsblock textarea, .contactform textarea {
width : 44em;
}
.commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea {
border : 1px solid #d1d1d1;
}
.commentauthor {
display : block;
font-size : 1.5em;
}
ol.commentlist {
color : #505247;
font-size : 1em;
list-style-type : none;
margin : 1.5em 0 0;
padding : 0;
}
ol.commentlist a {
color : #6483a6;
}
ol.commentlist a:hover {
color : #424242;
}
.commentlist li {
margin-bottom : 0.5em;
padding : 0.8em;
}
.commentlist p {
text-transform : none;
font-size : 1em;
margin : 10px 5px 10px 59px;
}
.commentlist blockquote p {
margin : 10px 5px;
}
.commentlist blockquote {
margin : 10px 0 10px 59px;
}
.alt {
background : #f5f5f5;
}
.comment_headings {
font-size : 1.3em;
color : #6c6c6c;
}
.commentmeta {
font-size : 1em;
}
.commentmeta cite {
font-weight : 700;
font-size : 16px;
}
.commentsblock textarea:focus, .contactform textarea:focus, .commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus {
background : #eee;
border : 1px solid #a1a1a1;
}
#flickr {
margin : 0 1em 0 0.5em;
padding : 0;
}
#flickr img {
border : 0;
}
#flickr a {
background : #fff;
border : 1px dotted #ccc;
float : left;
display : inline;
margin : 0.7em;
padding : 5px;
width : 75px;
height : 75px;
}
#flickr a:hover {
border : 1px dotted #000;
}
#ad_block {
background : #e3e7cb;
text-align : center;
margin : 1em 0;
padding : 10px 0;
}
#ad_block_middle {
background : #e3e7cb;
text-align : center;
margin : 1em 0 0;
padding : 10px 0;
}
img.left {
float : left;
margin-right : 15px;
margin-bottom : 10px;
}
img.right {
float : right;
margin-left : 15px;
margin-bottom : 10px;
}
.relpost {
padding-bottom : 2px;
border-bottom : 1px dotted #ccc;
color : #6c6c6c;
}
.relpost ul {
list-style-type : none;
padding : 0.01em;
}
.endate {
font-size : 12px;
color : #6f6f6f;
font-family : Georgia, Verdana, Times;
}
#ftnav {
margin : 0 0 5px;
float : none;
}
#print {
background-position : -167px -749px;
padding : 3px 2px 1px 20px;
}
#ftnav .rss {
float : none;
padding : 3px 0 0 20px;
}