/*  
Theme Name: CADE TEMP
Theme URI: www.artesdecorativas.com.mx
Description: Tema para CADE
Version: 1.0
Author: Alejandra Montemayor D.
Author URI: www.rubikmedia.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
/* * a { position:relative } */ /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

/* >>>>>>>>> COLOR PALETTE  <<<<<<<<<<<<<< */

	/* 
	
	BODY TEXT:
	gray #333
	
	HEADERS:
	
	med green:#8DC002
	medium blue:#355691
	dark gray: #666666
	light gray: #CCCCCC
	

	BACKGROUND:
	white
	
	*/

/* >>>>>>>>> _HTML ELEMENTS <<<<<<<<<<<<<< */


body {
	
	font-family:Arial,Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#666;}
	
h1 {
	display:none;}
	
h2  { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
        margin:10px 0;
	}
	
h3 {
	text-transform:uppercase;
	color:#666;
	font-family:Arial,Helvetica, sans-serif;
	font-size:12px;
margin:0;}
	
	
h4 {
	text-transform:uppercase;
	color:#666;
	font-family:Arial,Helvetica, sans-serif;
	margin-bottom:10px;}
	
h5 {
	text-transform:uppercase;
	color:#666;
	font-family:Arial,Helvetica, sans-serif;
	font-size:10px;}
	
h6 {
	text-transform:uppercase;
	color:#8DC002;
	font-family:Arial,Helvetica, sans-serif;
	font-size:10px;}
	
a {
	color:#8DC002;
	text-decoration:none;}

a:hover {
	text-decoration:underline;}
	
p {
	font-family:Arial,Helvetica, sans-serif;}

cite {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
color:#663366;}

ol {
margin:10px;
padding:5px;
}

ol li {
padding:5px 0;}


hr {height: 1px;background-color: #ccc;color: #ccc;border: none;}


/* >>>>>>>>> _LAYOUT <<<<<<<<<<<<<< */

#container {
	width:1000px;
	margin:15px auto;
	background-color:#FFF;
	border:thin #D2D5B5 solid;
	/*background-image:url(images/bg-container.jpg);*/
	background-position:top left;
	background-repeat:no-repeat;}

#container-intranet {
	width:1000px;
	margin:15px auto;
	background-color:#FFF;
	border:thin #D2D5B5 solid;
	background-image:url(images/bg-container-intranet2.jpg);
	background-position:top left;
	background-repeat:no-repeat;}
	
	
/* >>>>>>>>> _HEADER <<<<<<<<<<<<<< */

#header {
	height:155px;
	text-align:right;
	padding:25px 20px 0 0;
/* z-index:2 */;
}
	
	#header ul {
		margin:15px 0;
		font-family:Georgia, "Times New Roman", Times, serif;
                font-size:14px;}

      
		
	
/* >>>>>>>>> _NAVIGATION <<<<<<<<<<<<<< */

/*#navigation ul {
	width:960px;
	height:33px;
	background-image: url(../images/bg-nav.png);
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	#navigation span.left {
		display:inline;
		background-image:url(../images/nav-tip-left.png);
		background-repeat:no-repeat;
		background-position:top left;
		width:15px;
		height:33px;
		
		}

#navigation ul li {
	float:left;
	padding:10px;}
	
#navigation ul li a {
	color:#FFF;
	font-weight:bold;}*/
	
	#navigation img {
		display:inline;
		float:left;}
	
/* >>>>>>>>> _MAIN CONTENT <<<<<<<<<<<<<<*/

#wrapper {
	background-image: url(images/bg-main-content.png);
	background-repeat:repeat-y;
/* z-index:50; */

	}

#wrapper h6.breadcrumb {
margin-left:25px;
margin-bottom:15px;
color:#660066;}




/* >>>>>>>>> _TWO COLS <<<<<<<<<<<<<<*/

	
#twoColsWrapper {
	/*border:1px solid #0C9;*/
	width:680px;
	float:left;
	margin-left:25px;
}
	
/* >>>>>>>>> _MAIN POST <<<<<<<<<<<<<<*/	
	
 #mainPost {
		/*height:270px;*/
		padding:25px 5px 0 10px;
		/*margin-left:25px;
		border:1px solid #0C9;*/
/* z-index:1; */
		}
		
	 #mainPost img {
		float:left;
		margin-right:15px;}
		
	#mainPost h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		color:#8DC002;
texxt-transform:uppercase;
		margin:6px 0 15px 0;
		font-weight:bold;}


#mainPost h3 {
		font-family:Arial, sans-serif;
		font-size:11px;
		color:#8DC002;
		margin:6px0;
		font-weight:bold;}


#mainPost h6, #blog h6, .business h6 {
		font-family:Arial;
		font-size:10px;
		color:#CCC;
		margin:0;
		font-weight:normal;}



#mainPost ul {
	list-style:url(images/bullet.gif);
        margin:5px 10px;
        padding:5px;}

#mainPost table td {
padding:5px;
}

#mainPost .post img  {
margin-right:20px;
/* z-index: 30; */
}

#mainPost .post ul {
margin-left:15px;}

		
#mainPost a.permalink, #blog a.permalink, a.permalink {
text-transform:uppercase;
font-size:10px;
float:right;
margin-top:10px;}

#mainPost a.permalink img {
vertical-alignment:middle;}

span.business a.permalink {
padding-right:30px;}
	
		
/* >>>>>>>>> _LEFT COLUMN <<<<<<<<<<<<<<*/	

