/*
Theme Name: Donia Red
Author: Donia
Author URI: http://www.donia.it/

*/


body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url('images/bg.jpg') repeat-x;
	color: #ffffff;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0;
	background-repeat: repeat-x;
	}
a, a:visited, a:active {
	color: #FF0000;
	text-decoration: none;
	}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}	

#page {
	width: 760px;
	text-align: left;
	margin-top: 0;
	border: 0;
    padding: 0;
	margin-left: auto;
    margin-right: auto;

	}

#header {
	background: #000000 url('images/header.jpg') no-repeat bottom center;
	width: 760px;
	height: 174px;
	margin: 0 0 0 0px;
	padding: 0;
	text-align: center;
	}

#frame {
	background: #000000 url('images/content.jpg') no-repeat top center;
	width: 760px;
	height: 441px;
    margin: 0 0 0 0px;
	padding: 0;
	}
#frame2 {
	
	width: 695px;
	height: 441px;
	margin-left: auto;
    margin-right: auto;
	}	
		
	
#footer{
    background: #000000;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	clear: both;
	height: 100px;
	}
	

	
#grass{
	width: 100%;
	height: 123px;
	background: url('images/grass.jpg');
}
	
	
#best {

	background: url('images/best.gif') no-repeat top right;
	width: 150px;
	height:150px;
	position: absolute;
	top:0;
	right: 0;
	}

	
#quote {
	margin: 0;
	padding: 20px 0 0 180px;
	width: 510px;
	font-style: oblique;	
	}
	
#flag {
	margin: 0;	padding: 120px 40px 0 0;
	text-align: right;
	
	}	
#flag ul li{
	list-style-type: none;
	display: inline;
	padding-left: 0;
	margin-left: 0;
}

#copyright {
	padding: 2px 0 0 100px;
	text-align: center;
font-family:verdana, tahoma, arial; 
font-style:normal; 
font-size:9px;
color: #656565;
}

#copyright a:link { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #603f3d; text-decoration: none;}
#copyright a:visited { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #603f3d; text-decoration: none; }
#copyright a:active { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #603f3d; text-decoration: none;  }
#copyright a:hover { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; color: #603f3d; text-decoration: none;font-weight: bold;  }

/* Begin Sidebar */
#sidebar
{
	width: 215px;
	text-align: center;
	position: relative;
	float: left;
	margin-left: 13px;
	margin-top: 36px;
	}

#sidebar form {
	margin: 0;
	}
	

#sidebar h2 {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	
	}		
#sidebar ul {
width: 100%;
margin: 0px 0px;
padding: 0;
list-style-type: none;
display: block;

}


#sidebar ul ul a {
    display: block;
	padding-bottom: 2px;
padding-top: 2px;
	text-decoration: none;
	color: #f0f1e6;
}


#sidebar ul ul li a{
text-align: left;padding-left: 0;
	padding-bottom: 2px;
padding-top: 2px;
	border-bottom: 1px solid #000000;
	font-variant: small-caps;
	font-weight: bold;
	
}


#sidebar ul ul ul li a{
	padding-bottom: 0px;
	border-bottom: 1px dashed #870a0a;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	font-variant: normal;
	font-weight: normal;
	
}

#sidebar ul ul ul li a:hover{
	padding-bottom: 0px;
	border-bottom: 1px dashed #870a0a;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
font-variant: normal;
	color: #990000;
	background-color: #FFFFFF;
}

#sidebar ul ul ul ul li{
	padding-bottom: 0px;
	visibility: hidden;
	display: none;

}



/* End Sidebar */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 9px;

	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}


/* End Form Elements */



/* Begin Content */
#content {
	float: left;
	margin-left: 11px;
	width: 450px;
	height: 450px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: -20px;
	padding-right: 4px;	
	border-bottom: 1px solid #000000;
	}
.post h2	{
	margin: 0 0 0 0;
	text-align: justify;
	color: #FF0000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 2px;
	}
.entry	{
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 2px dotted #929292;
	padding: 4px;	
	}	
#entry td	{
	
padding: 5px;
	}	
	
.main_date {
	float: left;
	text-align: center;
	font-weight: bold;
    width:50px;
	height:40px;
    margin: 2px 2px 2px 4px;
	padding: 2px;
	background: transparent url(images/date.jpg) no-repeat;
}
.day {
	
	color: #000;
	padding-top:7px;
	padding-right: 6px;
	margin:0;
	font-size: 15px;
}
.month {
	font-size:14px; 
	
	color: #fff; 
	margin-top: 5px;
	padding-right: 6px; 
	padding:0;	
}

.post {
	margin: 0 0 0 0;
	text-align: justify;
	font-size: 12px;

	}
#post {
	
	font-size: 12px;

	}	

.post hr {
	display: block;
	}



.postmetadata {
	clear: left;
	font-size: 10px;
}

.clear {
	clear: both;
}
/* End Content */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
.alt {
	background-color: #000000;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}	

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}



.commentlist li, #commentform input, #commentform textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	background-color: #000000;
	}

#commentform textarea {
	width: 95%;
	padding: 2px;
	background-color: #000000;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}	
		
