/*  
Theme Name: SaraD 
Theme URI: http://saradepaola.com/
Description: Default Sara theme
Version: 2.0
Author: Nick Gehring
Author URI: http://nickgehring.com/


*/



/* Basics */




body {
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
background-image: url(images/back.jpg);
background-repeat: repeat-x;
background-color: #D9D9D9;
}

/* layout */
#container {
background-color: #fff !important;
width: 1000px;

}





.left {
float: left;
width: 198px;
text-align: left;
padding: 0 15px 10px 30px;
font-size: 14px;
background-color: #fff;
}

#middle {
float: left;
width: 442px;

padding: 30px 0 0 40px;

}

img  {
border: 0;
}


.featuredframe {

width: 400px;
height: 15px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

.featured {

color: #fff;
padding:  3px 3px 3px 8px;
margin: 0;
width: 389px;
text-transform: uppercase;
}

#right {
float: left;
width: 255px;

padding: 0 0 10px 0;
margin-left: 15px;

background-color: #fff;
}

.colhead {
background-image: url(images/colhead.jpg);
background-repeat: no-repeat;
padding: 3px 0 0 0;
height: 39px;
width: 198px;
color: #fff;
font-size: 18px;
text-align: center;
}

.rightcolhead {
background-image: url(images/rightcolhead.jpg);
background-repeat: no-repeat;
padding: 3px 0 0 0;
height: 39px;
width: 225px;
color: #fff;
font-size: 18px;
text-align: center;
}

.rightcolhead a:link, .rightcolhead a:visited {
color: #fff;
}

.rssfeed a:link, .rssfeed a:visited {
color: #fff;
}

#footer {
clear: both;

width: 1000px;

padding: 10px 0 15px 0;
margin: 10px 0 0 0;
font-size: 12px;
color: #000;
font-weight: normal;
text-align: center;
border-top: 10px solid #15C8E8;
background-color: #fff;
}

.vcard, .org, .adr, .street-address, .locality, .region, .postal-code, .tel {
display: inline;
}



/* Header */
#header {
background-image: url(images/header3.jpg);
width: 100%;
height: 262px;

}

#headertitle {
text-indent: -9999px;
padding: 0;
margin: 0;
display: block;
height: 75px;
width: 300px;
}

#header a {
display: block;
width: 300px;
height: 100px;
}


#description {
float: right;
font-size: 26px;
padding: 55px 37px 0 0;
}


/* Left briefs */

.rssfeed {
background-image: url(http://www.saradepaola.com/wp-content/themes/sarad/images/leftcolhead.jpg); 
width: 198px;
height: 35px;
padding: 4px 0 0 0;

background-repeat: no-repeat;

color: #fff;
font-size: 18px;
text-align: center;

}

.rssfeed a:link {
color: #fff;
font-size: 18px;

text-decoration: none;
}

.rssfeed a:visited {
color: #fff;
font-size: 18px;


text-decoration: none;
}




.briefs {
padding: 10px 0 0 0;
text-align: left;
}

.post {
padding: 0 0 10px 0;
}


.left p {
margin: 0;
padding: 0;
width: 198px;
}



/* Links */
a:link {
color: #cc3653;
text-decoration: none;
}

a:visited {
color: #8c283b;
text-decoration: none;
}

a:hover {
color: #9d2c43;
text-decoration: underline;
}

a:active {
color: #cc3653;
text-decoration: none;
}


/* Navigation */
.nav {
font-size: 13px;
}


.nav a:link {
text-decoration: none;
color: #333;
border-bottom: 3px dashed #ccc;
margin: 0;
padding: 10px 0 10px 0;
width: 225px;
display: block;
}

.nav a:visited {
color: #333;
border-bottom: 3px dashed #ccc;
margin: 0;
padding: 10px 0 10px 0;
width: 225px;
display: block;
}

.nav a:hover {
color: #15C8E8;
border-bottom: 3px dashed #ccc;
margin: 0;
padding: 10px 0 10px 0;
width: 225px;
display: block;
text-decoration: underline;
}

.nav a:active {
color: #15C8E8;
border-bottom: 3px dashed #ccc;
margin: 0;
padding: 10px 0 10px 0;
width: 225px;
display: block;
}

.lastposts a:link {
margin: 0 0 7px 0;
display: block;
}


/* Search */
#searcharea {

padding: 10px 0 0 0;
margin: 0;
}

/* Page */

#contentpage {
width: 690px;
float: left;
padding: 24px 22px 30px 30px;
}

/* archives */

#contentarchives {
width: 690px;
float: left;
padding: 24px 22px 30px 30px;
}

#contentarchives li {
margin: 0 0 7px 0;

}


/* Single post */

#contentsingle {
width: 690px;
float: left;
padding: 25px 18px 0 30px;
}



#singlenav {
width: 198px;
float: left;
padding: 0 0 20px 0;
}

#singlenav li {

list-style-type: none;
list-style-position: outside;
padding: 0;
margin: 0 0 7px 0; 
}

#singlenav ul {
list-style-type: none;

list-style-position: outside;
padding: 0;
margin: 0;
}


.colhead a:link {
color: #fff;
font-size: 18px;

text-decoration: none;
}

.colhead a:visited {
color: #fff;
font-size: 18px;


text-decoration: none;
}