#leftColumn {
	width:325px;
	float:left;
	
	/*border:1px solid #0C9;*/}
	
	#leftColumn #courses {
		width:316px;
		height:320px;
		background-image: url(images/bg-courses.png);
		background-position:top left;
		background-repeat:no-repeat;
		padding:20px 15px 15px 15px;}
		
	#leftColumn #courses h3 {
		margin:0;
		font-size:11px;
		padding-top:10px;
		font-weight:bold;
                text-transform:normal;}

#leftColumn #courses h4 {
margin-bottom:25px;}

#leftColumn #courses img, #leftColumn #business img {
margin:0 5px 10px 0;

}

#leftColumn #courses p.viewAll {
float:right;
padding-right:40px;
font-size:10px;
margin-top:10px;
text-transform:uppercase;
}

#leftColumn #courses span.excerpt {
margin:0px;
font-size:11px;
}
		
	#leftColumn span.business {
		margin:30px 0;}
		
	#leftColumn span.business p {
		padding-right:10px;
		margin-top:10px;
width:150px;
float:left;}
	

#leftColumn #flowerBusiness h4 {
font-family:Georgia;
                color:##666600;
                font-size:18px;
                text-transform:none;
                margin-bottom:27px;

}

/* >>>>>>>>> _MID COLUMN <<<<<<<<<<<<<<*/	

#midColumn {
	width:345px;
	float:left;
	margin-left:10px;
	/*border:1px solid #0C9;*/}
	
	#midColumn h4 {
		margin-top:15px;}
	
	#midColumn p{
		padding-right:25px;}
		
	#midColumn #blog {
                
                width:295px;
		height:225px;
		background-image: url(images/bg-blog.jpg);
		background-position:top left;
		background-repeat:no-repeat;
                padding:7px;
		
}


#midColumn #blog h3 a {
		float:left;
               color:#663300;
                margin-top:8px;
                text-align:center;
}

#midColumn h4.blogTitle {
		font-family:Georgia;
                color:#FF9900;
                font-size:18px;
                text-transform:none;
}

#midColumn #blog h6 {
color:#FFFFFF;
margin:0 0 5px 25px;
font-weight:bold;
font-size:10px;}

#midColumn #blog p {
margin-left:20px;}


		
	#midColumn #blog span.blogPosts {
		display:block;
		clear:both;
		margin:5px 0 10px 0;
border-bottom: 1px dotted #ccc;}

#midColumn #staff ul {
margin-top:15px;}
		
	#midColumn #staff ul li {
		margin:17px 0;
border-bottom:1px dotted #ccc;
text-transform:uppercase;
font-size:10px;
font-weight:bold;}
	
/* >>>>>>>>> _SIDEBAR <<<<<<<<<<<<<<*/
	
#sidebar {
	width:250px;
	float:right;
	/*border:1px solid #0B7;*/
	margin:10px 30px 0 0;}

#sidebar h6 {
	text-transform:uppercase;
	color#8DC002;
	font-family:Arial,Helvetica, sans-serif;
	font-size:10px;}
	
	#sidebar form {
		padding-bottom:15px;
		border-bottom:1px #8DC002 double;}
		
	#sidebar #contactForm, #sidebar #socialMedia, #sidebar #events, #sidebar #twitter, #sidebar #avisos {
		padding-bottom:15px;
		border-bottom:1px #E1E1E1 double;}
		
	/*#sidebar #socialMedia {
		padding:15px 0;
		border-bottom:1px #8DC002 double;}*/
		
		#sidebar #socialMedia img, #sidebar #events img, #sidebar #twitter img {
			margin:5px 0;}
	
	
/* >>>>>>>>> _FOOTER <<<<<<<<<<<<<<*/
#footer {
	width:1000px;
	height:320px;
	display:block;
	/*margin:0 auto;*/
	background-image:url(images/bg-footer.png);
	background-position:top left;
	background-repeat:no-repeat; clear:both;}
	
	#footer span.contactData {
		width:220px;
		float:left;
		margin:150px 15px 0 50px;
		color:#CCC;
		font-size:11px;
		font-weight:bold;}
		
		#footer span.contactData ul li {
			color: #360;
		font-size:11px;}
		
		
		#footer span.legals {
		width:220px;
		float:left;
		padding-top:50px;
		margin:150px 15px 0 50px;
		color:#360;
		font-size:11px;
		font-weight:bold;}
		
		#footer span.legals ul li a {
			color:#300;}
	
/* >>>>>>>>> _STYLES <<<<<<<<<<<<<<*/
	
.clear {
	clear:both;}
	
.comments {
	float:left;
	margin-top:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
	
.floatLeft {
		float:left;
		margin-right:5px;
                vertical-alignment:middle;
		}

.imgMargin 
		float:left;
		margin-right:15px;
                vertical-alignment:middle;
		}
		
.start {
	clear:right;
	display:block;}
	
.alignDivider {
	margin:0 0 15px 120px;}
	
.position {
	text-transform:uppercase;
	font-size:10px;}

#mainPost a.details {
text-align:right;
padding: 5px 0;}

form#commentform {
width:680px;}



#comments {
clear:both;
margin:20px 0 0 20px;
width:665px;}

#comments p {

line-height:16px;
}

#comments h3 {
margin:10px 0;
border-bottom:1px dotted #ccc;}

#comments h3#respond {
margin-top:50px;
border-bottom:none;}

p.commentmetadata, .postmetadata {
font-size:11px;
margin:0 0 5px 0;
font-family:Arial,Helvetica, sans-serif;}

p.comment {
margin-bottom:15px;}

.jqueryslidemenu ul{
margin: 0 0 0 10px;
padding: 1px 0 0 0;
list-style-type: none;
}

div.post {
margin:20px 0;
padding-bottom:10px;
border-bottom:1px dotted #ccc;}

a.post-edit-link {
display:none;}