/* End Comments */



.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	font-size: 10px;	
	}


/* End Entry Lists */






small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}






code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}



/* End Typography & Colors */






/* 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 */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 9px;
	height: 30px;
	}
/* End Various Tags & Classes*/

input {
	border: 0px;
	margin: 2px;
	padding: 0px;
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #a7a7a7;
	
	font-size: x-small;
}

input#author,input#email,input#url,textarea#comment  {

border: 1px solid #a7a7a7;
padding: 3px;
color: #FFFFFF;
}
textarea
{
	
	background-color: #000000;
	color: #FFFFFF;
	border: 1px solid #a7a7a7;

}


#s
{
	font-size: x-small;
	width: 90px;
}


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	width: 200px;
	border: 1px dotted #000000;
	margin-left: 5px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}



#wp-calendar td {
	padding: 1px;
	text-align: center;
	border: 1px dotted #000000;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

	
#wp-calendar caption {
	text-align: center;
	width: 100%;
	font-variant: small-caps;
	font-size: 12px;
	}	

#wp-calendar th {
     padding: 3px 0;
	font-style: normal;
	text-transform: capitalize;
	border: 1px solid #000000;
	background: #000000 url('images/calend.jpg') no-repeat top center;
	}	
/* End Calendar */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*
Your custom scrollbar images do not need to have the same size as in example images, but the 
placement of the images with respect to eachother in the image may play an important role
as some elements are auto-sized by fleXcroll. You do not need to define images for
all elements, you may want to have some transparency, or simply a filled color without
using an image. The example images in this archive is optimized for the least number of http calls,
only 2 images are needed for full operation, but you may have separate images
for each element or make different group combinations in the images, or simply have a color
defined for horizontal scrollbar and horizontal scrollbase, and get away with a single image
for vertical bar if you will only use vertical scrollbars.
*/


/* Basic styling with no images starts here */

/* IMPORTANT:
Note that, even if you are not expecting to use horizontal scrollbars,
you should at least define colors for it, e.g. you never know what font size
your users will force on the page
*/

/* .scrollgeneric is required for proper scrollbar display,
not for user customization, and is mandatory*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
width: 15px;
background-color: white;
}

.vscrollerbar {
width: 15px;
background-color: black;
}

.hscrollerbase {
/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
height: 15px;
background-color: white;
}

.hscrollerbar {
height: 15px;
background-color: black;
}

/* basic style ends here, this was actually all that is required to run fleXcroll,
albeit without images, my advice is to have this basic style and build the rest
on top of this. */


/* styles for scrollbar images start here */

.hscrollerbar {
/* Main body of horizontal scrollbar */
background:  url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background:  url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 10px;

/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
height: 15px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}

.hscrollerbarbeg {
/* Left image holder for horizontal scrollbar */
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
/* Width of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
width: 15px !important;
}

.hscrollerbarend {
/* Right image holder for horizontal scrollbar */
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}


/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

.hscrollerbase {
/* Horziontal scrollbar's base body */ 
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}

.hscrollerbasebeg {
/* Horizontal scrollbar's left-cap */
/* This may be used for holding the left arrow */
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
/* width of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
width: 15px !important; /* Safari BG repeat fix */
}

.hscrollerbaseend {
/* Horizontal scrollbar's right-cap */
/* This may be used for holding the right arrow */
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}

.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}

/* Scroll Bar Master Styling Ends Here */
#pixopoint_menu_wrapper1{
	width:760px;
	text-align: center;
	
    }
#pixopoint_menu1
{
	width:580px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	z-index:1000;
    }	

#suckerfishnav {
	
	font-size:11px;
	font-family:verdana,sans-serif;
	font-weight:bold;
	width:100%;
	font-variant: small-caps;
	letter-spacing: 2px;
	z-index:1000;
    }
#suckerfishnav, #suckerfishnav ul {
    
    list-style:none;
    line-height:30px;
    padding:0;
    border-top:4px solid #530706;
    margin:0;
    width:100%;
	font-variant: small-caps;
	letter-spacing: 2px;
	z-index:1000;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0 10px 0 10px;
	margin:0;
	
    }
#suckerfishnav li {
    float:left;
    padding:0;
	
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:150px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
	
    }
#suckerfishnav li li {
	width:150px;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	font-weight:bold;
	font-family:verdana,sans-serif;
	text-align: center;
	
	
    }
#suckerfishnav li li a {
    padding:4px 0 4px 0;
    width:150px;
    font-size:11px;
    color:#dddddd;
	
    }
#suckerfishnav li ul ul{
	margin-top:-30px;
	margin-bottom:0;
	margin-left:100px;
	z-index:1000;
	

    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#530706;

   
    }
#suckerfishnav .current_page_parent, #suckerfishnav .current_page_ancestor, #suckerfishnav .current-cat-parent {
    background:#530706;

   
    }
#suckerfishnav .current-cat, #suckerfishnav .current_page_item {
     background:#530706;
 
    }
	
#suckerfishnav li li:hover {
    background:#530706;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#000000;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#911110;
    }