/*  
Theme Name: Illacrimo
Theme URI: http://wp-themes.designdisease.com/illacrimo/
Description: Designed by <a href="http://www.designdisease.com">Elena G.</a>.
Version: 1.1
Author: Design Disease
Author URI: http://wp-themes.designdisease.com/
*/


body { background: #fff; font-family: 'trebuchet ms',arial,verdana,sans-serif; font-size: 95%; font-size-adjust:none;
font-style:normal; font-variant:normal; font-weight:normal; padding: 0px; margin: 0px; color:#35383d;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #095570; border: 0px; -moz-outline-style: none;}
a:visited:hover { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #003399; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:15px;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 90%;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 90%;}
select { font-family: 'Verdana'; color: #282b31; font-size: 90%;}

/* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.BGC { width: 1000px; margin: 0 auto; padding: 0px; position: relative; }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/**/ * html .Header { height: 98px;} /* */ 
.Header { background: #fff; width: 1000px; position: relative; clear: left; padding: 0px; min-height:98px;}

.Header h1 { font-size: 300%; line-height: 1; letter-spacing: -1px; padding: 17px 5px 0px 100px; margin: 0px; font-weight: bold;}
.Header h1 a { color:#000000; text-decoration: none; }
.Header h1 a:visited { color:#000000; text-decoration: none; }
.Header h1 a:hover { color:#000000; text-decoration: none; }
.Header .Desc { color:#000000; font-size: 110%; line-height: 1.2; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 100px;}
.Header .LS { position: absolute; top: 12px; right: 30px; width: 150px; height: 70px;}

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu { background: #004460; width: 1000px; position: relative; float: left; height: 35px;}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 10px 0px 0px 100px;}
.Menu ul li ul { display: none;}
.Menu li { padding: 0px; margin: 0px; display: inline; }
.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; float: left;}
.Menu a span { padding: 6px 9px 6px 6px; display: block; float: right; }
.Menu a span { float: none; color: #FFF;}
.Menu a:hover span { color: #FFF;}
.Menu a:hover { background: #fff; border-top-left-radius:5px 5px; border-top-right-radius: 5px 5px; color:#003399; text-decoration: none;}
.Menu a:hover span { color:#003399;}
.Menu .on { background: #fff; color:#003399; border-top-left-radius:5px 5px; border-top-right-radius: 5px 5px;}
.Menu .on span { color:#003399; }

.MTL { position: absolute; top: 0px; left: 0px; background: url(images/MTL.gif) no-repeat left top; height: 8px; width: 8px;}
.MTR { position: absolute; top: 0px; right: 0px; background: url(images/MTR.gif) no-repeat left top; height: 8px; width: 8px;}

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { background: #fff repeat-y center; width: 1000px; float: left; position: relative; padding: 0px}

.CON2 { background: #fff repeat-y center; width: 1000px; float: left; position: relative; padding: 0px}

/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS { width: 420px; float: left; padding: 15px 30px 15px 100px; overflow: hidden;}
.SCS h1 { font-size: 160%; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; }
.SCS h2 { font-size: 120%; font-weight: normal; }
.SCS h3 { font-size: 110%; font-weight: bold; }

.SCS p { font-size: 95%; line-height: 1.5;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 90%; line-height: 1.4; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { font-size: 90%; padding: 5px 0px; margin: 5px 0px; line-height: 1.3;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 90%; line-height: 1.3; color:#336699; }
.SCS blockquote a { color:#0080ca; }
.SCS blockquote a:visited { color:#0080ca; }
.SCS blockquote a:hover { color:#003399; }
.SCS a { text-decoration: underline;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 420px; float: left; padding: 15px 30px 15px 100px; overflow: hidden;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 160%; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 15px;}

.SC2 { width: 570px; float: left; padding: 15px 30px 15px 100px; }
.SC2 h2 { font-weight: normal;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 0px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; padding-bottom: 10px; border-bottom:1px dotted #000;}
.PostHead h1 { font-size: 180%; line-height: 1.2; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#005673;}
.PostHead h1 a { color: #00A0E3; text-decoration: none;}
.PostHead h1 a:visited { color: #005673; text-decoration: none;}
.PostHead h1 a:hover { color:#004460; text-decoration: none;}
.PostHead h1 a:hover:visited { color: #00A0E3; text-decoration: none;}
.PostAuthor { padding: 1px 0px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}
.PostDate { margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; border-bottom: 1px dotted #000;padding: 0px 10px 6px 10px;}
.PostDate small { font-size: 90%; color:#8a98a2; font-weight: bold; }
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 180%; line-height: 1.5; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#4a5a65;}
.PostDate .year { display:block;}

.PostContent { padding: 0px 0px 5px 0px; font-size: 95%; line-height: 1.5; background: url(images/PostHead.gif) repeat-x bottom; }
.PostContent p { font-size: 95%; line-height: 1.5;}   
.PostContent p code { font-size: 120%;} 
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 0px 0px; margin: 0px; }
.PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 95%; line-height: 1.3; }
.PostContent blockquote { padding: 2px 10px; background: #e9f8ff url(images/bg-quote-top.png) no-repeat; margin: 0px; color:#336699; } 
.PostContent blockquote p { font-size: 90%; padding: 5px 25px; margin: 5px 0px; line-height: 1.3;}  
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 90%; line-height: 1.3; color:#336699; }
.PostContent blockquote a { color:#0080ca; }
.PostContent blockquote a:visited { color:#0080ca; }
.PostContent blockquote a:hover { color:#003399; }      


.PostContent a { text-decoration: underline;}

.PostDet { padding-top: 15px;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 0px 0px 5px 22px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 80%; line-height:150%; } 
.PostDet li a { text-decoration: underline;} 
.PostCateg { background: url(images/PostCateg.png) no-repeat left center;}
.PostCom { background: url(images/PostCom.png) no-repeat left center; }

.PostRel { padding-top: 15px;}
.PostRel ul { padding: 0px; margin: 0px;}
.PostRel li { padding: 5px 0px 5px 8px; margin: 0px 10px 0px 25px; color:#336699; font-size: 80%;  } 
.PostRel li a { text-decoration: underline;}
.PostRelCateg { }

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 90%;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
.Note li a { color:#4b6000;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 90%;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 90%; color:#000;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#000; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;}
.Comments .List .ComListLi { background: #f6f1de; border-radius: 5px; }
/**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/ 
.Comments .List .ComListLiTop { position: absolute; background: url(images/ComListLiTop.gif) no-repeat left top; height: 15px; width: 420px; left: 0px; top: 0px;}

/**/ * html .Comments .List .ListNr { left: -55px;} /**/ 
.Comments .List .ListNr { color:#bec9d1; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -55px; }

/**/ * html .Comments .List .ListGrav { left: 10px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}
.Comments .List .ListGrav img { border: solid 1px #fff;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 90%; line-height: 11px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#a19a80; padding: 0px 0px 0px 42px; margin: 0px; font-size: 80%; }
.Comments .List small a { color:#a19a80; text-decoration: none;}
.Comments .List small a:visited { text-decoration: none;}

.Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 90%; line-height: 1.3; background: #fff  no-repeat left top; display: block;}


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#333;}
.Comments .Form { background: #bbe9ff; padding: 10px 15px 20px 15px; position: relative; border-radius: 5px;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 90%; color:#336699; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 90%; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #9dc0d0; padding: 5px 4px; font-size: 90%; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #9dc0d0; padding: 4px; font-size: 95%;}

.Comments .Form input.SubmitComment { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}


/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 450px; float: right; position: relative; }
.SR h2 { font-size: 110%; letter-spacing: normal; font-weight: bold; color:#fff;}

.SR2 { width: 250px; float: right; position: relative; }

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Search { background: url(images/Search.gif) no-repeat left top; position: absolute; top: -63px; width: 280px; left: -9px;}
.Search  form { padding: 30px 20px 10px 30px; margin: 0px;}
.Search  input { border: none; color: #330033; font-size: 90%;}
.Search  input.search { width: 24px; height: 23px; background: url(./images/SearchButton.gif) no-repeat;}
.Search  input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 200px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */ 
#buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; }


/* Pictures ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.floated { margin-left: 5px; float:right;} 
.floated-left { margin-right: 5px; float:left;}

/* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Syn { background: #ffffff; margin-bottom: 10px; position: relative; padding: 10px 15px; border-radius:5px; }
/**/ * html .SynTop { left: -15px;} /* */ 
.SynTop { position: absolute; left: 0px; top: 0px; width: 230px; height: 8px; }
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 95%; color:#000000;}
.Syn li a { color:#000000; font-size: 95%; }


/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .SRL { width: 230px; float: left; padding: 15px 20px 15px 20px; color:#B8CC6E; overflow: hidden;}       

.SRL { background: #fff;}
.SR { background: #fff;}

.SR .SRL a { color:#333; font-size: 95%; }
.SR .SRL a:visited { color:#000; }
.SR .SRL a:hover { color:#000; }


.SR .SRL .widget { margin-bottom: 20px; color:#333;}
.SR .SRL .widget h2 { padding: 0px 0px 5px 20px; margin: 0px; border-bottom: dashed 1px #bbb; }
.SR .SRL .widget ul { margin: 0px; padding: 0px;}
.SR .SRL .widget li { margin: 0px; padding: 6px 0px 6px 0px; list-style-type: none; font-size: 95%; border-bottom: dotted 1px #739300;}

.SR .SRL .widget_categories .children ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; }
.SR .SRL .widget_categories .children li { margin: 0px; padding: 0px; list-style-type: none; border-bottom: none; font-size: 10px; background: none; }

.SR .SRL .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 1.2;}

.SR .SRL .widget_calendar table { width: 100%;}
.SR .SRL .widget_calendar table td { text-align: center; padding: 3px; }
.SR .SRL .widget_calendar caption { background: #006dab; padding: 5px 0px;}
.SR .SRL .widget_calendar #today { background: #006dab;}

.SR .SRL .widget_search #s { width: 160px; border: solid 1px #006dab; padding: 3px; margin-bottom: 5px;}



/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .SRR, .SR2 .SRR { width: 160px; float: right; padding: 10px; overflow: hidden;}
.SR .SRR .widget, .SR2 .SRR .widget { margin-bottom: 20px; color:#333;}
.SR .SRR .widget h2, .SR2 .SRR .widget h2 { border-bottom:1px dotted #000; color:#000; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; }
.SR .SRR ul, .SR2 .SRR ul  { padding: 0px; margin: 0px;}


.SR .SRR li, .SR2 .SRR li { padding: 0px 0px 0px 10px; margin: 0 0 5px 0; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top; line-height:;}
.SR .SRR li a, .SR2 .SRR li a { color:#000000; font-size: 90%; }
.SR .SRR li a:visited, .SR2 .SRR li a:visited  { color:#000000; }
.SR .SRR li a:hover, .SR2 .SRR li a:hover { color:#4B6000;}
       
.SRR {background: #ddd;}


/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Footer { width: 970px; position: relative; clear: left; padding: 10px 15px;}
.FL { position: absolute; top: -8px; left: 0px; height: 8px; width: 8px; background: url(images/FL.gif) no-repeat left top; }
.FR { position: absolute; top: -8px; right: 0px; height: 8px; width: 8px; background: url(images/FR.gif) no-repeat left top; }
.Footer p { font-size: 80%; color:#333; padding: 0px; margin: 0px; }
.Footer a { color:#000; text-decoration: underline;}

/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}
/* End Contact Form ][ CSS */            

/* JQuery Tabs */
.ui-tabs-hide { display: none; }     

/* Phone ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */       

@media only screen and (max-width:480px) { 
	/* Scale images and boxes */   
    img { max-width: 95%; max-height-95%}   
	.Menu {width:100%;}       
    .Header {width:100%;}    
	
	/* Hide stuff from the Header right side */
	.Header .LS {display:none;}  
	                                           
	/* Shift things to the left margin */
	.Header h1 {padding-left: 10px;} 
	.Header .Desc {margin-left: 10px;}  
	.Menu ul {padding-left: 10px;}
	      
	/* Hide footer */
	.Footer {display:none;} 
	
  	.CON, .CON2 { background: #fff repeat-y center; width: 100%;} 
  	.SR {display:none;}      
  	.SC, .SC2 {padding-left:10px;width:95%;}
  	.PostDate {display:none;}    
  	.BGC { width: 100% }

   	.SR2, .SR2 .SRR { width: 100%; float: left;}     


}     

/* Default style for WP-PageNavi plugin  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */       

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}