/*   
Theme Name: Pauzauskie Group
Theme URI: ....
Description: 
Author: Ben Mendoza
Author URI: http://bendoza.com
Version: 1.0
*/

html { 62.5% }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.1rem;
	color:#666;
	margin:0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
}
#logo {
	width: 500px;
	height: 53px;
	margin: 0 0 58px 0;
	display: block;
	position: relative;
	top: 0px;
}
#logostuff a { 
	font-family: 'Terminal Dosis', sans-serif; 
	font-size: 36px; 
	color: red; 
	display:block; 
	width: 260px; 
	float: left;  
	margin: 0;
	position: relative;
}

* {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#666;
}

a:hover { color:red; }

#page-wrap {
	width:1024px;
	min-height:500px;
	margin: 0 auto;
	top: 18px;
	position: relative;
}

#header {
	background: url(header.png) repeat;
	height: 150px;
	margin: 0 auto;
	width: 100%;
	position:absolute;
}

#header h1 {
	font-size:3.6rem;
	font-size:36px;
}

#menu {
	margin:0 2px;
	width:100%;
	height: 50px;
	display:block;
	margin:-25px auto 0;
	/*background: url(images/navbar2.png) no-repeat center;*/
}

#menu li {
	list-style:none;
	float:left;
}

#menu li {
	font-size:1.2rem;
	font-size:12px;
	text-align: center;
	display:block;
	padding: 12px 0 4px 0;
	margin: 4px 0 0 0;
	width:168px;
	height: 25px;
	border:1px solid #CDCDCD;
	background: #dedede; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGE4YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dedede 0%, #d2d2d2 51%, #a8a8a8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(51%,#d2d2d2), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dedede 0%,#d2d2d2 51%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dedede 0%,#d2d2d2 51%,#a8a8a8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dedede 0%,#d2d2d2 51%,#a8a8a8 100%); /* IE10+ */
	background: linear-gradient(top,  #dedede 0%,#d2d2d2 51%,#a8a8a8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#a8a8a8',GradientType=0 ); /* IE6-8 */

}

#menu li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

#menu li.selected, #menu li:hover, #menu li.current_page_item { background:white; border-bottom:none; border-left: 1px solid #eee; border-right: 1px solid #eee; box-shadow: inset -2px 2px 4px #999; }

@media screen and (max-width:786px) {
    #page-wrap {
        width: 100%;
		margin: 0px auto;
    }
	#header { height:135px; }
	#logo { margin: 0 0 62px 0; }
    #menu {
		display:block;
        background-image:none;
    
		float: left;
		width: 230px;
		height: 100%;
		position: relative;
		margin-top:0px;
	}
	#menu li {
		float:none;
		text-shadow: 0 2px 0 white;
		 width: 260px;
        background-image: linear-gradient(bottom, #CDCDCD 22%, #D2D2D2 47%, #DDDDDD 79%);
		background-image: linear-gradient(bottom, #C9C9C9 22%, #D2D2D2 47%, #DEDEDE 79%);
		background-image: -o-linear-gradient(bottom, #C9C9C9 22%, #D2D2D2 47%, #DEDEDE 79%);
		background-image: -moz-linear-gradient(bottom, #C9C9C9 22%, #D2D2D2 47%, #DEDEDE 79%);
		background-image: -webkit-linear-gradient(bottom, #C9C9C9 22%, #D2D2D2 47%, #DEDEDE 79%);
		background-image: -ms-linear-gradient(bottom, #C9C9C9 22%, #D2D2D2 47%, #DEDEDE 79%);
		
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.22, #C9C9C9),
			color-stop(0.47, #D2D2D2),
			color-stop(0.79, #DEDEDE)
		);
		border-right:none;
		margin:1px;
		font-size:1.4rem;
		text-align:left;
		padding: 10px 5px 10px 5px;
    }
    #menu li a {}
	#menu li a.selected, #menu li a:hover { box-shadow:none; }
    #content {
    	float: right;
		display: block;
		position: relative;
		padding: 20px !important;
		margin: 10px !important;
		width: 56%;
		border-left:1px solid #EEE !important;
    }
	
	#content h1 a { font-size:1.4em; }
	#content h2 a { font-size:1.2em; }
    #sidebar,#footer {
		display: none;
	}
	
}

@media screen and (max-width:640px) {
    #page-wrap {
        width: 100%;
    }
    #logo {
        width: 100%;
    }        
    #menu {
        float:none;
        background-image:none;
        margin:0 auto;
	width: auto;
    }
    #menu li {
        float:left;
	width: auto;
	font-size: 1rem;
    }
    #menu li a {
        width: auto;
    }
	#menu li.selected, #menu li:hover, #menu li.current_page_item { background:white; border-left:none !important; border-right:none !important; border-top: none !important; border-top: none !important; box-shadow: inset -2px 2px 4px #999;margin: 1px 1px 3px 1px; }

    #header {
	font-family: 'Terminal Dosis', sans-serif;
        margin:0 auto;
        left:auto;
    }
    #content {
        float: left;
        width: 96%;
        margin: 0 !important;
	padding: 0 !important;
    }
	#content div p a img {
	    width: 96%;
	}
}