.postinfo {
border-bottom: 1px dashed #ccc;

padding: 0 0 5px 0;
margin: 0 0 5px 0;
width: 650px;
}

.datefront {
font-weight: bold;
font-size: 14px;
}

.date {
color: #333;
width: 0;
display: inline;
font-size: 11px;
}

.head  {
padding: 0 0 10px 0;
margin: 0;
display: inline;
color: #CD3655;
font-size: 28px;
}

.entry {

padding: 0 0 10px 0;
width: 650px;
}

.entry p {

padding: 0 0 10px 0;
}

.entry h3 {
padding: 5px 0 0 0;
text-decoration: underline;
width: 300px;
}

/* comments */

#comments {
width: 640px;

margin: 0 0 10px 0;

}

#comments h3 {
color: #14C8E7;
border-bottom: 1px solid #14C8E7;
}


#comments textarea {
border: 1px dashed #ccc;
background-color: #f0f0f0;
margin: 10px 0 10px 0;
width: 650px;
}

#comments textarea:focus {
background-color: #FFDEE6;
}



#url {
background-color: #f0f0f0 !important;
border: 1px dashed #ccc;
margin: 10px 0 0 0;
}

#url input:focus {
background-color: #FFDEE6;
}

#email {
background-color: #f0f0f0 !important;
border: 1px dashed #ccc;
margin: 10px 0 0 0;
}


#author {
background-color: #f0f0f0 !important;
border: 1px dashed #ccc;
margin: 10px 0 0 0;
}



submitc#commentform input {
margin: 10px 0 0 0;
padding: 3px;
border: 1px solid #fff;
color: #fff;
background-color: #cc3653;


}



.submitf {
margin: 10px 0 0 0;
padding: 3px;
border: 1px solid #fff;
color: #fff;
background-color: #cc3653;

}

#email input {
background-color: #f0f0f0;
border: 1px dashed #ccc;
}

.commentlist {
list-style: none;
margin: 10px 0 10px 0;
background-color: #FFFBDB;
padding: 10px;
}

.commentlist li {

padding: 0 0 10px 0;
}

#respond {
background-image: url(images/colhead.jpg);
background-repeat: no-repeat;
padding: 3px 0 0 0;
height: 39px;
width: 198px;
color: #fff;
font-size: 18px;
text-align: center;
}

#avatar {
background-image: url(images/avatar.jpg);
background-repeat: no-repeat;
float: left;
width: 50px;
height: 48px;
padding: 0 5px 0 0;
border: 3px #000;
}

/* Images */

.imagenav {
width: 350px;

}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/* Right col */

.badge img {
border: none;
}

.badge {
padding: 15px 0 0 0;
}

/* Contact */
.contactform {
color: #000;
font-size: 10px;
text-transform: uppercase;
width: 600px;
margin: 20px 0 0 0;
}

input {
border: 1px dashed #ccc;
background-color: #f0f0f0;
}

input[type="submit"] {
border: 1px solid #000;
background-color: #ccc;
}

input:focus {
background-color: #FFDEE6;
}

.contactleft {
margin: 7px 0 0 0;
}

.contactright {

}



#wpcf_msg {
width: 400px;
border: 1px dashed #ccc;

background-color: #f0f0f0;
margin-bottom: 10px;
}

#wpcf_msg:focus {
background-color: #FFDEE6;
}



#contactsubmit {
background-color: #ccc;
display: inline-block;
    border: 2px outset ButtonFace;
    background-color: ButtonFace;
    color: ButtonText;
    padding: 2px 2px 2px 2px;
    cursor: default 

}

textarea {
border: 1px dashed #ccc;
background-color: #f0f0f0;
width: 410px;
}

textarea:focus {
background-color: #FFDEE6;
}

/* Pagination */
#pagination {




}

#pagination a, #pagination a:link, #pagination a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;

	color: #cc3653;

}
#pagination a:hover {	

	color: #9d2c43;

	text-decoration: underline;
}
#pagination span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;

	background-color: #FFFFFF;
}
#pagination span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;

	color: #9d2c43;

}
#pagination span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	

	color: #000000;
	background-color: #FFFFFF;
}

/* Gallery */

.gallery {
margin: auto;
}
			
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;		
}

.gallery-caption {
text-align: left;
width: 145px;
margin-left: 0;
}

.gallery img {
border: 2px solid #cfcfcf;
}


.gallery-icon {
width: 145px;
}

/* special offer */

.special-message {
padding: 0 15px 20px 15px;
display: block;
width: 950px;
background-color: #fff;
border: 1px solid #ccc;
position: fixed;
bottom: 15px;
left: 10px;
box-shadow: 5px 5px 5px #ccc;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;


}

#close-special-message {
position: absolute;
top: 7px;
left: 10px;
background-color: #cc3653;
color: white;
padding: 0 7px;
font-size: 12px;
cursor: pointer;
}

#call-to-action {
text-transform: uppercase;
position: absolute;
bottom: 17px;
right: 15px;
}

#call-to-action a:link, #call-to-action a:visited, #call-to-action a:hover, #call-to-action a:active {
text-decoration: none;
-moz-border-radius: 7px;
-webkit-border-radius: 10px;
color: #fff;
background-color: #cc3653;
background: -webkit-gradient(linear, left top, left bottom, from(#cc3653), to(#93263b)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #cc3653,  #93263b); /* for firefox 3.6+ */

padding: 10px;
}