/*
Theme Name: Marie Therese Shortt
Theme URI: http://shorttdesign.com

Turquise: #33FFFF
Purple: #993366
Dark blue: #0066CC
Light blue: #33CCFF

*/



/* 
	RESET
*/

*			{margin: 0; padding: 0;}
html		{ overflow-y: scroll; }
html, body	{ background-color: white; background-position: 80px 20px bottom; background-position-y: bottom right; background-attachment: fixed; background-position-y: center; padding-left: 14px; background-repeat: no-repeat; background-image: url(http://unlearn-grafics.com/images/un_bg.png); margin: 0 auto; padding: 0px; }
body		{ line-height: 14px; font-size: 6pt; font-family: Verdana, sans-serif, ; color: black; background-color: white; list-style:none;} 	
			
ul			{list-style: square none inside; color:#EB119B;}
ol			{list-style: none inside;}
a			{outline: none; text-decoration: none;}
a img		{border: none;}
img			{vertical-align: middle;}
table		{border-collapse: collapse}




/*
	UTILITY
*/
.floatLeft	{float: left;}
.floatRight	{float: right;}
.clear		{clear: both;}
.button		{border: 1px solid white; background: #33FFFF; padding: 3px 8px; -moz-border-radius: 5px;}
.button:hover	{}
#header		{width: 900px; padding-top: 20px; float: right; height:80px; margin-top:15px; background-position: right; background-repeat: no-repeat; background-image: url(http://unlearn-grafics.com/images/un_logo.png);}


/*
	TYPOGRAPHY
*/
a		{color: #000000;}
a:hover	{color: #ff0254; font-weight: bold;}
p, li	{color: #666666; font-size: 9pt; line-height: 20px; margin: 0 0 0px 0;}
p#intro-paragraph spam	{font-size:9pt; font-weight: bold;}
h1		{font-size: 9pt; font-family:"Helvetica Neue"; font-weight: bold;}
h2		{ color: black; font-weight: bold; font-size: 11pt; padding-bottom:3px; font-family:"Helvetica Neue";}
h3		{font-size: 11pt; font-family:"Helvetica Neue"; font-weight: normal; margin:0 0 10px 0;}
h4		{color: #000000; font-size:10pt; font-weight:bold; margin-bottom:15px;}


/*
	IMAGES IN POSTS AND PAGES
*/

img.alignleft, div.alignleft {
float:left;
margin:10px 10px 10px 10px;
}
img.alignright, div.alignright {
float:right;
margin:0.5em 0.5em 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin:0.5em auto 0.5em 0.5em;
}

#blogpost {padding:20px; width: 500px;}

#newsseperator {border-bottom-style: solid; border-bottom-color: #a4a4a4; border-bottom-width: 1px; }
/* 
	STRUCTURE
*/
#page-wrap	{margin-left: auto; margin-right: auto; margin-top: 20px; height: 615px; font-size: 9pt; width: 1100px; }
#content	{margin-left: 50px; font-size: 9pt; background-position: center; width: 1050px; height: 400px; margin-top: 20px;  vertical-align:middle; background-repeat: no-repeat;}

#content-news	{margin-left: 170px; font-size: 9pt; background-position: center; width: 950px; height: 400px; margin-top: 20px;  vertical-align:middle; background-repeat: no-repeat;}

#tweet {margin-bottom: 20px; line-height: 17px; font-size: 10px; height: 200px; width: 180px; margin-top: 65px; margin-left: 16px; background-repeat: no-repeat; background-image: url(http://unlearn-grafics.com/images/un_twitter.png); padding-top: 15px; padding-left: 15px; padding-right:25px; padding-bottom: 20px; color: #39b9d3;}
#tweet-inside {padding-right:20px;}
#sidebar	{ font-size: 9pt; background-position: left top; border-right-style: none; background-repeat: no-repeat; width: 150px;  height: 510px; margin-left: 0px; margin-right: 0px; float: left;}
#social { min-height: 100px; width: 100px; background-repeat: no-repeat; background-image: url(http://unlearn-grafics.com/images/social_bg.png);padding-top:20px;}
#portfolio-menu {padding-left: 20px; padding-top: 20px; height: 250px; background-repeat: no-repeat; background-image: url(http://unlearn-grafics.com/images/portfolio1_bg.png); margin-top: 80px; width: 120px; float: left; margin-left:0px;}
#flash-sidebar {float:left; width:50px; height:50px; margin-left:25px; margin-bottom: 30px;}
#push		{}
#newssidebar	{width: 150px; height: 210px; background-color: #000000; overflow-y:scroll; overflow-x:hidden; float:right; margin-left:100px; margin-right: 0px; margin-bottom:5px; color: #ff0903;}
#news-col { margin-top: 5px; width: 120px;}
#writingsidebar {width: 150px; height: 210px; float:left; margin-left:15px; margin-right: 10px; margin-bottom:5px; margin-top: 65px; color: #ff0903;}
#main-col	{background-repeat: no-repeat; font-size: 9pt; background-image: url(http://unlearn-grafics.com/images/content_bg2.png); background-repeat:  no-repeat; overflow-x: hidden; overflow-y: hidden; width: 580px; height: 550px; float: left; margin-bottom:0px;margin-left: 60px; margin-top: 0px; padding:10px 10px 10px 30px;}

#blog {font-size: 16pt; color:white; background-color: black; height: 30px; width: 599px; margin-top:55px; margin-left: 80px; padding: 15px 18px 10px 30px; text-align: left; float:}
#main-news	{border-style: solid; border-width: 2px; border-color: black; background: white; width: 602px; float: left; margin-bottom:40px;margin-left: 80px; margin-top: 0px; padding:10px 10px 10px 30px;}
#main-col-inside	{ background-position: center; font-family: Helvetica, "Trebuchet MS", sans-serif; font-size: 8pt; overflow: hidden; width: 450px; height: 390px; float: left; margin-top: 50px; margin-left: 30px; padding-right: 25px;}
#main-news-inside	{ font-family: Helvetica, "Trebuchet MS", sans-serif; font-size: 8pt; float: left; margin-top: 55px; margin-left: 20px; padding-right: 25px;}
#main-col-news	{ padding-right: 10px; margin-left: -20px; font-size: 9pt; padding-left: 40px; padding-bottom: 10px; padding-top: 10px; margin-top: 220px; overflow-x: hide; width: 80px; height: 250px; float: left;}
#main-col-news-right	{ padding-right: 10px; padding-left:15px;  font-size: 9pt; padding-bottom: 10px; padding-top: 10px; margin-top: 0px; margin-left: 35px; background-image: url(http://unlearn-grafics.com/images/news_pink.png); background-repeat: no-repeat; overflow-x: hide; width: 150px; height: 250px; float: left;}
#thumbnails {float: left; width: 120px; height:120px;}

.thumbnail-class {float: left; width: 120px; height:120px;}


#main-col-news-empty	{ font-size: 9pt; padding-left: 40px; padding-bottom: 10px; padding-right: 10px; padding-top: 10px; margin-top: 220px; width: 120px; height: 250px; float: left; margin-left: -10px;}

#main-col-news-inside	{ font-size: 9pt; margin-bottom: 5px; overflow-x: auto; width: 120px; height: 200px; float: left; margin-top: 25px; margin-left: 0px;}
#main-col-gallery {background-repeat: no-repeat;                             font-size: 9pt; background-image: url(http://unlearn-grafics.com/images/content_gallery_bg.png); background-repeat:  no-repeat; overflow-x: hidden; overflow-y: hidden; width: 540px; height: 550px; float: left; margin-bottom:0px;margin-left: 10px; margin-top: 0px; padding:10px 10px 10px 30px;}
#main-col-gallery-inside	{ font-family: Helvetica, Tahoma, sans-serif; color: #4c4c4c; padding: 8px; font-size: 8pt; overflow: hidden; width: 490px; height: 330px; float: left; margin-top: 55px; margin-left: 20px;}
#main-col-video { padding-left: 15px; padding-bottom: 10px; padding-right: 10px; padding-top: 40px; background-image: url(http://unlearn-grafics.com/images/content_bg.png); font-size:9px; background-repeat: no-repeat;background-repeat:  no-repeat; width: 540px; height: 450px; float: left; margin-bottom:0px; margin-left: 10px; margin-top: 0px;}
#main-col-video-inside	{ padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-color: black; font-size: 9pt; overflow: hidden; float: left; margin-top: 55px; margin-left: -13px;}
#linksidebar	{padding-left: 20px; padding-top: 20px; height: 60px; background-repeat: no-repeat; background-image: url(http://unlearn-grafics.com/images/social_bg.png); margin-top: 80px; width: 150px; float: left; margin-left:35px;}
#linksidebar2	{padding-left: 20px; padding-top: 20px; height: 60px; background-repeat: no-repeat; background-image: url(http://unlearn-grafics.com/images/social_bg.png); margin-top: 0px; width: 150px; float: left; margin-left:0px; margin-left:35px;}

#flash		{margin-left: -20px; float: left; height: 400px; width: 580px; margin-top: 50px; padding-top: 5px; padding-left:5px;}






/*



	HEADER
*/

h1#logo		{width: 288px; height: 33px; background: #33FFFF; color: #0066CC; margin: 0 10px 8px 0; float:left;}
#top-bar	{ padding: 0px 0 0 0;}
#top-bar p	{color: #0066CC; width: 300px; float: left;}


/*
	MENU
*/
#menu-bar	{color: #7cc6db;margin-right: 0px; text-align: right; padding-top: 5px; margin-bottom: 10px; float:right;}	
ul#main-nav	{height: 2px; color: #7cc6db; margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 0px; width: 960px; float: left;}
ul#main-nav li {color: #4c4c4c; display:inline;}
ul#main-nav li a	{ color: #7cc6db; text-transform: capitalize; font-size: 11px; padding: 3px 4px; border-right: #7ad9fc solid thin; padding-top: 3px;}
ul#main-nav li a:hover	{color: #ff0903;}


/*
	WIDGETS
*/
.widget		{ width: 230px; margin: 0 0 0px 0px; float:left;}
.widget .inside	{padding: 5px; color: #ff0903;}
.widget ul	{ list-style: circle; color: black;  margin-left:0px;}
.widget ul a {color:white;display:block; padding 2px;}
.widget ul li a:hover {}
.widget_categories { color: #7cc6db; width: 190px; border-right: 1px solid 	white; border-bottom:1px solid white; margin: 0 0 15px 0; float:left;}
.widget_categories .inside	{ padding: 10px;}
.widget_categories ul	{list-style:none; margin-left:10px;}
.widget_categories ul a {display:block; padding 2px;color:fuchsia;font-size:12px; }
.widget_categories ul li a:hover { color: #7cc6db;}
.widget_categories ul li a:active { color: #7cc6db;}

.widget_sidebar1		{ color: #7cc6db; width: 162px; border-right: 1px solid 	white; border-bottom:0px solid white; margin: 0 0 5px 0; float:right;padding: 5px;}
.widget_sidebar1 .inside	{padding: 10px; color: #ff0903;}
.widget_sidebar1 ul	{list-style: circle; color: #ff0903;  margin-left:15px;}
.widget_sidebar1 ul a {color:white;display:block; padding 2px;}
.widget_sidebar1 ul li a:hover {color: #7cc6db;}


/*
	BLOG ENTRIES
*/
.post h2	{}
.datebox	{width: 18px; float:left; padding: 10px; background:#000000; color:white; text-align: center; margin: 0px 10px 5px 0px;}
.day		{font-size:09px; font-weight: bold; margin:0;}
.month		{font-size:09px; font-weight: bold; text-transform:uppercase; margin:0;}
.year		{font-size:08px; font-weight:normal; margin:0;}


/*
	FOOTER
*/
#footer		{ border-top-style: none; text-align: center; height: 10px;  position: bottom; clear:both;}
#footer-inside	{width: 900px; text-align: center; font-size: 9px; color: #7cc6db; padding-top:10px; margin-top: 5px; margin-left: 30px; height: 15px;}