/*   
Theme Name: Cosmo Cafe
Description: Website Stylesheet
Author: MDS Media Group
Version: 1.0
*/

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
/* Top Elements */
* {margin: 0; padding: 0; outline: 0}
* img {border:none;}
body {background-image: url(../images/bgmain.gif); background-repeat: repeat; background-color: #892217; margin: 0px; padding: 0px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}

/* Links */
a {color: #fff; text-decoration: underline;}
a:hover { color: #fff; text-decoration: none;}

/* Text */
h1{font-size: 18pt;}
h2{font-size: 14pt;}
ul, ol {margin-left: 25px;}

/* Elements */
table {border: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}

/* Form Elements */
input[type="text"] {}
input[type="textarea"] {}
input[type="submit"] {}

/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#wrap {width: 705px; margin: 0 auto;}

.content {background: url(../images/bg_con_header.jpg) repeat-y; width: 766px;}

#footer {width: 746px; height: 21px; padding: 60px 10px 0px 10px; background: url(../images/footer.jpg) no-repeat; clear: both;}
	#footer p {font-size: 8pt; color: #9d9d9d;}
	#footer a {font-size: 8pt; color: #9d9d9d;}
	#footer a:hover {font-size: 8pt; color: #fff;}

/*------------------------------------------
   PAGE SPECIFIC
-------------------------------------------*/
#titlebar {width: 766px; height: 52px; text-align: center;}

#welcome {float: right; width: 470px;}
	#welcome p {margin: 0px 40px 20px 0px; text-align: justify;}
	
#events {width: 233px; height: 213px; padding: 70px 10px 0px 10px; margin-left: 30px; background: url(../images/events_box.png) no-repeat top left; float: left;}
	#events span {display: block; border-bottom: dashed 2px #fff; padding-bottom: 10px; margin-bottom: 10px; color: #000;}
	#events a{font-weight: bold;color: #fff;}
	#events a:hover{font-weight: bold;color: #9d9d9d;}
	#events i {text-align: right;text-decoration: underline;}

#blklinks{width: 705px;}
	#blklinks img{padding: 10px;}

#menu {width: 705px; margin-left: 35px; text-align: center;}
	#menu h1 {margin-bottom: 10px;}
	#menu span#menu_nav {margin: 20px 0px; display: block;}
	#menu span#menu_nav img {padding: 5px;}
	#menu span#menus img {border: solid 10px #3b150f; margin: 20px 0px; padding: 8px; background: #fff;}

#eventlist h1 {text-align: center;}
	#eventlist ul {width: 705px; list-style: none;}
	#eventlist ul li {text-align: left; border-bottom: dashed 2px #c7c7c7; padding: 20px 0px;}
	#eventlist ul li h3 {margin-bottom: 5px;}
	#eventlist ul li p {margin: 10px 0px;}

#gallery{width: 705px;}
	#gallery img{border-style: solid;border-color: #fff;border-width: 8px;margin: 10px;}

#inside{width: 705px;}

#location{width: 705px;}

#contact{width: 705px;}