/*  
Theme Name: Icompile inspired from Smashing Theme
Theme URI: http://ico.ma
Description: Designed by moi.
Version: 0.01
Author: Moi
Author URI: http://icompile.info
*/


body { background: #415D75; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 20px; margin: 0px; color:#495749;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #415D75; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: none; color : #415D75; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #415D75; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #495749; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

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: 'Trebuchet MS, Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Trebuchet MS, Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Trebuchet MS, Verdana'; color: #282b31; font-size: 11px;}

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

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

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

/**/ * html .Header { height: 80px;} /* */ 
.Header { background: #495749 url(images/HeaderBkg.gif) no-repeat left top; width: 535px; position: relative; clear: left; padding: 0px 0px 0px 30px; min-height:80px; margin-left: 15px;}

.Header h1 { font-size: 26px; line-height: 26px; letter-spacing: 0px; padding: 27px 5px 0px 0px; margin: 0px; font-weight: bold; }
.Header h1 a { color:#F5F2E8; text-decoration: none; }
.Header h1 a:visited { color:#F5F2E8; text-decoration: none; }
.Header h1 a:hover { color:#F5F2E8; text-decoration: none; }
.Header .Desc { color:#8f8f8f; font-size: 15px; line-height: 15px; font-weight: bold; letter-spacing: 0px; font-family: 'Trebuchet MS, Arial'; padding: 0px; margin: 0px 0px 0px 0px;}

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

.Search { position: absolute; background: url(images/Search.gif) no-repeat left top; top: 20px; right: -221px; width: 220px; height: 63px;}
.Search  form { padding: 28px 10px 10px 10px; margin: 0px;}
.Search  input { border: none; color: #495749; font-size: 11px;}
.Search  input.search { width: 21px; height: 21px;}
.Search  input.keyword { background: none; border: none; padding: 5px 0px 5px 5px; width: 175px; border: none; color:#415D75; font-weight: bold; } /**/ * html #buttonsearch { margin: -22px 0px 0px 136px; } /* */ 
#buttonsearch { padding: 0px; margin: -22px 0px 0px 136px; top: 0px; background: none; }

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

.Syn { position: absolute; top: 41px; right: -340px; width: 170px;}
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { margin: 0px; padding: 0px 0px 1px 15px; list-style-type: none; font-size: 10px; color:#DEBD31;}
.Syn li a { color:#DEBD31; font-size: 10px; text-decoration: none; }
.Syn li a:visited { color:#DEBD31; font-size: 10px; text-decoration: none; }
.Syn li a:hover { color:#F7F7EF; font-size: 10px; text-decoration: none; }

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

.CON { background: #fff url(images/BGC.gif) repeat-y left; width: 960px; float: left; position: relative; padding: 0px}

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

.SCS { width: 505px; float: left; padding: 0px 30px 15px 45px;}
.SCS h1 { font-size: 20px; font-weight: normal; background: url(images/Dotted.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: 0px; }
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS p { font-size: 12px; line-height: 17px;}
.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: 11px; line-height: 15px; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#495749; }
.SCS blockquote a { color:#415D75; }
.SCS blockquote a:visited { color:#415D75; }
.SCS blockquote a:hover { color:#495749; }

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

.SC { width: 505px; float: left; padding: 0px 30px 15px 45px;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 24px; font-weight: normal; letter-spacing: 0px; border-bottom: solid 1px #787878; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; color:#787878;}

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { padding: 15px 0px 30px 0px; float: left; width: 505px;}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px;}
.Menu ul li ul { display: none;}
.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 10px; line-height: 11px; font-weight: bold;}
.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; background: url(images/MLeft.png) no-repeat left top; float: left;}
.Menu a span { padding: 4px 9px 5px 6px; display: block; background: url(images/MRight.png) no-repeat right top; float: right; }
.Menu a span { float: none; color: #415D75;}
.Menu a:hover span { color: #415D75;}
.Menu a:hover { background-position: 0% -20px; color:#415D75; text-decoration: none;}
.Menu a:hover span { background-position: 100% -20px;  color:#415D75;}
.Menu .on { background: url(images/MLeft.png) no-repeat left bottom; color:#415D75; }
.Menu .on span { background: url(images/MRight.png) no-repeat right bottom; color:#415D75; }

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

.Post {	padding: 0px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; width: 405px; padding-right: 100px;}
.PostHead h1 { font-size: 19px; line-height: 19px; letter-spacing: 0px; font-weight: bold; font-style:italic; padding: 0px 0px 1px 0px; margin: 0px; color:#495749;}
.PostHead h1 a { color: #415D75; text-decoration: none;}
.PostHead h1 a:visited { color: #415D75; text-decoration: none;}
.PostHead h1 a:hover { color:#495749; text-decoration: none;}
.PostHead ul { padding: 0px; margin: 0px;}
.PostHead li { list-style-type: none; display: inline; }
.PostHead li a { color:#415D75; text-decoration: none;}
.PostHead li a:visited { color:#415D75; text-decoration: none;}
.PostHead li a:hover { color:#495749; text-decoration: none;}

.PostAuthor { padding: 1px 1px 1px 1px; margin: 0px; font-size: 10px; color:#495749; font-weight: bold; font-style: italic;}
.PostCateg { padding: 1px 1px 1px 13px; margin: 0px; font-size: 10px; color:#495749; font-weight: bold; font-style: italic;}

/**/ * html .PostTime { right: 30px;} /**/ 
.PostTime { position: absolute; top: 5px; right: 0px; color:#495749;}

.PostContent { padding: 5px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/Dotted.gif) repeat-x bottom; color:#444640; }
.PostContent p { color:#495749; font-size: 12px; line-height: 17px;}
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 10px 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: 11px; line-height: 15px; color:#4c4c4c; }
.PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#495749; }
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#495749; }
.PostContent blockquote a { color:#415D75; }
.PostContent blockquote a:visited { color:#415D75; }
.PostContent blockquote a:hover { color:#495749; }
.PostContent a { text-decoration: none;}

.PostDet { padding-top: 10px;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 2px 0px 5px 1px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } 
.PostDet li a { text-decoration: none; color:#415D75;} 
.PostDet li a:visited { text-decoration: none; color:#415D75;} 
.PostDet li a:hover { text-decoration: none; color:#495749;} 

.PostCom { font-style: italic; }

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

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 1px 0px 1px 1px; margin: 0px; list-style-type: none; font-size: 11px;}
/*.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}*/
/*.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}*/
.Note li a {}

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

.Nav a { padding: 2px 5px 2px 3px; background: #F5F2E8; border-right: solid 1px #ccc; font-size: 12px; font-weight: bold;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 12px; font-weight: bold;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none; font-size: 12px; font-weight: bold;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; font-size: 12px; font-weight: bold;}
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 12px; color:#495749; font-weight: bold;}

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

.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 14px; font-weight: bold; letter-spacing: 0px; margin: 0px; padding: 5px 0px 1px 0px; color:#495749;}

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

.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#DEBD31; letter-spacing: 0px; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none; font-size: 11px; line-height: 15px; color:#495749;}
.Comments .List li p { font-size: 11px; line-height: 15px; padding: 5px 0px; margin: 0px; color:#495749;}
.Comments .List li blockquote { padding: 0px; margin: 0px; color:#495749;  font-size: 11px; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
.Comments .List li blockquote p { font-size: 11px; padding: 5px 0px; margin: 0px; line-height: 16px; color:#495749; }
.Comments .List li ul { padding: 5px 0px; margin: 0px; }
.Comments .List li ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#495749; }


/**/ * html .Comments .List .ListGrav { left: 0px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: 0px;}
.Comments .List .ListGrav img { background: #F5F2E8; margin-right: 7px; border: solid 0px #ccc;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 35px; font-size: 11px; line-height: 14px; letter-spacing: 0px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#495749; padding: 0px 0px 10px 35px; margin: 0px; border-bottom: solid 1px #ccc; display: block;}
.Comments .List small a { color:#415D75; text-decoration: none;}
.Comments .List small a:visited { color:#415D75; text-decoration: none;}
.Comments .List small a:hover { color:#495749; text-decoration: none;}

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

.Comments .Form { background: #F5F2E8; padding: 10px 15px 20px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop { background: #F5F2E8; position: absolute; top: 0px; left: 0px; width: 505px; height: 10px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: none;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#495749; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#495749;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #F5F2E8; border: solid 1px #c6c4b5; padding: 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #F5F2E8; border: solid 1px #c6c4b5; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 63px; 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: 63px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}


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

.SR { width: 380px; float: right; }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}
.SR h3 { font-size: 14px; letter-spacing: normal; font-weight: bold;}

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

.SRL { width: 180px; float: left; padding: 0px 5px 5px 0px; color:#495749;}
.SRL h3 { color:#495749; padding: 0px 0px 5px 0px; margin: 0px; text-transform: uppercase; font-size: 14px; color:#666; letter-spacing: 0px;}
.SRL p { color:#495749; font-size: 11px;}

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

.SRR { position: relative; width: 175px; float: right; padding: 10px; color:#495749; font-size: 12px; font-weight: bold;}
.SRR h3 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#495749; padding: 0px 0px 4px 0px; margin: 0px 4px 5px 0px; letter-spacing: 0px; }
.SRR h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#495749; padding: 0px 0px 4px 0px; margin: 0px 4px 5px 0px; letter-spacing: 0px; }
.SRR ul { padding: 0px; margin: 0px;}
.SRR li { padding: 0px 0px 0px 0px; margin: 0px; list-style-type: none; color:#495749; font-size: 11px;}
.SRR li a { color:#415D75;}
.SRR li a:visited { color:#415D75; }
.SRR li a:hover { color:#495749;}
.SRR p { color:#495749; font-size: 12px; font-weight: bold;}

/* Panel SRL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.PT { height: 5px; width: 5px; position: absolute; top: 0px; right: 0px;}
/**/ *html .PT  { right: 5px;} /**/ 
.Panel { position: relative; margin-bottom: 5px; padding: 10px 10px 10px 10px;  color:#333; font-size: 11px;}
.Panel ul { margin: 0px; padding: 0px;}
.Panel ul li { margin: 0px; padding: 0px; list-style-type: none; font-size: 11px; }
.Panel ul li a { background: url(images/CategLi.png) no-repeat left top; display: block; padding: 1px 0px 2px 10px; font-size: 11px; }
.Panel ul li a:visited { background: url(images/CategLi.png) no-repeat left top; display: block; }
.Panel ul li a:hover { background: #ffffff url(images/CategLi.png) no-repeat left top; display: block; text-decoration: none;}

.Panel ul ul li { margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none; font-size: 10px; border-bottom: solid 1px #e1f3fa;}
.Panel ul ul li a { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
.Panel ul ul li a:visited { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}
.Panel ul ul li a:hover { margin: 0px; padding: 0px; list-style-type: none; font-size: 10px; background: none;}

.Panel p { color:#495749; font-size: 11px;}


/* Panel Blue +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PBlue .PT { background: url(images/BlueTop.gif) no-repeat;}
.PBlue { background: #e1f3fa url(images/BlueBottom.gif) no-repeat right bottom; border-left: solid 10px #c7e5f1;}
.PBlue ul { border-top: solid 1px #c7e5f1;}
.PBlue ul li { border-bottom: solid 1px #c7e5f1;}
.PBlue ul li a { color:#415D75;}
.PBlue ul li a:visited { color:#415D75; }
.PBlue ul li a:hover { color:#495749;}
.PBlue ul ul li { border-bottom: solid 1px #e1f3fa;}

/* Panel Yellow +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PYellow .PT { background: url(images/YellowTop.gif) no-repeat;}
.PYellow { background: #faf4e1 url(images/YellowBottom.gif) no-repeat right bottom; border-left: solid 10px #ebe3c8;}
.PYellow ul { border-top: solid 1px #ebe3c8;}
.PYellow ul li { border-bottom: solid 1px #ebe3c8;}
.PYellow ul li a { color:#415D75;}
.PYellow ul li a:visited { color:#415D75; }
.PYellow ul li a:hover { color:#495749;}
.PYellow ul ul li { border-bottom: solid 1px #faf4e1;}

/* Panel Pink +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.PPink .PT { background: url(images/PinkTop.gif) no-repeat;}
.PPink { background: #f2e2d5 url(images/PinkBottom.gif) no-repeat right bottom; border-left: solid 10px #e4cab5;}
.PPink ul { border-top: solid 1px #e4cab5;}
.PPink ul li { border-bottom: solid 1px #e4cab5;}
.PPink ul li a { color:#415D75;}
.PPink ul li a:visited { color:#415D75; }
.PPink ul li a:hover { color:#495749;}
.PPink ul ul li { border-bottom: solid 1px #f2e2d5;}

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

.Footer { background: #F5F2E8 url(images/Footer.gif) no-repeat left bottom; width: 505px; position: relative; clear: left; padding: 15px 30px 15px 30px; margin: 0px 0px 0px 15px;}

.FL { position: absolute; top: -8px; left: -15px; height: 8px; width: 8px; }
.FR { position: absolute; top: -8px; right: -400px; height: 8px; width: 188px; }
.Footer p { font-size: 10px; color:#495749; padding: 0px; margin: 0px; }
.Footer a { color:#415D75; text-decoration: none;}
.Footer a:visited { color:#415D75; text-decoration: none;}
.Footer a:hover { color:#495749; text-decoration: none;}

/* AddThis +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Fixed Positioned AddThis Toolbox */           

.addthis_toolbox.atfixed {
    position: absolute;
	top: 0;
    left: 50%;
	margin-left : -95px;
	margin-top : 110px;
    border: 0px solid #eee;
    padding: 5px 5px 1px;
    /*width: 32px;*/
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
}
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; }