#footer {
	padding:20px;
	text-align:right;
	border-top:2px solid red;
	margin:0;
	color:#999;
	float: left;
	width: 100%;
}

#footer ul {
	display:block;
	width:400px;
	height: 20px;
	margin: 0 auto;
	float: left;
	position: relative;
	font-size: 12px;
}

#footer ul li {
	float:left;
	padding: 0 5px 0 5px;
	list-style-type:none;
}

#copyright {
	font-size:12px;
	float:right;
}

img#logo {
	display:block;
	margin: 40px 100px;
	position:absolute;
}

.uw-link {
	display:block;
	left: 520px;
	position: relative;
	top: 48px;
	width:200px;
}

.uw-link a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #bbb;
	font-style:italic;
	text-decoration:none;
}

.uw-link a:hover {
	color:#888;

}

.description {
	float:right;
	margin:45px 0 0 0;
	color:#222;
}

#wrapper {
	width:1024px;
	margin:0 auto;
	
}

#nav {
	border-bottom:1px solid #eee;
	padding:7px 0;
	margin:0;
	border-top:1px solid #eee;
	height:28px;
}

#nav li {
	float:left;
	list-style:none;
}

#nav li a {
	color:#666;
	padding:5px 5px 7px 5px;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	margin:1px 2px 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#nav li a:hover {
	background-color:#eee;
	color:red;
	text-decoration:none;
}

#nav li a.active {
	background-color:#eee;
	color:red;
	text-decoration:none;
}

.clear {
	clear:both;
}

#content {
	margin:10px 275px 10px 0;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	padding:10px 25px 30px 25px;
}

#content p {
	line-height:25px;
	margin:25px 0;
	font-size:12px;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #eee;
}

#content a:hover {
	color:red;
}

#content h2,#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	margin:15px 0;
	border-bottom:1px solid #f6f6f6;
	padding:5px 0;
}

#content h2 a,#content h1 a {
	color:#444;
	text-decoration:none;
	border:none;
}

#content ul { font-size:14px; }

#sidebar {
	width:250px;
	float:right;
	padding:10px 10px 30px 10px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	margin: 10px 0 10px 0;
	font-size: 12px;
}

#sidebar h2 {
	letter-spacing:2px;
	font-size:1em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
	color:#666;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid red;
}

#sidebar li a:hover {
	color:red;
}

p.news {
	padding:10px;
	background:#DEDEDE;
	margin:10px 0;
	color:#666;
	border-bottom:2px solid #eee;
	border-top:2px solid #eee;
	font-size: 12px;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}

#content ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
	font-size:12px;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}

img {
	background:#ccc;
	padding:1px;
	border:5px solid #eee;
}

#content h3 {
	margin:10px 0;
	font:75% Arial, Helvetica, sans-serif;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color:red;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}

#uw-link { font-size:10px; font-style:italic; display:block; float:left; width: 130px; margin-top: 25px; }